The Grid widget displays your quantity break offers in a table style with “Buy” and “Get” columns. Here’s how to design it:
Step 1: Open Design Settings
From your Shopify Admin, go to Apps → Quantity X.
Select Design in the app menu.
At the top, click the Grid settings tab.
Here, you’ll see the Widget design editor on the left and a live Widget preview on the right.
Step 2: Customize Widget Design
Expand the available sections to edit styles:
General – overall appearance and font.
Borders – style and thickness of grid borders.
Offer Header – main heading text.
Offer Header Tooltip – info icon and tooltip text.
Offer Text – offer details.
Upsell Message – reminder to add more items.
Progress Bar – visual indicator toward the next discount.
Step 3: Preview Your Changes
On the right, the Widget preview updates instantly.
Check how your table and text look before saving.
Step 4: Save Your Design
When satisfied, click Save.
The Grid widget will now appear on your storefront.
Need Help?
If you have any questions, please contact our support team.
📩 Contact Support: Reach out to us via live chat or send an email to [email protected].