, , ,

Woo Product Table Free – Features

If you run a WooCommerce store then you’ll definitely want to increase your sales rate. To reach the goal WooCommerce site owner perform some tricks. Among them using a Product Table Plugin is always considered a good decision. There’re few plugins to show your products in a table view. But almost all of them are premium version and have the chances to conflict between your remaining Theme/Plugins installed on WordPress. So how would it be if there is a null version of premium to display products as product table? Today I’ll introduce a plugin  WooCommerce Product Table Free version.

What is  WooCommerce Product Table?

In WooCommerce plugin there are some feature given as default. Such as WooCommerce products are shown in Shop page. In the Shop page each product is separately and the products take much space of your device screen. From there you can purchase a products as many as you want. But the problem arises when you want to purchase multiple products at a time.  For each product you have to Checkout individually.

A WooCommerce Product Table actually shows your WooCommerce products in a table view. By using a Product Table you can display more products more dynamically that increases the conversion rate.

Features of WooCommerce Product Table Free

WooCommerce Product Table Free is the free version plugin of Woo Product Table Pro(Bestselling WooCommerce Product Table Plugin on CodeCanyon). Though it’s a free version you can do a lots of stuff with this awesome plugin. Some notable features of this plugin are listed below.

  • WooCommerce Products as Table
  • Customize each Table differently
  • One Click Shortcode Generator
  • Fully Mobile Responsive
  • Select Column with CheckBox to make your Table
  • Drag and Drop Feature to arrange Tables Column Position
  • Table Header Customizable
  • Enable/Disable Ajax action
  • Product Variation Supported in Table
  • Mini Cart available above Table
  • Thumbs Image LightBox
  • Display Ratings of Individual Products
  • Show Products Selected Category/Tag
  • Display Products by Min/Max price
  • Set Post limit
  • Load More Button
  • Well Commented Code

Let’s have a look some features in brief.

 

WooCommerce Products as Table

Woo Product Table is a plugin that displays some of your WooCommerce Products/All Products in a table view.

 

WooCommerce Product Table Free

WooCommerce Product Table Free

 

Fully Mobile Responsive

Worries for responsiveness on smaller screen? Great news for you that Woo Product Table is mobile responsive.

Also you can hide some columns on mobile device.

 

Responsive Table

Responsive Table

 

Customize each Table Differently

Using WooCommerce Product Table you can customize each table differently.

 

One Click Shortcode Generator

The most important feature of this plugin is a Shortcode Generator. This plugin comes with a Shortcode Generator customizing which needs no programming idea. So if you’re a beginner or have little knowledge on programming, you’re gonna love this plugin.

 

Select Column with CheckBox to make your Table

In WooCommerce Product Table plugin you need no coding. Just Tick the Checkboxes that you want to include in your table.

Table Header Customizable

Suppose you want to customize Table Header in your local language. Then it’s a good news that you can customize all the Table Header in Product Table.

Enable/Disable Ajax action

In WooCommerce when a customer purchase a product default system redirect user to the Checkout page. If a customer purchase multiple products he has to checkout each time differently. Isn’t that tedious?

WooCommerce Product Table plugin will get rid you from this tedious process. When you click on Add To Cart the product is added to Cart by Ajax Action that’s need no page reload. You can add multiple products one by one and Checkout only once for all products at a time.

Product Variation Supported in Table

You may have a product of different variation like color or size, then you can show all the variation in the product table.

Related article: How to Create Product Variation in WooCommerce Product Table

Mini Cart available above Table

There is a Mini Cart above the table which shows the info how many products have you put in the cart and their respective price.

 

Mini Cart In WooCommerce Product Table

Mini Cart In WooCommerce Product Table

 

Thumbs Image LightBox

Thumbs image LightBox is already added in this plugin. So you needn’t additional plugin to add the feature.

 

Show Products of Selected Category/Tag

You can select which category/Tag related product to be shown in the table. So it’s easy to organize your table to show products of specie one or more Category and Tag.

 

Products of Selected Category

Products of Selected Category

 

You can also show multiple Category of products  to show in the table. For this select the Categories you want to show in the table .

 

Display Products by Max price

If you want to display products between a price range you can do that easily. Woo Product Table Free allows user to show products below a maximum price range.

You can see the Premium version of WooCommerce Product Table Free at Woo Product Table Pro.

, , , , ,

Search WooCommerce Products In Product Table

In WooCommerce there are some most having feature to increase your conversion rate. All the thing you’ve to do is making the buying experience easy for your customer. When they feel comfort to buy and it becomes easier to find their desired products then they’ll visit your site to purchase.

