6

After upgrading to 1.9.1 I have the colour swatch selection showing the right product image depending on the colour swatch selected on the product page.
Each product has a few alternative views per colour. These are shown below the main image as predicted as "More Views"
My problem is that ALL colours varients are shown in "More Views" when ideally only the alternative images of the colour selected should be shown.
Has anyone found a way to group the main image and it's alternative colour variant to show dependent on the swatch selected? Please see screen shots.

Matt
  • 81
  • 1
  • 6
  • Also looking for the same thing. I tried experimenting by adding -1 in the label, but it doesn't work. Haha! For example blue-1, blue-2, and blue-3, for the blue images, and so on... O__O – jehzlau Apr 19 '15 at 21:22
  • No I`m sorry not yet. I still am hunting and will report back here as soon as I find a answer.. unless I`m forced to move to magento 2 :( I have no idea if it works there. – Matt Jan 23 '17 at 14:20

2 Answers2

2

In 1.9.1 there is a filter inside app/design/frontend/rwd/catalog/product/view/media.phtml that excludes any image with a Label matching any of the color options. All other images you upload on the configurable product will be shown.

On the configurable product, go to images tab and check your images:

  • You need to have one image checked as Base, Small and Thumbnail
  • (optional) One or more additional images to show below "More Views" (from one color option only). Do not upload all color options.
  • One image per each color option to be used as a swatch. Label each one with the color name and add the suffix "-swatch" (i.e. Light Green-swatch)

    • The RWD theme of Magento 1.9.1 will only swap the main image when you click on a swatch color. Images below "More Views" will remain the same.

    You can find more info on this article

    Daniel Kratohvil
    • 1,253
    • 15
    • 14
    • 1
      To clarify. I have the main functions working fine. ie: each colour has its own main image which is shown correctly when the relevant colour swatch is selected. When either of the two colours is selected the extra view displays the alternative images. Ideally only the alternative images relevant to the selected colour should be shown in the more views area. Colour A - Image-A1 - Image-A2 - Image-A3 Colour B - Image-B1 - Image-B2 - Image-B3 When swatch "Colour B" is selected the ONLY images shown on the product page should be "Image-B1 - Image-B2 - Image-B3" – Matt Dec 01 '14 at 09:55
    1

    I was also wondering about this... but I think the media gallery won't change out of the box in 1.9.1. However, you might be able to show and hide some image groups via CSS/JS to only show the associated images of the currently selected option.

    Daniel
    • 13
    • 3