Data Tables and Variants

if your Wix Products use Variants, those variants are automatically converted into tables during import.

This tutorial demonstrates adding a Data Table to your template and shows other options for displaying Variants.

To begin, double-click the Data Table Cell on the Stack to add it to the Design Pad. For the purposes of this tutorial, I've also added the Label and Data Cells for the Variants, though you wouldn't normally use the two together.

Click the Data Table button on the Navigation Panel to continue.

The Data Table Editor is similar to the Product Layout Editor except that the Stacks are on the top-right, and the Design Pad is on the bottom of the form.

The Design Pad represents the optional Table Header, one row of Data, and an optional table-wide Notes Cell that prints below the Data Row.

As with the Product Layout Editor, double-click any Cell in the Stacks to add them to the Design Pad.
Drag the cells to the desired position and drag the Anchors to change their width.

Here's a typical selection of cells in a Table and the resulting PDF. Commonly, the Product Name and Description are part of the main Product Layout and only those fields that change between Variants are added to the Table.
Note that there are three "Price" cells. Wix records one price for the Product, a second for the Variants, and the third is the Discounted price.

In the above example, each of the 3 Variants in the Data Table is repeated in the blue "Option 1" Field added to the Product Layout.

Normally, you would not print the Option Field together with a Data Table. And if your products have many different Options, you might use only the Field.

This example has 3 colors in 4 sizes, resulting in 12 Data Rows. If the product also came in right and left-hand versions, that would double the rows to 24.

CleverCat will import up to 5 product Options. Wix allows the names of the Options to vary between products, but CleverCat must use the same Option Label throughout the entire category, though products do not have to have every option.

The examples above are from the same category, but the first product has only one of the options: Color.
The "Size" Label does not appear because the Product Layout can be configured to hide Labels if the corresponding Data Field is empty.

Option Labels, which print as Table Headers in a Data Table, can be changed from the Customize Tab on the Home Page.