To make the purchasing experience great a WooCommerce store should have a Search option. There are some plugins to add the search feature in WooCommerce store. In this guide I’ll show how to add and use the search feature in woocommerce.

Here in this guide I’ve used a plugin that is enabled to add the search feature. Also it shows the WooCommerce products in a table view.

Lets see how to enable Search feature with Woo Product Table Pro plugin and show the products in a product table. There’re two types of search in this plugin. One is Instant Search and the other is Advanced Search. Both of the search procedure will be shown here.

Woo Product Table Pro plugin follows the following major step to show the products in a table view.

  • First of all install the plugin on WordPress and active it to use it.
  • Generate shortcode and paste it to desired page/post
  • Publish and see how does it looks.

Instant Search

Instant search in product table is used to find the products that are already loaded in the table. Suppose in the product table there have loaded 50 products. Then from those loaded products you can search any products by Product Title/Category/Tag. If the searched item belongs to the previously loaded products in the table then the searched item will show in the table, if not, the table will be blank.

Step 1: Enable Instant Search Filter

Navigate to Dashboard->Product Table->Configure and find Instant Search Filter option. Then select yes from the text-box.

enable instant search

Image of enabling instant search


Step 2: Configure the shortcode generator

Now configure the shorcode generator to define how and which products will be shown in your table.

To configure shortcode navigate to Dashboard->Product Table->Product Table. There will be five different tabs. They are listed below.

  • Column (use to select what will be shown in table and set the table header)
  • Basics (use to define which category/tag to include/exclude, set table template etc)
  • Conditions (set sorting order, min/max price, stock/all product, post limit)
  • Mobile Issues (customize the table for mobile though it is responsive)
  • Search Box And Filter (customize advanced search box and filter)
Product tables tab

Image of Product tables tab


 

Related article:

How to Make a WooCommerce Product Table Using Woo Product Table Pro
Custom Fields In WooComerce
How to use Custom Taxonomy in WooCommerce?

 

Step 3: Use the customized shortcode in a post/page

After all customization generate the shortcode. Copy the shotcode from text-box and paste it to a new page/post or in an existing one. Publish the page and head over to View Page to see the results.

instant search in table

Instant search in table


Remember here, if the typed keyword related product doesn’t have in the table then the table will be blank after you search it.

Advance Search

Enabling this feature any items from the store can be find out and show the related product in a product table by Product Title.

Step 1: Configure the shortcode generator

Follow step 2 in Instant Search.

Step 2: Enable Advanced Search

Dashboard->Product Table->Product Table->Advanced Search And Filter and select Show Search Box (Default) from Advanced Search Box.

show advance search

Show advance search


Step 3: Use the customized shortcode in a post/page

Then generate shortcode, copy that and paste in a new page/post or in a existing one. Publish the page/post and go to View Page.

advance search in woo product table pro

advance search in woo product table pro


Here in the search Keyword text-box type product title and click on search. The keyword related product will be shown in a product table. To search the product in a specific category or tag just tick the related checkbox.

Taxonomy Search

Though in this plugin there are Instant Search and Advanced Search given as default  it also works with taxonomy search. So if you have a taxonomy created by taxonomy creator plugin you can search your product in specific taxonomy.

To know more about Taxonomy creating and customizing please follow, How to use Custom Taxonomy in WooCommerce?

In that article there was a custom taxonomy named color. Now following that article create a new taxonomy named size and edit your product size from product page.  Navigate to Dashboard->Products->All Products and edit the product you want.

Step 1: Customize shortcode for custom Taxonomy

Navigate to  Dashboard->Product Table->Product Table->Advanced Search And Filter and add product_cat,product_tag,size,color in Taxonomy Keywords for Advance Search Box. Also select Show Search Box (Default) from Advanced Search Box.

Note: Use small letter in text-field.

taxonomy add in shortcode generator

Taxonomy add in shortcode generator


Make other necessary changes from other tabs of shortcode generator.  Generate shortcode and copy that.

Step 2: Show and use Taxonomy search

Paste the copied shortcode in a new page/post or in an existing one. Head over to View Page and see the changes made.

custom taxonomy search

Custom taxonomy search


There any product can be searched by product category, tag, color and size. Just tick the related checkbox and click the search icon.

Filter Product

Filer in Woo Product Table Pro is used to filter the products that have been loaded in a table. Suppose a table has been loaded in page or post you want to show the products that belongs to specific category/tag/color/size or by custom taxonomy. Then you can use this filter.

