Variation Swatches: Attribute images not loading automatically on the product page

This topic has 2 replies, 2 voices, and was last updated 1 weeks, 6 days ago ago by Samir Malik

  • Avatar: Mari17
    Mari17
    Participant
    November 20, 2025 at 00:07

    Hi! I’m having an issue with how variation images are displayed. I followed all the required steps — created attributes and their values . For one attribute I selected the Image (square) display type, and for the other Image (circle). https://prnt.sc/yKeoSKHygywY I uploaded images for each attribute value, and they show up correctly. https://prnt.sc/j_x6aO6BfVUr . Everything looks fine in the catalog.

    The problem is on the product page.

    At first, all attributes were displayed only as text labels (tooltips). Then, inside the product edit page, I manually changed the display type and manually uploaded images for three colors. Only after doing this did the images start appearing. https://emiahome.com/trgovina/linen-check-blazer-3/ But this isn’t normal — it’s impossible to manually upload images again and again for every variation of every product.

    If you look at the code, the product where the image is displayed has a normal URL, like https://emiahome.com/wp-content/uploads/2025/11/Burgundsko-rdeca.webp, but the product without an image links to:
    https://emiahome.com/wp-content/plugins/variation-swatches-woo//admin/assets/img/wc-placeholder.png
    (please note the double slash // in the path).

    My questions:

    1. How can I make variation images display automatically, without manually uploading them for every product?

    2. How can I increase the spacing between variation swatches? Right now they are too close together https://prnt.sc/lGlq7MD2d9Vu .

    1 Answer
    Avatar: Samir Malik
    Samir Malik
    Support staff
    November 20, 2025 at 08:10

    Hello @Mari17,

    Are you currently using our XStore: Variation Swatches feature? You can find more information here: https://www.8theme.com/documentation/xstore/woocommerce/variation-swatches-3/.

    There is an option that allows the variations to use images from the product variations. You can find it under XStore > Theme Options > WooCommerce (Shop) > Shop Elements > Variation Swatches:
    https://prnt.sc/h5MJOzVRpk4e

    Please also make sure to upload a featured image for each variation:
    https://prnt.sc/AQR-BVqZaTBh

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