How to change product size variation display

This topic has 4 replies, 3 voices, and was last updated 5 days, 8 hours ago ago by Tony Rodriguez

  • Avatar: anoop
    anoop
    Participant
    May 1, 2026 at 13:26

    Hi Team,
    By default, the size attribute (S, M, L, etc.) is shown as a dropdown on the product page. I would like to change this to a selectable list (buttons/pills) so that each size is visible and clickable directly, instead of using a dropdown. Does XStore support this feature natively (without using third-party plugins)?

    I watched this video https://www.youtube.com/watch?v=LgzC4iK-j6A
    It looks if I use an image for each size, its possible, but for text option will this work ?

    3 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    May 1, 2026 at 13:43

    Hi,

    Thank you for reaching out to us.

    By default, the XStore theme displays product attributes such as size in a dropdown format. However, you can change this to a selectable list (buttons or pills) using the built-in “Swatches” feature. This feature allows you to display variations as text, color, or image swatches without the need for third-party plugins.

    In your case, you can create text-based swatches for sizes (S, M, L, etc.) directly in the product attributes settings. The video you mentioned demonstrates the process with images, but the same method applies to text options as well—simply choose the “Label” type instead of “Image” when setting up your swatches – https://gyazo.com/a37285b3c5f8dee7328f8e9bb927b518

    Warm Regards,
    The 8Theme Team

    Avatar: anoop
    anoop
    Participant
    May 1, 2026 at 14:07

    Thanks for the support! My topic “How to change product size variation display” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    May 1, 2026 at 14:07

    Dear anoop,

    Thanks for being part of our WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘How to change product size variation display’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.