Skip to main content

How to Design Choice List Widget?

Learn how to customize choice list widget

Written by Neo
Updated over a month ago

The Choice List widget lets you show quantity break offers in a list style. Here’s how you can design it:

Step 1: Go to Design Settings

  1. From your Shopify Admin, open Apps → Quantity X.

  2. Click Design under the app menu.

  3. At the top, click the Choice list settings tab.

Here, you’ll see the Widget design editor on the left and a live Widget and progress bar preview on the right.

You can preview and decide if you want to display the choice list as vertical or horizontal within the widget preview section:

Step 2: Customize Widget Design

Expand the sections one by one to edit styles:

  • General – overall look and font (inherited from theme).

  • Offer Header – the main title text.

  • Offer Header Tooltip – small info icon and text.

  • Offer Text – details of the offer.

  • Prices – original and discounted prices.

  • Highlight Badge – tags like Most Popular or Best Value.

  • Button – “Grab the deal” button style.

  • Progress Bar – cart progress display.

Step 3: Preview Your Changes

  1. On the right side, the Widget preview updates as you edit.

  2. Check how discounts, text, and buttons look before saving.

Step 4: Save and Apply

  • When you’re happy with the design, save your changes.

  • The updated widget will 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].

Did this answer your question?