Video tutorials (7)
Steps
- Long-press the category. On the QSR screen, press and hold the category button.
- Turn on Enable drag. In the category's Button Style, turn on Enable drag (Turn on drag mode for arranging this category after saving).
- Set the grid size. Under Grid Layout, set Columns for this category if you want a different width from the default.
- Save the category. Tap Save. The grid opens with Drag product buttons into place, then save this category layout.
- Drag the products. Press and drag each product button into its cell. Leave gaps where you want them.
- Save Layout. Tap Save Layout. Tap Cancel to throw away the changes.
Grid types
A QSR category can use a fixed grid, filling buttons in order; a sectioned grid, grouped by price with Rows per section; or a drag-placed grid, where you decide each cell. Drag layout is best when muscle memory matters, for example when the same button should always be in the top left.
Add new products to the category and they appear in the next free cells. Open drag mode again to move them.
Frequently asked questions
Can I put the same product in two places?
No. Each product has one cell in its category's layout. If an item belongs in two categories, add it to both in the back office and place it in each category's grid.
How do I go back to an automatic grid?
Long-press the category, turn off Enable drag and save. The products go back to filling the grid in order, using your column and group settings.