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

This topic has 2 replies, 2 voices, and was last updated 2 hours, 26 minutes ago ago by Jack Richardson

  • 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.
    1 Answer
    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

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

You must be logged in to reply to this topic.Log in/Sign up

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