Step 1: Customize shortcode for custom Filter

Navigate to  Dashboard->Product Table->Product Table->Advanced Search And Filter and select Filter Show(Default) from Mini Filter box. Add product_cat,product_tag,size,color in Taxonomy Keywords for Filter box(as I’ve created size and color for custom Taxonomy)

Note: Use small letter in text-field.

mini filter in shortcode

Mini filter in shortcode


Make other necessary changes from other tabs of shortcode generator.  Generate shortcode and copy that.

Step 2: Show and use Taxonomy Filter

Paste the copied shortcode in a new page/post or in an existing one. Head over to View Page and see the changes made.

filter products in product table

Filter products in product table


To know more about the plugin follow Woo Product Table Pro.

, , ,

WooCommerce Custom Taxonomy – Adding And Customizing

WooCommerce Custom Taxonomy is the feature to show extra product data based on a class. It may be your product color, size or may be style.

 

What is WooCommerce Custom Taxonomy/WooCommerce Custom Field?

Most WordPress beginner face conflict between Custom Taxonomy and Custom Field. So let’s clear the conflict in a brief.

First of all, the both items are used to show extra product data. But there are some types of data we use for each product individually like product title, price, e-mail, maps. In that case use Custom Field.

On the other hand, sometimes we need to classify a group of product like color, size, category etc. Use Custom Taxonomy to classify a group of product.

So you can use WooCommerce Custom Taxonomy and WooCommerce Custom Field to show extra product information. Use Custom Taxonomy to show the info of a group of product and Custom Field to show individual info of a single product.

However, this article is about using Custom Taxonomy. If you want to know more about Custom Field see How to Use Custom Fields?

 

How to add WooCommerce Custom Taxonomy?

Adding a WooCommerce Custom Taxonomy requires a plugin. There are some plugin to perform that. Among them I suggest to use Custom Post Types and Custom Fields creator – WCK as it is user friendly.

Now I’ll show step by step how to add and show Custom Taxonomy in WooCommerce.

Step 1: Installation the required plugin

First navigate to Dashboard->Plugin->Add New and in the Search Plugin text-box type WCK. There will appear some plugin. Among them install and active Custom Post Types and Custom Fields creator – WCK.

 

install custom field creator

Installation of custom field creator

 

Step 2: Create Custom Taxonomy

Follow the steps below to create custom Taxonomy

  • Navigate to Dashboard->WCK->Taxonomy Creator
  • From here create a Taxonomy Name (The name of the taxonomy. Name must not contain capital letters or spaces.)
  • Input the Singular Label
  • Input the Plural Label
  • Select Attach to option. Also Select product if you want to add the taxonomy for product.
  • Select Hierarchical true

And finally add the entry.

 

create taxonomy

Create custom taxonomy

 

I want to add custom Taxonomy to my product to show the products color information. So in the picture given above I’ve added a Taxonomy named color and attached it to product.

Step 3: Add product

Now head over to Dashboard->Product->Add New (or edit an existing one)

Input the Product Name in Add New Product text-box.

 

add product name

Add product name

 

Step 4: Add Product image

Head over to sidebar and click on Set product image from product image section.

 

set product image

Set product image

 

Click on Upload Files->Select Files and select the image file for your product.

After selecting the image file click on Set product image button as given in screenshot.

 

upload product image

Uploading product image

 

Step 5: Input the Taxonomy for product

Here the created value taxonomy was Color (in step 2). So at the sidebar there will be a section called Color.

Now we’ll input the value of color for this product. To input the color name click on +Add New Color and input the value in the text-box. Finally click on the Add New Color button.

 

input color name

Image input color name

 

Now click on Publish button from top right sidebar.
Click on View Page to see the changes done.

There is a plugin named Woo Product Table Pro by which you can show the Custom Taxonomy in a Product Table in a dynamic way. Using the plugin the product table may look like

 

 Color variation in product table

Color variation in product table

 

In the table you can see a column red marked Color showing the color of different product.

So isn’t it easy to make WooCommerce Custom Taxonomy and show the Custom Taxonomy in product table. Whatever I know making some easy tasks beginner falls in problem. If you face any problem please go through the comment section.

, ,

How to create Product Variation in WooCommerce

What is Product Variation?

In WooCommerce a product may have some variations like color, size, style or anything that you may need to specify. In that case we use product variations to show the variations in product.
Now let’s see how to add product variations.

 

Step 1: Set product type

