Home › Forums › Basel support forum › Variations swatches shop page

Variations swatches shop page

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 3, 2020 at 9:34 am #223258

    Michael_1986
    Participant

    Hello,

    I see that in your Home Fashion demo page has a very cool feature that when you click on the swatches it changes product image:
    https://demo.xtemos.com/basel/home-fashion/

    For example product named “Eong leeve allover”. When you click red swatch, you get red image and when you click green you get green image. But still I don’t see that same green image in the product page here: https://demo.xtemos.com/basel/shop/man/long-eleeve-allover/

    How can I do this in my store too? 🙂

    Thanks in advance!

    September 3, 2020 at 3:01 pm #223401

    Elise Noromit
    Member

    Hello,

    This option is configured in the Attribute items. You need to add the color and image to each attribute item, enable showing images from the product variations in the Theme Settings > Shop > Swatches.

    You can find the detailed step by step instruction here: https://xtemos.com/docs/basel/attribute-swatches/

    Best Regards

    September 4, 2020 at 11:25 am #223624

    Michael_1986
    Participant

    Thanks!

    September 4, 2020 at 1:23 pm #223694

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

    September 18, 2020 at 6:53 am #227154

    Michael_1986
    Participant

    Hello,

    I have tried doing this but I have a problem:

    Let’s say I have black color attribute and I have 10 products that have this attribute. So 10 different products that should have different image for black attribute swatch on Shop page.

    If I add image from Products -> Attributes -> Edit color -> “Image preview for this color” it shows up on all of those 10 products.

    How can I use different image for those 10 different black product variations?

    September 18, 2020 at 7:12 am #227163

    Elise Noromit
    Member

    Hello,

    You need to enable “Use images from product variations” in the Theme Settings > Shop > Attribute Swatches. https://prnt.sc/ujcdr6

    Then add images to each product variation. More detailed instruction is here: https://xtemos.com/docs/basel/attribute-swatches/

    Best Regards

    September 18, 2020 at 7:17 am #227166

    Michael_1986
    Participant

    Thanks but I have read that documentation and have that “Use images from product variations” enabled.

    From where can I add 10 different images for black attribute swatch?

    September 18, 2020 at 8:16 am #227197

    Elise Noromit
    Member

    Hello,

    You need to edit a variable product and insert images into each variation. https://gyazo.com/d612bb902d2e73e6918ba85421b2b0b5

    Best Regards

    September 21, 2020 at 5:42 am #227664

    Michael_1986
    Participant

    Now I got it, Thanks again! 🙂

    September 21, 2020 at 6:54 am #227690

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Variations swatches shop page’ is closed to new replies.