JB – Scratchpad Table Testing

This page is dedicated to testing various product table plugins in an effort to gauge their individual functionality, appearance, and compatibility with desired plugins.

In general a simple and clean look is desired that can display a products image, name, description, and stock status in a clean way.
Icing on the cake would allow customers to add products to our quote list directly from the table with zero friction.


The table below is a duplicate of the one that follows using square contained photos.
Goal is to test if “Availability Icons” based on the binary value of both the “In Stock?” & “Backorder” options.
For this test the Icons have been changed to checked circles for a visual change & to ensure I am modifying the correct table

Filters Sort results
Reset Apply
No results found. Clear filters and try again?



The table immediately below is using images formatted to be contained to a 800×800 square canvas to gauge functionality and appearance. I made 8 “fake” products that will need to be deleted eventually but are here only for appearance testing.

Filters Sort results
Reset Apply
No results found. Clear filters and try again?

The table immediately below is using our current images with various aspect ratios. Either W=800 or H=800 but not both

Filters Sort results
Reset Apply
Image
Part Number
Model Number
Description
Stock
Add to Quote
BCTHAI11
16ch Analog Input(HART) FTA CC
MTL4041B
GI Module MTL4041B HLAI
MU-TAIH62
HLAI/STI FTA red scrw enh
MC-TAIH62
HLAI/STI FTA redn scrw enh CC
MU-TAIH22
HLAI/STI FTA redundant
MU-TAIH23
HLAI FTA CE redundant
MC-TAIH22
HLAI/STI FTA CC redundant
MC-TAIH23
HLAI FTA CC/CE redundant
MU-TAIH01
HLAI/STI FTA (DIN)
MU-TAIH12
HLAI/STI FTA red comp
MC-TAIH12
HLAI/STI FTA CC red comp
MU-TAIH52
HLAI/STI FTA redun screw
MC-TAIH52
HLAI/STI FTA CC red screw
MU-TAIH02
HLAI/STI FTA compression
MC-TAIH02
HLAI/STI FTA CC compression
MU-GPRD02
GI Power Dist Assembly
MU-GPRD02
G/I Power Dist Assm CE
MC-GPRD02
G/I Power Dist Assm CE CC
MU-GAIH13
HLAI G/I Redundant CE compression
MC-GAIH13
HLAI GI Redundant compression CE/CC
MU-GAIH83
HLAI/STI Galv Isol crimp
MU-GAIH83
HLAI FTA G/I Redundant crimp CE
MC-GAIH83
HLAI/STI G/I Redundant CC crimp
MC-GAIH83
HLAI GI Redundant crimp CE/CC
MU-GAIH14
GI/IS FTA Aux & Hi V Out
MC-GAIH14
GI FTA Aux & Hi V Out CC
MU-GAIH84
GI FTA Aux & Hi V Out crimp
MC-GAIH84
GI FTA Aux & Hi V CC crimp
MU-GAIH22
HLAI FTA GI CE
MC-GAIH22
HLAI FTA GI CE CC
MU-GAIH92
HLAI FTA GI CE
MC-GAIH92
HLAI FTA GI CE CC
MC-TAIH14
HLAI with HART
MC-TAIH04
HLAI-CE with HART
MU-TAIH03
HLAI FTA CE comp non red
MC-TAIH03
HLAI FTA comp CE CC non/red
MU-TAIH13
HLAI FTA CE red comp
MC-TAIH13
HLAI FTA CE CC red cmp
MU-TAIH53
HLAI FTA CE red screw
MC-TAIH53
HLAI FTA CE CC red scrw

WC Product Table – Pro Testing
This table is a copy of the current IOP & FTA table that I will modify to see what attractive and user friendly options we are able to implement.

Woo Product Table Test – Action button does not interact with ELEX to display “Add to Quote”

[Product_Table id=’2554′ name=’JB Table Test’]



WC Product Table Test – Does not interact with ELEX to display “Add to Quote”
This table seems to allow sizing and styling options and while this table here does not pop up images when the thumbnail is clicked on the pro version seems to advertise this ability. I am able to control the width of table elements using this plugin and should be able to cater sizing to our direct needs. I have not yet determined if I can have an image popup on hover over a part number, but if so this could be a solution to our IOP & FTA Tables.

Filters Sort results
Reset Apply
Image
Name
Description
Stock Status
Add to cart
HLAI IOP R230
2
Max: 2
Min: 1
Step: 1
Add to cart
HLAI IOP 16
2
Max: 2
Min: 1
Step: 1
Add to cart
HLAI2 IOP 16 CE
2
Max: 2
Min: 1
Step: 1
Add to cart
HLAI2 IOP 16 CC CE
2
Max: 2
Min: 1
Step: 1
Add to cart



Testing potential compatible FTA List – Will try to decrease overall size of table and play with various functionality to see if there is a potential alternative for our pop-up code that seems to be intermittent

Filters Sort results
Reset Apply
MU-PAIH01
MU-PAIH02
MU-PAIH03
MC-PAIH03
Filters Sort results
Reset Apply
MU-PAIH01
MU-PAIH02
MU-PAIH03
MC-PAIH03

Scroll to Top