From Dashboard navigate to Dashboard->Product->Add New (or Edit for an existing one) and in the text-box type the product name.

add product

Add product

Head over to Product data and from the box select Variable Product.

variable product

Set variable product

Step 2: Add Attributes

Now head over to attributes tab and click Add.

save attributes

Add attributes

Then type the attribute name and give the value in text-field. Separate each value with “|”.

Save arrributes

Save attributes

Add more attributes in this way like size or style and click on Save Attributes.

Step 3: Create variation from Attributes

Now click on Variation and from Add Variation text-box select Create variations from all attributes. If you input only one attributes then select that from Add variation text-box. Finally click on Go.

Create variation from Attributes

Create variation from Attributes

Step 4: Select images for product variations

Now click on expand variation.

expand variation

Expand variation

Then click on upload image icon. Head over to Upload files->Select Files and here select the images for product variations. Finally click Set Variation Image.

upload variation image

Upload variation image

You will be given a number of variation. Set the variation images for all the individual variation.

Add product image

Click on Set product image and select anyone from the uploaded images for this product variation.

Step 5: Set Regular Price

Now from the Add Variation text-box select Set regular prices and click go.

Set regular price

Set regular price

Set the value for regular price and click OK.

Enter price value

Enter price value

Select the SKU for each product in ordinal number one by one. Tick the checkbox of Manage Stock and input the number of products available in Stock Quantity.

Manage SKU and stock

Manage SKU and stock

Select Category

Now select the category. click on +Add new category and input the name in the text-box and click Add new category.

select category

Select category

Select Tag

Also create the Product Tag. Input in the Product Tag name in the text-area and click Add.

product tag

Select tag

Finally publish the page. Click on View Page. Your product page may look like this.

view-product

View product


If you use Woo Product Table Pro plugin your products in the table may look like.

 

variation-in-woo-product-table

Some other feature of this plugin:

  • WooCommerce Products as Table
  • Fully Mobile Responsive
  • Mini Cart in Each Table
  • One Click Shortcode Generator
  • Select Column with Checkbox To Make Your Table
  • Enable/Disable Ajax Action
  • Quick Buy Option
  • Custom Fields Supports column in Table
  • Best Customer Support

I hope you’ve got the task adding  product variation in WooCommerce. Using product table plugin you can show your WooCommerce products in a table view. You can visit to see how does Woo Product Table Pro works.

, , ,

Multiple Products Add to Cart from One Page on WooCommerce

What is Add to Cart multiple products?

In WooCommerce when you click on add to cart the product is added to cart. In this procedure each time you’ve to go to the product page. For purchasing a single product this is ok, but if you want to bye multiple products at a time each time you click on Add To Cart and you’re redirected to checkout. Isn’t that a bit boring.

Why do you need add multiple Product to Cart?

If you want to increase your sells you’ve to give your customer some advantage to bye their preferred products. If someone bye multiple products at a time he may feel to checkout once for all his chosen item at a time. In that case you need to add the feature to checkout once for all the selected products at a time.

When do you need Add to Cart multiple Products?

To be benefited  more from your WooCommerce store you need to know about the buying habits of customer. Do  they purchase multiple products at a time? If yes, then you may need to give the feature to add multiple product and checkout once for all selected product. Here are couple of example when do you need the feature.

  • If you run a bookstore then customer may buy multiple books at a time. Each time they click on Add to Cart, they are redirected to the checkout page. When a customer buy five books he’ll be redirected to the checkout page five times. Isn’t that boring?
  • When you’ve a wholesale WooCommerce store then customer may buy multiple products. So they have to visit checkout page for each purchase. Give them offer to select multiple product and pay the bill in checkout once.
  • If you manage a food order form or may have an restaurant , you know customer doesn’t buy single item always. Most of the time they order for multiple items. So your selling rate will be high if get the opportunity to checkout once for all the selected items.

So through an option to select multiple products at a time from one page. Now I’ll show you how to add multiple products to the cart simultaneously and checkout once for all the selected products.

Let’s see how does it look…

Checkbox quick buy

checkbox quick buy

At the right side of the table there is a checkbox to select multiple product and above the table  is Add to cart button to drop the products in the cart.

Like the plugin? Get in details about Woo Product Table Pro.

 

Having the plugin you’ll be able to

  • Show your product in a table view
  • Add Mini-Cart above your Product Table
  • Customize each table differently if you want
  • Easily generate shortcode

Now let’s see how to add multiple products to cart at a time.

Multiple Product Add to Cart by Checkbox

