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
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.
The table immediately below is using our current images with various aspect ratios. Either W=800 or H=800 but not both
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.
Image | Name | Description | Stock Status | Add to cart | |
---|---|---|---|---|---|
HLAI IOP R230 | 2 | ||||
HLAI IOP 16 | 2 | ||||
HLAI2 IOP 16 CE | 2 | ||||
HLAI2 IOP 16 CC CE | 2 |
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