Skip to main content

How to Design Choice List Widget?

Learn how to customize choice list widget

Andrey Gadashevich avatar
Written by Andrey Gadashevich
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 preview on the right.

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?