To use Woo Product Table pro

  • Install and active Woo Product Table pro
  • Go to Dashboard->Product Table->Product Table
  • In the Column tab tick the Checkbox (picture is given below)
  • Configure the table upon your demand (from Basics, Conditions, Mobile Issue ,Search Box and Filter tab)
  • Generate shortcode, copy and paste to a new page/post or an existing one
  • Publish and View the Page/Post
Tick checkbox in shortcode generator

Enable checkbox in shortcode generator

 

Finally your product table will look like

Checkbox quick buy

checkbox quick buy

 

To buy multiple products tick the checkboxes and select Add to Cart above the table.

Multi Purchase Add to Cart Checkout Once

In this feature when you add a product from the table’s Add to Cart it needn’t page reload for Ajax. You can add multiple product one by one through tables Add to Cart button that doesn’t redirect to checkout page, instead it will be added to a Mini-Cart.Then from the right side of the Mini-Cart you can Checkout all the selected products that you added to cart before.

To enable the feature navigate to

  • Dashboard->Product Table->Product Table
  • In Basics tabs Mini Cart Position box choose Top (Default)/Bottom (screenshot below)
  • Configure other options
  • Generate shortcode, copy and paste to a new page/post or an existing one
  • Publish the page and View the Page/Post

 

mini cart position product table

Enable mini cart in product table

Finally your product table will be like

Multi purchase from single page

Multi purchase from single page

From product table click on Add to Cart button which you want to purchase. Select as many as you like to buy and at last click on Cart/View Cart/Checkout to checkout once for all the selected items.

To know more about the plugin follow Woo Product Table Pro.

Bye It.

 

 

 

 

 

 

, , , , ,

WooCommerce Filter for Product Table: Adding and Customizing

This is a complete guide about adding and customizing WooCommerce Filter for Product Table.

 

What is filter in WooCommerce?

Actually filter in WooCommerce is the feature that enable a dropdown to filter your products. The procedure are performed with Ajax that needs no page reload.

So filtering helps to find the desired products more specifically that saves the valuable time of your customer. As a result sells increases with conversion rate.

Why should I use?

Few days back I just need to buy a pair of shoes. So I had look into a Ecommerce site who are famous for exporting worldwide brand shoes, slippers and some other accessories. They have thousands of products in their store which assigned different categories.

I wanted to purchase a pair of casual shoe of size 9 in Black. But unfortunately there was no functionality for filtering product for size. For this I’ve to switch to another site as I was then in a little hurry.

Now let’s see how to add Filter in WooCommerce Product Table.

In this guide I’ve used Woo Product Table pro (the bestselling Product table of CoeCanyon) to use Filter in Product Table. Good news is that you can add filter to product table in three ways. There are:

  • Default filter in Woo Product Table
  • Add Filter by Custom Taxonomy
  • Filter by Custom Fields

 

Default Filter in Woo Product Table

 

Now we’ll add WooCommerce Filter for Product Table which is given default. First make a product table. To do navigate to Dashboard->Product Table->Product Table.

Now customize your table by shorcode generator and generate shortcode. Copy the shortcode and paste in a new page.

If you don’t know about using Woo Product Table, please follow  How to Make a WooCommerce Product Table Using Woo Product Table Pro

Let’s have a look how is the product table before using Filter.

 

Before filter

Before filter

 

Now we’ll add a filter to the table.

To add filter navigate to Dashboard->Product Table->Product Table and customize shortcode. Go to Search Box And Filter Tab and in Mini Filter box choose Filter Show(Default).

 

active filter

Active filter in shortcode

 

Now generate shortcode and paste it to a page or post where you want to show the filter.

 

Default filter in shortcode

Default filter in shortcode

 

Here I’ve taken a new page named Filter and pasted the previously copied shortcode in text area. Now publish the page and click on view page.

 

After selecting filter

After selecting filter

 

On the top of the table there is a WooCommerce Filter for Product Table by which you can filter your products in Category and Tag.

 

Add Filter by Custom Taxonomy

There is a good news that you can add WooCommerce Filter for Product Table  by custom taxonomy. Following the five steps given below you can do that very easily.

Step 1: Installation plugin

To add filter by custom taxonomy we need to install an additional plugin to create custom taxonomy. There are some plugins in wordpress to do that. I’ve used  Custom Post Types and Custom Fields creator – WCK.

Navigate to Dashboard->Plugins->Add New search for  Custom Post Types and Custom Fields creator – WCK.

 

wck plugin installation

