Product Table with Variations

WooCommerce Product Table plugin fully supports variable products. You can display variations as dropdown lists, together with attribute and category filters. It makes the selection of the necessary products incredibly flexible and fast.

The plugin also comes with such options as displaying the thumbnails of the product according to the variation. “Show variation thumbnails” option allows users to swap different images and see different images of a product variation all in different colour and style.

Moreover, you can either display variations as dropdown lists, as separate rows in the table.

To display every variation as a single product, enable “Show variation” and select products one by one.

In order to display Variable products with images according to the attribute, you need to follow this detailed instruction.

Product table with variation dropdowns
ThumbnailNameSummaryColorSizePriceBuy
Gray topThis is the product full description.  Black, Gray$12$13
$13 $12
$13
WooBeWoo hoodieThis is the product short description.Gray, GreenM, S$10$18
$10
$18 $13
$18
$18
WooBeWoo topThis is the product short description.Blue, GrayXL, XXL$15

Add to cart

Filter: Reset
#wtbp-table-42_130088_wrapper table {border-collapse: collapse;} #wtbp-table-42_130088_wrapper td {border-top: 2px solid #ffffff;} #wtbp-table-42_130088_wrapper tbody tr:first-child td {border-top: none;} #wtbp-table-42_130088_wrapper tbody tr:last-child td {border-bottom: 2px solid #ffffff;} #wtbp-table-42_130088_wrapper .child table {border-collapse: collapse;} #wtbp-table-42_130088_wrapper th {background-color: #9978db !important;color: #ffffff;} #wtbp-table-42_130088_wrapper tbody tr {background-color: #d8d8d8;} #wtbp-table-42_130088_wrapper tbody td {background-color: inherit;} #wtbp-table-42_130088_wrapper table.stripe tbody tr.even {background-color: #c4c4c4;} #wtbp-table-42_130088_wrapper table.stripe.order-column tbody tr > .sorting_1 {background-color: #c4c4c4;} #wtbp-table-42_130088_wrapper table.hover tbody tr:hover {background-color: #b0b0b0;} #wtbp-table-42_130088_wrapper table.stripe.order-column tbody tr.even > .sorting_1 {background-color: #b0b0b0;} #wtbp-table-42_130088_wrapper table.order-column tbody tr > .sorting_1 {background-color: #c4c4c4;} #wtbp-table-42_130088_wrapper table.hover.order-column tbody tr:hover > .sorting_1 {background-color: #9c9c9c;} #wtbp-table-42_130088 th, #wtbp-table-42_130088 td, #wtbp-table-42_130088.wtbpVarAttributes {vertical-align: middle;} #wtbp-table-42_130088 td {text-align: center;} #wtbp-table-42_130088 .thumbnail img, #wtbp-table-42_130088 .wtbpAddToCartWrapper {margin-left: auto;margin-right: auto;} .wtbpModalContent {width: 80%;}

 

Variations on separate rows
ThumbnailNameCategoriesPriceBuy
Gray top - Gray, , , $13

Add to cart

Gray top - Black, , , $13 $12

Add to cart

#wtbp-table-47_135952_wrapper table {border-collapse: collapse;} #wtbp-table-47_135952_wrapper td {border-top: 2px solid #ffffff;} #wtbp-table-47_135952_wrapper tbody tr:first-child td {border-top: none;} #wtbp-table-47_135952_wrapper tbody tr:last-child td {border-bottom: 2px solid #ffffff;} #wtbp-table-47_135952_wrapper .child table {border-collapse: collapse;} #wtbp-table-47_135952_wrapper th {background-color: #aa88e2 !important;color: #ffffff;} #wtbp-table-47_135952_wrapper tbody tr {background-color: #d3d3d3;} #wtbp-table-47_135952_wrapper tbody td {background-color: inherit;} #wtbp-table-47_135952_wrapper table.stripe tbody tr.even {background-color: #bfbfbf;} #wtbp-table-47_135952_wrapper table.stripe.order-column tbody tr > .sorting_1 {background-color: #bfbfbf;} #wtbp-table-47_135952_wrapper table.hover tbody tr:hover {background-color: #ababab;} #wtbp-table-47_135952_wrapper table.stripe.order-column tbody tr.even > .sorting_1 {background-color: #ababab;} #wtbp-table-47_135952_wrapper table.order-column tbody tr > .sorting_1 {background-color: #bfbfbf;} #wtbp-table-47_135952_wrapper table.hover.order-column tbody tr:hover > .sorting_1 {background-color: #979797;} .wtbpModalContent {width: 80%;}