How to place size guide under size swatch

This topic has 2 replies, 2 voices, and was last updated 20 hours, 13 minutes ago ago by Andrew Mitchell

  • Avatar: anoop
    anoop
    Participant
    May 6, 2026 at 18:18

    The size/color swatches, quantity selector, Add to Cart, and Buy Now all come under the same widget. I need to place the size chart below the size swatches. Is that possible?

    Also, can I display only the Add to Cart button and hide the Buy Now button?

    If I want to apply different CSS styles for the swatches (for example, one style for size swatches and another for color swatches), would that be possible?

    Content is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    May 7, 2026 at 09:48

    Hello, anoop,

    Regarding the separation of the cart block, it is not possible to divide it. However, you can place the Size Guide block below the entire cart block.
    The “Buy Now” block can be removed by disabling it in the Elementor editor.

    As for applying different styles to the size and color variation blocks, you can assign them while creating the attributes. You can find more detailed information here:

    https://www.8theme.com/documentation/xstore/video-tutotials/variation-swatches/
    https://www.8theme.com/documentation/xstore/woocommerce/variation-swatches-3/

    Best regards,
    8Theme 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.