Custom field plugin

 

Install and activate the plugin.

 

Step 2: Create Custom Taxonomy

Go to Dashboard->WCK->Taxonomy Creator

Select the name of the taxonomy (must not contain capital letters or spaces), Singular Label and plural Label. Then choose Attach to Page/Post/Product.

Here I’ve chosen product as I’ll show it for product. Select Hierarchical True and click on Add Entry.

 

create taxonomy for filter

Create custom taxonomy

 

To see more on using Custom Taxonomy please see Custom Taxonomy in WooCommerce

 

Step 3: Add Taxonomy to Products

Now Navigate to Dashboard->Products->All Products and edit the products you want to do.

At the right sidebar you’ll get the taxonomy what you have created before.

add taxonomy to product

Add taxonomy to product

 

Click on Add New(Taxonomy Name) and input the value. Then click on on Add New (Taxonomy Name) button.

 

Step 4: Customize in Shortcode Generator

Now navigate to Dashboard->Product Table->Product Table->Search Box And Filter.

In Taxonomy Keywords for Filter (Separate with comma[,]) type your taxonomy name. In the box there is color and size for taxonomy that we created in taxonomy creator and product_cat and product_tag for default taxonomy in Product Table Plugin.

Remember here, each taxonomy must be separated with comma.

 

add category tag in filter for product table

Customize in Shortcode Generator for Custom Taxonomy

 

In the given screenshot color and size are for custom taxonomy. The rest of two are for WordPress default Taxonomy Category and Tag.

Step 5: Use the Shortcode

Generate shortcode and paste to a page/post and publish it. Go go View Page to look the change.

 

add all filter in product table

Custom taxonomy in filter

So in table shown above you can see a WooCommerce Filter for Product Table.

 

Custom Taxonomy in Back End

You can also skip step 4 if you want to use customized shortcode in the page directly.

To do that go to your desired page/post and type the code below

 

filter='color,size,product_cat,product_tag'

Change color and size beyond your custom taxonomy.

 

Filter from Custom Field

There is a great news that in WooCommerce Product Table plugin you can use Custom Fields. You can use Advanced Custom Fields with this WooCommerce Filter for Product Table to show extra product data.

With the comparability of Custom Field it can be used to Filter products. Isn’t that awesome.

When there are too many products in product table to find the exact desired one, customer can find by Filtering products from table.

You can make a WooCommerce Filter for Product Table in easy three steps.

 

Step 1: Install and Configure Advanced Custom Fields

Install and activate Advanced Custom Fields plugin from WordPress Plugins root directory.

acf-for-Product-table

 

There are some customization needed to use Advance Custom Field.

To know about creating and customizing Custom Field please see How to Use Custom Field in WooCommerce Product Table Pro.

 

Step 2: Customize the Shortcode

Now in the desired page add cf_brand, just following to product_title in the column_keyword’s inverted comma(“”)

 

input column header

 

Note: 1. You can change the order of position of cf_brand  upon your demand.

2. Before I created a custom field named brand. So here I have used brand. Try your own.

Now type Brand, after Product Title in column-title’s inverted comma (“”) section as I’ve shown below.

 

input column title

 

Step 3: View the Table

Then update the page and from the top of the page click on view page.

Then there will be a additional column say Brand. And the Product table may look like after adding the custom field:

 

Custom Field in product table

Custom Field in product table

 

So here an extra column has appeared than before named Brand. I hope you’ve got it customizing WooCommerce Filter for Product Table.

, , ,

WooCommerce Product Table : Boost Your Sale

You won’t believe how dramatically your sale will increase, if you don’t use WooCommerce Product Table in your WooCommerce store to show your products. All of our clients have highly praised for this plugin for its usability and features. Their sell have increased after using Woo Product Table.

Using Woo Product Table Pro Plugin you’ll be able to show your WooCommerce products in a shortable table view. You can display your products in the table  by Category, Tag, Price etc also you can Search or Filter your WooCommerce products by Custom Fields or Taxonomy.

11 notable awesome feature that your WooCommerce site should have to increase conversion rate and Boost Sell.

  1. Fully Mobile Responsive

  2. WooCommerce Products as Table

  3. Quick Buy Option

  4. One Click Multi-Purchase

  5. Ajax Add to Cart

  6. Quote Request

  7. Quick View

  8. Instant Search

  9. Advance Search Box

  10. Mini Filtering Option

  11. Custom message send for Each product

