Posted on

How to create a restaurant table using Woo Product Table?

restaurant add ons

If you want to run your online restaurant business, our Woo Product Table can help to show your restaurant menus as the table views.

Follow the steps below to create a restaurant menu like this one.

  1. Install Woo Product Table Pro

    To get your copy visit Codecanyon.

  2. Activate Woo Product Table Pro

    By activating Woo Product Table Pro you’ll get future updates. See this article on How can I activate Woo Product Table Pro?

  3. Create new Product Table

  4. Enable YITH Quick View Column

    To you YITH Quick View feature with our Woo Product Table Pro plugin you must have installed YITH WooCommerce Quick View.

  5. Now Install Product Add-ons Plugin

    To add the add-ons feature in your restaurant table you must have to install WooCommerce compatible Product Add-ons plugin. Here we have installed YITH WooCommerce Product Add-ons.

  6. Now Create Add-on Group

    You can control your add-ons by restricting by the group. In the group we have selected 3 products and one category and its visibility set to public.

  7. Now create Add-ons

    After saving the group click on Manage Add-ons. And the click on New Add-on. Give it a title, set type, and add options as per your demand.

Hope you find this article helpful. Please share your opinion with us.

Posted on

How can I activate Woo Product Table Pro?

If you were using our free version of Woo Product Table and you have bought a license of Woo Product Table Pro. Now you need to activate your free version Woo Product Table. Here is this article about how can you activate Woo Product Table Pro.

How to Activate

Have you installed a free version of Woo Product Table?

Time needed: 5 minutes.

If you have installed free version of Woo Product Table follow below these steps:

  1. Deactivate free version plugin

    You need to deactivate first the free plugin to delete it from your WordPress site.

  2. Delete free version plugin

    Click on delete to permanently remove that plugin from your WordPress site.

  3. Now again install free version plugin.

    You can download from here https://wordpress.org/plugins/woo-product-table/

  4. Unzip pro plugin downloaded from Codecanyon

    Download your plugin from Codecanyon. Now unzip the downloaded file. You will get a folder called Main Files. Inside of Main Files folder you will get your desired premium plugin.

  5. Install pro version of Woo Product Table

    Now go to your WordPress site Plugin > Add New > Upload Plugin and locate the Woo Product Table Pro plugin’s zip file and finally click on Install Now button. Your plugin should be installed within few seconds later.

  6. Activate

    After completed the installation click on Activate

  7. Activate plugin with your purchase code

    Now click on PRODUCT TABLE > Activate and paste your codecanyon plugin purchase code. Finally click on submit button to activate your Woo Product Table Pro.

Have you already installed Woo Product Table Pro?

Follow the last step 6 to activate Woo Product Table Pro.

Posted on

How to Add Custom CSS in WordPress Page or Post

Adding custom CSS in WordPress is very simple. Who don’t know how to add custom CSS in WordPress this article for them. Before we start if you don’t know how to add custom HTML code in WordPress Page or Post check this article.

We have added custom HTML in our previous post let’s try to make some design changes by CSS with Additional CSS block.

  1. Go to your site dashboard.
  2. Click on Appearance > Customize
  3. Open Additional CSS Block

Now add some CSS code for class highlight-text

p.highlight-text { color: red; font-size: 20px; font-weight: 700; }

Posted on

How to Add Custom HTML in WordPress Page or Post

Sometimes we need to add some HTML code into the page or post section. Then how you could do that? If you are using Gutenberg Editor then click on Component Dropdown Menu from top right corner.

Select Code Editor or you can use Ctrl + Shift + Alt + M as keyboard shortcut.

Now you can see the Code Editor view where you can add your custom html code. Below I have an example added like this:

<p class="highlight-text">This paragraph has highlighted texts.</p>

Now we need to know about how to add some custom CSS code to change the look below.

This paragraph has highlighted texts.

I hope this post will help beginner who are trying to make changes using WordPress.

Posted on

How to show custom taxonomy in mini-filter of WooCommerce Product Table

Mini Filter

If any shop owner wants to show their products in table view then there is WooCommerce Product Table. This plugin gives the ability to the shop owners. WooCommerce Product Table gives you lots of features mini-filter is one of them. Users can easily filter products without page reloads.

Show mini-filter top of the WooCommerce Product Table

To show the mini-filter above the WooCommerce Product Table you have to first go to the configuration page of the WooCommerce Product Table’s specific table.

To show any category or custom taxonomy in mini-filter you have to show that column first.

Then go to Search Box and Filter tab.

Then select Filter Show from Mini Filter section. And add your custom taxonomy related information in the Taxonomy Keywords for Filter box

Finally the product table. That’s all.