Spare parts – Demo 1

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
Filters Sort results
Reset Apply
Part num.
Info.
SKU
Maker
Availability
Spec. sheet
Brochure
Current
Temp.
Width
Height
Length
Diagonal
Price
Add to cart
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-25448730
Lenovo
60 in stock
93 mA
25 C
10 in
20 in
8 in
8 in
$63.00
Max: 60
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-78447908
Microsoft
30 in stock
42 mA
90 C
9 in
18 in
19 in
12 in
$21.00
Max: 30
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-35959540
Microsoft
50 in stock
43 mA
100 C
13 in
19 in
7 in
5 in
$11.00
Max: 50
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-85739046
Lenovo
100 in stock
1 mA
50 C
16 in
17 in
11 in
6 in
$90.00
Max: 100
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-61537066
Apple
Out of stock
48 mA
75 C
11 in
6 in
20 in
17 in
$10.00
Max:
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-18248398
Huawei
100 in stock
32 mA
80 C
7 in
9 in
18 in
9 in
$73.00
Max: 100
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-13971006
Apple
10 in stock
40 mA
100 C
19 in
20 in
10 in
9 in
$53.00
Max: 10
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42657377
Apple
90 in stock
15 mA
75 C
14 in
17 in
6 in
9 in
$86.00
Max: 90
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-15384976
Samsung
90 in stock
20 mA
25 C
5 in
9 in
18 in
15 in
$80.00
Max: 90
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-39218496
Apple
Only 2 left
22 mA
75 C
15 in
14 in
8 in
16 in
$97.00
Max: 2
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42396185
Microsoft
100 in stock
83 mA
15 C
13 in
9 in
5 in
15 in
$70.00
Max: 100
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-77011085
Asus
40 in stock
10 mA
75 C
17 in
16 in
7 in
19 in
$85.00
Max: 40
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-16196242
Microsoft
30 in stock
100 mA
50 C
8 in
8 in
15 in
5 in
$43.00
Max: 30
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-42852187
Microsoft
20 in stock
29 mA
100 C
15 in
17 in
10 in
12 in
$44.00
Max: 20
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-39276452
Samsung
Only 3 left
40 mA
30 C
20 in
10 in
9 in
10 in
$20.00
Max: 3
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-34845465
Microsoft
80 in stock
85 mA
85 C
6 in
19 in
9 in
9 in
$71.00
Max: 80
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-60333115
Dell
60 in stock
13 mA
60 C
18 in
13 in
15 in
13 in
$57.00
Max: 60
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-26550170
Samsung
30 in stock
37 mA
90 C
17 in
20 in
16 in
7 in
$15.00
Max: 30
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-89761107
Samsung
30 in stock
70 mA
55 C
20 in
17 in
12 in
16 in
$52.00
Max: 30
Min: 1
Step: 1
Info
Product information
Lorem ipsum dolor sit amet, consectetur adipisicing elit, consectetur adipisicing elit.
sku-37253947
Samsung
Only 2 left
68 mA
85 C
5 in
8 in
9 in
19 in
$66.00
Max: 2
Min: 1
Step: 1
12

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).