Understanding the Product Table

From the navigation, click on ‘Layouts‘ > ‘All Layouts‘:

Each layout will have a ‘Designer’ option. This will take you to the Layout Designer:

Click on the ‘Add Products Table‘ icon to add a product table to your layout:

1) By default, the table will be added with the Name cell and the Price cell. If additional cells need to be added for additional attributes (Description, Calories, Medium Price, Large Price; etc.) the Add Row option under point 8. will add a new cell. When you click on a cell it will turn blue and you will see options to make changes to the various properties below.

2) The Field dropdown will allow you to assign various attributes to a cell. You notice that there are also a variety of formatting options from this dropdown as well.

3) Colum Span will define how many columns you would like a row to span. The Row Span defines how many rows a cell should span. Width with increase or decrease the width of the cell (you can also drag the edges of the internal sides of the cell table to increase/decrease the width of each cell).

4) Row Style will apply a Font Style to all cells in the row. Cell style will apply a style to just the cell you are working on (this is the most popular for applications where the styles should be different for the Name cell, Price cell; etc.).

5) Apply Table Cell must be clicked after you have made changes to a cell – this saves the changes made to the cell. Remove Cell will remove a cell from the table. Add Cell to Row will add a new cell to the row. Cancel will cancel any changes you’ve made (the process is the same when selecting ‘AddRow‘ – you will need to click on the cell and use the Field to select an attribute).

Adding a Cell to the Row:

6) Row Spacing will allow you to add space in between each row. Any number above 0 will increase the space (click ‘Apply‘ to save). This is popular for spacing products apart to fill in empty space on a menu layout.

7) TypeCatalogCategory and Subcategory are only application when Product Integration is active.

8) ‘Apply’ will close the properties window. Add Row’ will add a new row to the table. ‘Add Product‘ will open the Product Database where you can add products to your product table. ‘Add Spacer and Text’ will add an empty space for placement in between products, you can also type text in the spacer fields when you need to add quick text.

Updated on August 18, 2019

Was this article helpful?

Related Articles

Need Help?
helpdesk@engagephd.com / 888.386.4545
CONTACT US / CHAT