How to display color and size variations in the XStore Product Carousel widget

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

  • Avatar: Juan Alberto Montoya
    Juan Alberto Montoya
    Participant
    May 27, 2026 at 18:04

    Hello XStore Support Team,

    I am using the XStore theme with WooCommerce and Elementor, and I would like to know how to display product variations such as colors and sizes directly inside the “Product Carousel” widget, just like in your Marseille demo:

    https://xstore.8theme.com/elementor/demos/marseille01/

    In the demo, the product cards show size options as small labels and color options as circular swatches under the product image, before the product title.

    Could you please explain how to enable this option?

    I would like to know:

    Which XStore settings need to be activated.
    Whether the products must use global WooCommerce attributes.
    Whether this feature works specifically with the Elementor Product Carousel widget.
    If there is a specific product card layout or shop element setting required to display the swatches.

    I have already created variable products with color and size attributes, but I am not sure how to make them appear in the carousel like in the demo.

    Thank you in advance for your help.

    Best regards,

    Files is visible for topic creator and
    support staff only.
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    May 28, 2026 at 11:17

    Hello @Juan Alberto Montoya,

    To use swatches in product-based widgets, please activate the Variation Swatches functionality by following this guide: https://www.8theme.com/documentation/xstore/woocommerce/variation-swatches-3/. After activation, configure your product attributes as swatches.

    Once configured, you can assign these attributes to your products in the product backend. The swatches will also appear in your Product Carousel, Grid, or List widgets if you enable the “Show swatches” option: https://gyazo.com/937286bec20e6e4ba3e0b5e24b96a8c0.

    Best regards,
    Jack Richardson
    The 8Theme’s Team

    Avatar: Juan Alberto Montoya
    Juan Alberto Montoya
    Participant
    June 1, 2026 at 15:04

    Thanks for the support! My topic “How to display color and size variations in the XStore Product Carousel widget” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    June 1, 2026 at 15:04

    Dear Juan Alberto Montoya,

    It’s great having you in our WordPress & WooCommerce community!

    Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘How to display color and size variations in the XStore Product Carousel widget’' 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.