Variation Display Tables

When displaying your variations in a table, we provide a few sample table setups:



You can edit these grids or create new ones in Settings > Product Display Table Columns:



To add a new grid, click Add New Custom Table Column at the top right.



You must then choose a type of grid to create: Product Detail Page Variation Grid is used on Variations; Product Search Page is only used when your shopping cart is in "Product Groups Display" mode - which can be activated by your account representative. Contact Us for more information on Product Groups Display.



The title should reflect the columns you're going to insert:



After clicking Save, the new grid will be available in the list of table columns. Click the Edit Items button to add columns to the grid:



Again, click Add New at the top right to add a new column:



You must first select a Field Type - all Variation Display Table Fields are "Product Field Columns":



After selecting Product Field Columns, the list of Product Fields appears under "Field Name":



To insert the name of the variation, select "Variation Title". Then insert the Header Name as you would like it to read. Also note the Sort Order to set which column is first/second/third in the grid, and the width portion as a percentage of the whole:



Some field names will have alternate Formats, such as the Start Date:



For Instance, you can make the format "[Month] [Day]":



After completing the rest of the columns, the final grid would appear as below:



Note that the edit button at the far right allows you to change Sort Order, Width, Header Names, and more at any time.

Now return to the variation product you wish to use the new grid on, and see the new grid as an available option:



The final result shows as below: