Main image on product page doesn't change

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166636

-- HikaShop version -- : 2.3.2
-- Joomla version -- : 3.3.3
-- PHP version -- : 5.3.28
-- Browser(s) name and version -- : Firefox 31

I am building an online clothing store. I have characteristics for size and color. On the front end, when I "choose my color" as one characteristic the image doesn't change to reflect the color chosen. It stays the same color as it started as when I clicked on the product to get to the product page.
How do I get the color to change on the image when I click on the color....
Thanks for everything.

Please Log in or Create an account to join the conversation.

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166666

Hi,

It can come from two things:
- you didn't add the images in each variant of the product but only in the product itself and so the system just displays all the images all the time
- the product page layout has been modified in a way which breaks the HTML of the product page, preventing the characteristic system to swap the images. So please check the product view files via the menu Display>Views. You can always revert the changes and go back to the core version of the view file with the "remove customization" trash icon of the listing.

Please Log in or Create an account to join the conversation.

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166717

Okay. I did not know that I needed to put an image with every single variant so that may be why. My concern is that for example: A pair of pants comes in 50 different sizes and 6 different colors. Am I going to have to put the images in on 300 different variants of the product? That seems like a lot of work for each product......There must be a better way. Thanks in advance for your help.

Please Log in or Create an account to join the conversation.

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166733

Okay. I've added an image to the "color of product" characteristic. Then I add the "sizes" characteristic. This works so that the main product image changes color as I click on each color variant on the front end. So thanks for that.
Now, below the main image pic on the product page there used to be a showing of lets say 5 different images, one of each color. And when you hovered over the image the main pic would change and show the color of the image I was hovered over.
Now that I've added a color image to each color variant those 5 images below the main product pic have disappeared. Is there a way to show all five color characteristics/ variants in small images below the main pic like before and still have the main picture color change as I click on each color characteristic/ variant in the drop down characteristic menu?
Thanks in advance.

Please Log in or Create an account to join the conversation.

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166753

1. If you want the image to change based on the selected variant, yes, you need to add the image of each variant.
There is however a method to make it fast for you:
- You create your product
- You add the color characteristic to it and click on the "manage variants" button
- You add the image for each color variant
- You add the second characteristic to your product and save
The system will then generate all the combinations based on the variants that you already have setup and thus you'll get the correct image in the correct variants automatically easily.

2. In that case, you would need to add all the images to each variant with the one for the current variant being the one with the lowest order value.

Please Log in or Create an account to join the conversation.

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166829

Thanks so much Nicolas.
I'm having this problem now. Both of the characteristics are set over to the right and the 2nd characteristic shows twice with one down below. When it shows this way the color characteristic doesn't work (it doesn't show the color change when you click on it).
I don't have this problem with every product. Just a couple of them.
Thanks again.

Attachments:

Please Log in or Create an account to join the conversation.

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166860

Hi,

I've never seen such issue.
I would recommend to reconfigure the characteristics/variants for these products. If it persists, please provide a link to a product page with the issue so that we can see the HTML/CSS/JS code.

Please Log in or Create an account to join the conversation.

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166866

Okay. I think I may have found the issue. I had put 5 images, one of each color, on the main product page. When I added an image to each "color" variant this seemed to cause the problem because when I deleted the images on the main product page (leaving only one) the issues went away.
We created 36 products but only had this issue on 4 products. Not sure why.
Is this a bug or just code maybe conflicting with other code?
Thanks so much for your support. I love the product and the support.

Please Log in or Create an account to join the conversation.

  • Posts: 84301
  • Thank you received: 13697
  • MODERATOR
11 years 1 month ago #166877

Hi,

I don't think that the images are the cause of the problem here.
Regardless of how the images are configured in the products/variants, they are only switched by the javascript of the characteristics system. What I see on your screenshot is a discrepency of the characteristics/variants/product links between them.
Just the fact that you saved the product after removing the images from the product edition interface must have been enough for the system to clean itself I guess.

Please Log in or Create an account to join the conversation.

  • Posts: 74
  • Thank you received: 2
  • Hikashop Essential
11 years 1 month ago #166965

Hey Nicolas. Thanks again for all your support.
Just so you know. I looked at that issue with firebug and the variant that showed up twice showed as a table row. So somehow a 2nd table row was being created. Since it's not doing it now I can't show you but again, thanks.....

Please Log in or Create an account to join the conversation.

Time to create page: 0.072 seconds
Powered by Kunena Forum