11 feature of this plugin, that you need to customize your product table easily and display the products exactly how your customer want to see.

  1. One Click Shortcode Generator

  2. Select Column with Checkbox To Make Your Table

  3. Drag and drop feature to arrange tables column position

  4. Compatible with WCK

  5. Custom Taxonomy Support as column in Table

  6. Custom Fields Support as column in Table

  7. Product Variation Supported in Table

  8. Customizable Each Table Differently

  9. Compatible with YITH

  10. All Message Customizable

  11. Best Customer Support

When should I use WooCommerce Product Table?

Many of our clients are using this plugin for their

  • Wholesale store
  • Departmental Store
  • Restaurant Order Form
  • Product Catalog
  • Stationary Shop

Today I’m going to show how to create a WooCommerce Product Table using Woo Product Table Pro as well as explains how to increase your sale.

Table of contents:

  1. Getting started with Woo Product Table
  2. Different Layouts of Product Table
  3. Custom Field in Product Table
  4. Custom Taxonomy in Product Table
  5. YITH Wish List and Request a Quote
  6. Advanced Search and Instant Search
  7. Filter Products from table

1. Getting started with Woo Product Table

In three steps I’m going to show you how to create this amazing Product Table. The main advantage of this plugin for beginner is you need not ABC of coding. Just select the options you want to show in your product table and generate shortcode. Copy the shortcode and paste to a page or post. Isn’t that very simple?

Step 1: Install the WPT Pro plugin

As a WooCommerce add-ons  plugin first be sure to install and activate WooCommerce on your site. Then install Woo Product Table pro plugin and from Dashboard’s plugin section activate it.

Step 2: Configure your Table

After activating the plugin navigate to Dashboard>Product Table>Product Table.

Here you will see a Shortcode Generator panel to configure your desired table. There are five different tabs to customize your table. I’m describing in short about those tabs.

Column Tab

In the column tab chose your preferred table header what you are going to show your visitors also you can rename your table header upon your language.

 

Shorcode generator Column tab of Woo Product Table Pro

Shorcode generator Column tab of Woo Product Table Pro

 

There are several rows, each of them consists of three different columns in the Column tab.

  • The first one is Drag and Drop option to arrange the table’s header column.
  • The second one is several Input Text Field Option to Set/Rename the tables header name.
  • From the last column tick the Checkbox to include the item in the table.

To select a Column including in your table just tick the Checkbox. For example, if you want to show Thumbnails and Product Title in your Product Table just tick the respected checkbox as I’ve shown below screenshot.

 

select thumbnails and product title in table

Select Thumbnails and Product title in table

 

You can also customize the table header. To do it, click on the input text field. There are some table header set as default. Click on which you want to customize/rename.

Suppose you want to change Category and set as Class. Then click on the field named Category and rename it as Class.

 

rename categories to class

Rename Categories to Class

 

Basics Tab

Now go to Basics tab. There are lot of options to configure your Product Table. If you want to include a category or some categories in your table click on the box named Category Includes. Then select those categories which you want to include in your table.

 

Shorcode generator Basics tab of Woo Product Table Pro

Shorcode generator Basics tab of Woo Product Table Pro

 

Similarly you can select the category to exclude from the table by selecting it from Category Exclude.

If you want to hide a product from Product Table input the product id in Product ID Exclude. Separate with comma (,) if have more than one.

Ajax action is set as default in Woo Product Table pro. When enable, your products will be added in a Mini-Cart above the table and it needs no page reload.

However you can change it if you want to redirect to product page when user click on Add to Cart button from the table .

When a customer buy a product it is dropped in a Mini-Cart that is shown above your Product Table. You can set it below the table or hide it from Mini Cart Position .

Bored of default Tables Template? Change it from Select template option. In Woo Product Table pro there are different six template. Select anyone from them. If nothing is select default template will be applicable.

There are also  many more customization in Basics Tab to Edit/Rename the default text. You can check it yourself.

Conditions Tab

In conditions tab you may set conditions how product will be shown in table.

 

Conditions Tab of Woo Product Table Pro

Conditions Tab of Woo Product Table Pro

 

To select sorting/order click the box named Sorting/Order and choose it Ascending/Descending or Random.

Set the minimum price from Set Minimum Price box and set maximum price from Set Maximum Price box.

If you want to set the products description length, set it from Description Type box.

In Woo Product Table Pro only stock product is set as default. So only stock product will be shown in table. But if you want to show all product in Product Table just select All Product from Only Stock Product text-box.

You can choose how may product to be shown in product table. Just input the number  in Post Limit/Per Load Limit option.

