Demo Notes
Setup time: 2-5 minutes
Difficulty: Easy (anyone can use)
Customization: Fully customizable (see notes below)
Download
Download demo
Import this demo table: 'Spare parts – Demo 2' to your site right now!
Import steps
Note: You need WCPT PRO v2.7.3+ to use this demo on your site.-
Import demo products
Download the demo products from here(category: WCPT spares) and import them to your site (reference video
).
-
Import demo table
Download the demo table from hereand import it to your site (reference screenshot
).
-
Customize this table
Please read the 'Demo Notes' section below to customize this demo as per your requirements.
General
- Tutorials: The plugin tutorials will help you setup your tables quickly. They are especially designed to help you get the most out of the plugin in the least time. Highly recommended for new users.
- Phone responsive mode: To neatly display your product tables in the limited narrow space on mobile phones multiple special phone responsive layouts are made possible for you. Please see phone responsive doc and use the layout you want. Above demo is using the ‘child row facility‘ on phones to make the tables easy to explore on small devices.
- Download CSV facility: The table navigation has a button to download products in CSV format. Using this smart facility your site visitors can download specific product data you wish to provide, open it in CSV software like Excel, Google Docs, and quickly search through the data or print, convert to PDF etc. To know more about this facility please see Download CSV doc.
- 3rd party plugin support: Integrations available for – add to quote, compare, wholesale, delivery estimate, addons, etc (integration demos | complete list).
Shortcode
[product_table id="1508" laptop_freeze_heading="true" tablet_freeze_heading="true" phone_freeze_heading="true" dynamic_hide_filters="true" dynamic_recount="true" laptop_child_row_columns="width: 10% | height: 10% | length: 10% | current: 10% | temp.: 10% | specs: 12% | brochure: 12%" tablet_child_row_columns="availability: 50% | specs: 50% | brochure: 50% | width: 50% | height: 50% | length: 50% | current: 50% | temp.: 50% | price: 50% | add: 50%" phone_child_row_columns="sku: 50% | maker: 50% | availability: 50% | specs: 50% | brochure: 50% | width: 50% | height: 50% | length: 50% | current: 50% | temp.: 50% | price: 50% | add: 50% " laptop_auto_scroll="true" tablet_auto_scroll="true" phone_auto_scroll="true"]
Below you will find an explanation for each of the shortcode options being used here: