Spare parts – Demo 1

This is a WooCommerce Product Table PRO exclusive demo More PRO demos PRO features Get PRO
1 – 20 of 30 results Showing all 30 results Only 1 result No results found
Maker
Here you can filter products by their maker. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Diagonal
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
to GO
Current
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
to GO
Temperature
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
to GO
Price range ($)
to GO
On Sale
20 per page
Download CSV
Sort by Name: A - Z
Showing 1 – 20 of 30 results Showing all 30 results Showing the single result No results found
Filter
Sort
Filters Sort results
Reset Apply
Part num.
Info.
SKU
Maker
Availability
Spec. sheet
Brochure
Current
Temp.
Width
Height
Length
Diagonal
Price
Add
Spare part 001
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-25448730
Lenovo
60 in stock
Specs.
Brochure
93 mA
25 C
10 in
20 in
8 in
8 in
$63.00
Max: 60
Min: 1
Step: 1
Spare part 002
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-78447908
Microsoft
30 in stock
Specs.
Brochure
42 mA
90 C
9 in
18 in
19 in
12 in
$21.00
Max: 30
Min: 1
Step: 1
Spare part 003
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-35959540
Microsoft
50 in stock
Specs.
Brochure
43 mA
100 C
13 in
19 in
7 in
5 in
$11.00
Max: 50
Min: 1
Step: 1
Spare part 004
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-85739046
Lenovo
100 in stock
Specs.
Brochure
1 mA
50 C
16 in
17 in
11 in
6 in
$90.00
Max: 100
Min: 1
Step: 1
Spare part 005
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-61537066
Apple
Out of stock
Specs.
Brochure
48 mA
75 C
11 in
6 in
20 in
17 in
$10.00
Max:
Min: 1
Step: 1
Spare part 006
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-18248398
Huawei
100 in stock
Specs.
Brochure
32 mA
80 C
7 in
9 in
18 in
9 in
$73.00
Max: 100
Min: 1
Step: 1
Spare part 007
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-13971006
Apple
10 in stock
Specs.
Brochure
40 mA
100 C
19 in
20 in
10 in
9 in
$53.00
Max: 10
Min: 1
Step: 1
Spare part 008
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42657377
Apple
90 in stock
Specs.
Brochure
15 mA
75 C
14 in
17 in
6 in
9 in
$86.00
Max: 90
Min: 1
Step: 1
Spare part 009
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-15384976
Samsung
90 in stock
Specs.
Brochure
20 mA
25 C
5 in
9 in
18 in
15 in
$80.00
Max: 90
Min: 1
Step: 1
Spare part 010
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-39218496
Apple
Only 2 left
Specs.
Brochure
22 mA
75 C
15 in
14 in
8 in
16 in
$97.00
Max: 2
Min: 1
Step: 1
Spare part 011
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42396185
Microsoft
100 in stock
Specs.
Brochure
83 mA
15 C
13 in
9 in
5 in
15 in
$70.00
Max: 100
Min: 1
Step: 1
Spare part 012
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-77011085
Asus
40 in stock
Specs.
Brochure
10 mA
75 C
17 in
16 in
7 in
19 in
$85.00
Max: 40
Min: 1
Step: 1
Spare part 013
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-16196242
Microsoft
30 in stock
Specs.
Brochure
100 mA
50 C
8 in
8 in
15 in
5 in
$43.00
Max: 30
Min: 1
Step: 1
Spare part 014
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42852187
Microsoft
20 in stock
Specs.
Brochure
29 mA
100 C
15 in
17 in
10 in
12 in
$44.00
Max: 20
Min: 1
Step: 1
Spare part 015
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-39276452
Samsung
Only 3 left
Specs.
Brochure
40 mA
30 C
20 in
10 in
9 in
10 in
$20.00
Max: 3
Min: 1
Step: 1
Spare part 016
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-34845465
Microsoft
80 in stock
Specs.
Brochure
85 mA
85 C
6 in
19 in
9 in
9 in
$71.00
Max: 80
Min: 1
Step: 1
Spare part 017
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-60333115
Dell
60 in stock
Specs.
Brochure
13 mA
60 C
18 in
13 in
15 in
13 in
$57.00
Max: 60
Min: 1
Step: 1
Spare part 018
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-26550170
Samsung
30 in stock
Specs.
Brochure
37 mA
90 C
17 in
20 in
16 in
7 in
$15.00
Max: 30
Min: 1
Step: 1
Spare part 019
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-89761107
Samsung
30 in stock
Specs.
Brochure
70 mA
55 C
20 in
17 in
12 in
16 in
$52.00
Max: 30
Min: 1
Step: 1
Spare part 020
Info
Summary
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-37253947
Samsung
Only 2 left
Specs.
Brochure
68 mA
85 C
5 in
8 in
9 in
19 in
$66.00
Max: 2
Min: 1
Step: 1
1 2

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 1' to your site right now! Beta

Import steps

Note: You need WCPT PRO v2.7.3+ to use this demo on your site.
  1. Import demo products
    Download the demo products from here ⬇️ (category: WCPT spares) and import them to your site (reference video ℹ️).
  2. Import demo table
    Download the demo table from here ⬇️ and import it to your site (reference screenshot ℹ️).
  3. Customize this table
    Please read the 'Demo Notes' section below to customize this demo as per your requirements.
In case of any issue in using this facility please contact support for assistance.

General

  • Tutorials: The plugin tutorials will help you setup your tables quickly. Highly recommended for new users.
  • Responsive: Multiple phone responsive layouts available. Please see phone responsive doc and use the layout you want. Above demo is using the ‘child row facility’ on phones.
  • Range slider: This facility is available for Price and Custom Fields only. See FAQs > Other > Why are custom fields important? Where can I find the custom field on my site? How do I use them?
  • Tooltip: Some of the navigation filter headings have tooltip element to provide explanations. For more info see tooltip doc.
  • Download CSV: The table navigation has a button to download products in CSV format. For setup information please see Download CSV doc.
  • Fixed column: You can add / remove columns in the demo. If you have several columns you can use the freeze column facility (see demo).
  • 3rd party plugin support: Integrations available for – add to quote, compare, wholesale, delivery estimate, addons, etc (integration demos | complete list).

Shortcode

[product_table id="634" laptop_freeze_left="1" laptop_freeze_right="2"  laptop_freeze_heading="true" grab_and_scroll="true" dynamic_hide_filters="true" dynamic_recount="true" phone_freeze_heading="true" phone_child_row_columns="info: 50% | sku: 50% | maker: 50% | stock: 50% | specs: 50% | brochure: 50% | diagonal: 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:

Shortcode optionExplanation
idThis is the table ID. You can find it in the shortcode listed at the top of the table editor page.
instant_sortThis is useful when you have only one page of results like in the above demo. It makes the sorting occur on the visitor’s browser instead of sending a request to the server. Therefore the sorting is faster, but it is limited to the results on the current page only.
instant_searchSimilar to instant_sort, this will search through the table text on the current page instead of requesting the server for results. So the results are faster but limited to products on the current page only.
laptop_freeze_leftMakes the the left column sticky / fixed. You can define the number of columns you want to fix.
grab_and_scrollOn tables that are horizontally overflowing, you can use this option to let visitors hold down mouse button and drag the table around instead of only using the scroll bar. It makes the UI more convenient.
laptop_freeze_headingUse this to make the table heading sticky. You can also use laptop_scroll_offset=”20px” to give the sticky heading an offset to compensate for a sticky menu if you already have one on your site.
dynamic_hide_filtersFilter option that will lead to no results are automatically hidden.
– This is a highly resource intensive facility.
– This works for category, attribute, taxonomy, tag, availability and on-sale filters.
dynamic_recountEach filter option gets a count of how many results will be displayed if it is selected.
– This is a highly resource intensive facility.
– This works for category, attribute, taxonomy, tag, availability and on-sale filters.
phone_child_row_columnsThis table is using the child row facility to make the table responsive. On phones only the product name and image are displayed. Rest of the columns are hidden in a child row that the visitor can toggle open to view more properties. You can choose which elements will be displayed in the parent row and the child row. Please see the child row facility doc.
laptop_auto_scroll=”true”
tablet_auto_scroll=”true”
phone_auto_scroll=”true”		With this option you can make the product table automatically scroll to the top every time your shopper refreshes the table results (by filtering, search or pagination).