If you have more product than you input in Post Limit option, don’t worry. There is a load more button to load more product.

Mobile Issue Tab

Responsive Product table in mobile device

Responsive Product table in mobile device

 

WPT pro is set as default Responsive. However, if you want to change responsiveness navigate to Mobile Issues tab and choose No-Responsive from Mobile Responsive option.

You may also hide some info in mobile device. To do it check the checkbox like the picture shown below.

 

Mobile Responsiveness Column

Mobile Responsiveness Column

 

Search Box And Filter

If you want a Advanced Search option above your table it is set as default. To remove the feature just go to Search Box And Filter tab and choose “No Search Box” from Advance Search Box.

 

Advance Search Box in Product Table

Advance Search Box in Product Table

 

Step 3: Publish the Table

After all is setup click on Generate Shortcode, copy that from text-box and paste in your desired page/post.

You’ll find shortcode generator below all five tabs that I described above.

 

Shortcode generator of WooCommerce Product Table

Shortcode generator

 

Now publish the page/post. You’re Done.
Your Product Table will be like

 

Woo Product Table Pro

Woo Product Table Pro

 

2. Different Layouts of Product Table

There are 6 predefined Table Template. You can set your each table differently. So choose your best one among the given 6 template.

Smart Thin Template

The Smart Thin Template with advance search box and filter.

 

Blue Style Template

Your product table looks dynamic in Blue Template.

 

Blue Style Template

Blue Style Template

 

Beautiful  Blacky Template

Blacky Template is smart choice of tables template.

 

Green Style Template

Green Template is a amazing template that catches attraction of user.

 

Default Template

If you doesn’t select any template for your table then default template will be applicable.

 

Default Template

Default Template

 

Template None

Template None is the table where there is no styling from WooCommerce Product Table Plugin. As a result the styling of this table get from the theme activated in your WordPress site.

 

Template None

Template None

 

3. Custom Field in Product Table

There is a good news for you that you can use Custom Field in Woo Product Table Pro. To use custom fields in your product table install and active Advanced Custom Fields.

 

Custom Field in product table

Custom Field in product table

 

Here I’ve added brand name as Custom Field. If you don’t know how to create and use custom field then follow
How To Add Custom Fields In WooComerce Product Table.

4. Custom Taxonomy in Product Table

Suppose you want to display extra information about the product in the table then you can use  Custom Post Types and Custom Fields creator – WCK.

In the screenshot below I’ve created a custom taxonomy named color to display the color of the product. You create your desired ones upon your demand.

 

color in product table

Color in product table

 

Please follow How to use Custom Taxonomy in WooCommerce to know more about creating and customizing Custom Taxonomy.

5. YITH Wish List and Request a Quote

This plugin is also compatible with YITH WooCommerce Wishlist. So you can make a wish list for your desired product.

 

YITH WishList and Quote Request

YITH Wish List and Quote Request

 

In the same time you can request a quote for your selected product. That means you can add extra message after browsing to the Quote List page.

 

Quote Request messege

Quote Request message

 

6. Advanced Search and Instant Search

Advanced Search

Woo Product Table Pro allows Advanced Search. For this customer can search any products within your website. Also they can search products through custom taxonomy.

Advance Search option help potential user to find desired product in a short time. For this they will use your site very frequent. As a result sell increases.

 

advanced search

Advanced Search

 

If you don’t know about advanced search see Search Product in Product Table

Instant Search

Suppose you have loaded a table of about 250 products. Potential customer may be bored of finding their desired product.

What if there is a filter option to filter from those product. Yes Woo Product Table Pro have the feature to filter among the loaded products by Product Title/Category/Tag.

 

Instant Search

Instant Search

 

See Search Product in Product Table to know  in details about how search option works in WooCommerce Product Table plugin.

7. Filter Products from table

Sometimes customer may wants to see products by specific Category/Tag/any Custom Taxonomy. This specially works when you run a wholesale store or customer wants to buy a specific types of product.

 

 

So in the shown picture above you can filter your product by Category/Tag/Color/Size.

If you want to know more details about Filter see  WooCommerce Filter for Product Table: Adding and Customizing.

Therefore, by WooCommerce Product Table plugin customer finds their products easily in a short time. Also you can show your product information more dynamically.

Besides, this plugin take less time to load page than any other WooCommerce Product Table plugin. So customer doesn’t get bored of page loading. They visit frequently whenever they need to purchase. As a result sell increases.

Try the free version plugin of WooCommerce Product Table Pro from WordPress