[Skip to main content](#vessel-content)

#   Small image div does not show

##

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago -  13 years 11 months ago [\#74930](#74930) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#74930 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")* was created by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")*

Hi,

I'd basically like my product page to function thus:

The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).

Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.

This would be OK, but I want the image to change colour when a colour is selected.

Please tell me what I need to alter in the code.

Thanks ![:)](/media/kunena/emoticons/3.png ":)")

PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing

Last edit: 13 years 11 months ago by [jen168](/forum/user/8020-jen168 "View jen168's Profile"). Reason: new problem

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")**
- [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")
- [ Offline](/forum/user/6861-mohamed-thelji)

Less More

- Posts: 12953
- Thank you received: 1778
-
-
-

13 years 11 months ago [\#74957](#74957) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")  Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#74957 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

1. Can you give me a link to your web site ? it would help me to understand the problem and how to solve it.

2. Can you show me a screenshot of your module ?

Thank you.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago [\#74968](#74968) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#74968 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hmm, I just deleted the recently viewed module, as I couldn't get it working properly. I created a new one and I can get it to display as a module, but not under the product page. Here's the link to my site [ commuter-hub.com/comhub](http://commuter-hub.com/comhub).

As I said, I deleted the module so I can't give you a screenshot, but I can give you a screenshot of the one I just made...
[ ![recentlyviewed.png](/forum/attachment/6759) ](/forum/attachment/6759 "...ntlyviewed.png")

- [ ![recentlyviewed.png](/forum/attachment/6759) ](/forum/attachment/6759 "...ntlyviewed.png") [ ](/forum/attachment/6759?download=1 "...ntlyviewed.png")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14280
-
-

13 years 11 months ago [\#75628](#75628) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#75628 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

I think that the problem could be that you restricted your module to only display on some menus with the "menu assignment" option of the module and that your product pages display via another menu that the ones selected for it.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago -  13 years 11 months ago [\#79040](#79040) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79040 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Thanks. I've got it looking right. Now, did you have any advice regarding the first question? I still can't get that small image div to display when i have images linked to variants. Take a look at the Defeet Neon Dura Glove for an example. Many thanks.

Last edit: 13 years 11 months ago by [jen168](/forum/user/8020-jen168 "View jen168's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

13 years 11 months ago [\#79071](#79071) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79071 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

When a I look at the product page of "Defeet Neon Dura Glove", I can see that each variant have a special colored picture.
You have configured one image for each variant. So, when you select a variant, you can only see the single image that this variant have.

So, I am not sure that I have understand your problem.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago [\#79093](#79093) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79093 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

The "small image div" which displays the other colour options below the main image on the main product page. When I add multiple images to the main product, I see the small images below. As soon as I add an image to the variant, the small images below disappear. Look at the Defeet Dura Glove (NOT the neon this time) to see what I mean, it has images attached to the main product but not to the variant. I just want to keep that small image div. It's a question of aesthetics, I just think it looks better that way.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

13 years 11 months ago [\#79094](#79094) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79094 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

I don't want to repeat me but I don't see any bug.
A variant do overrides. It means that, if you include one image in your variants, it would override all images of the main product.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago [\#79095](#79095) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79095 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

I'm not saying it's a bug. I'm saying, how can I make it behave as I want it to? I want to show the small images below EVEN WHEN I have a image attached to the variant. That can't be difficult. It must be a question of changing a small bit of code, I just want to know where this code can be found. Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

13 years 11 months ago [\#79104](#79104) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79104 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

Sorry.

First I thought that it was not possible but, thinking twice about it, there might be a solution.
Using view override, it would be possible to get the main element images while displaying thumbnails for the variant images.
I have to check the code in order to see if it is really possible.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[jen168](/forum/user/8020-jen168 "View jen168's Profile")**
- [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author
- [ Offline](/forum/user/8020-jen168)

Less More

- Posts: 55
- Thank you received: 0
-
-

13 years 11 months ago [\#79111](#79111) by [jen168](/forum/user/8020-jen168 "View jen168's Profile")  Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#79111 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Yes, that sounds encouraging. Thanks, I look forward to hearing your thoughts ![:)](/media/kunena/emoticons/3.png ":)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")**
- [![TheBeacon's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30945-thebeacon "View TheBeacon's Profile")
- [ Offline](/forum/user/30945-thebeacon)

Less More

- Posts: 28
- Thank you received: 1
-
-

12 years 7 months ago [\#147396](#147396) by [TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")  Replied by *[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147396 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

This topic is exactly the issue I am having right now. I need to be able to continue to show the small image thumbnails, while still having an image in the product variants. Was a solution for this? This is a must have for my customers website. Hopefully this gets seen as I didnt want to post a duplicate topic.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

12 years 7 months ago [\#147461](#147461) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147461 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

Can you please clarify what you want to have ?
This thread have more than one year and HikaShop evolve since the last post.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")**
- [![TheBeacon's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30945-thebeacon "View TheBeacon's Profile")
- [ Offline](/forum/user/30945-thebeacon)

Less More

- Posts: 28
- Thank you received: 1
-
-

12 years 7 months ago [\#147598](#147598) by [TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")  Replied by *[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147598 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

From what I can see, if you have multiple images in a main product, the small image thumbnails appear. As soon as you create a variant/characteristic and assign an image to it. you loose the ability to have thumbnails of say something like colors and only see the main product image which changes depending on the selection made.

We could just not assign images to the variants and this would be a quick fix, but this would lead to a red product image showing on checkout when blue was selected. This is the default behavior as red would be the default image for the main product.

I need to be able to display the thumbnails for each variant, as well as the main image for the variant selected. The icing on the cake would be for the images to be tied to the main image like it is with a normal multi-image product with no variants, but to also be linked to the select box so the variant and main image change when a thumbnail is selected.

Cheers!

Hope I made sense

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")**
- [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")
- [ Offline](/forum/user/6861-mohamed-thelji)

Less More

- Posts: 12953
- Thank you received: 1778
-
-
-

12 years 7 months ago [\#147613](#147613) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")  Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147613 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

> As soon as you create a variant/characteristic and assign an image to it. you loose the ability to have thumbnails of say something like colors and only see the main product image which changes depending on the selection made.

Did you tried to attach more that one image through your product variant's configuration page ?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")**
- [![TheBeacon's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30945-thebeacon "View TheBeacon's Profile")
- [ Offline](/forum/user/30945-thebeacon)

Less More

- Posts: 28
- Thank you received: 1
-
-

12 years 7 months ago [\#147640](#147640) by [TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")  Replied by *[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147640 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

> Did you tried to attach more that one image through your product variant's configuration page ?

Yes I am aware this would be one solution, however many of the products have 15+ color variations. This would require 225 images for one product in order to display correctly.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")**
- [![TheBeacon's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/30945-thebeacon "View TheBeacon's Profile")
- [ Offline](/forum/user/30945-thebeacon)

Less More

- Posts: 28
- Thank you received: 1
-
-

12 years 7 months ago [\#147676](#147676) by [TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")  Replied by *[TheBeacon](/forum/user/30945-thebeacon "View TheBeacon's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147676 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Found the following code in another thread that seams to be doing the trick. I am no php or javascript expert so i need some help getting this to work. Ive placed this code in show_block_img.php in the hikashop_small_image_div. I know need to change the javascript so that when hovered &amp; clicked it updates/changes the main image and the select box for the product variants.

from: [ www.hikashop.com/forum/4-how-to/69981-ne...-images-at-once.html](http://www.hikashop.com/forum/4-how-to/69981-need-to-show-all-variant-images-at-once.html)Code:

&lt;?php foreach($this-&gt;element-&gt;variants as $variant){ foreach($variant-&gt;characteristics as $k =&gt; $characteristic){ $char_id = $characteristic-&gt;variant_characteristic_id; $cat_id = $k; } foreach($variant-&gt;images as $image){ echo '&lt;img class="hikashop_child_image" onClick="document.getElementById(\'hikashop_product_characteristic_'.$cat_id.'\').value = '.$char_id.'; document.getElementById(\'hikashop_product_characteristic_'.$cat_id.'\').focus();" style="height:100px;" src="' . $this-&gt;image-&gt;uploadFolder_url . $image-&gt;file_path . '" alt="' . $image-&gt;file_name . '" /&gt;'; } } echo '&lt;input type="hidden" onFocus="return hikashopUpdateVariant(this);" id="hikashop_product_characteristic_'.$cat_id.'" value=""&gt;'; ?&gt;

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14280
-
-

12 years 7 months ago [\#147680](#147680) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Small image div does not show](/forum/2-general-talk-about-hikashop/74930-small-image-div-does-not-show#147680 "Hi,  I'd basically like my product page to function thus:  The small image div is visible at all times, and when selecting a colour, the image will change to the corresponding colour (or any other characteristic that has a specific image).  Currently, the small image div shows only when i have multiple images added to the MAIN product, but no images associated with the VARIANT.  This would be OK, but I want the image to change colour when a colour is selected.  Please tell me what I need to alter in the code.  Thanks :)  PS - another thing. When attempting to configure the product page correctly, my Recently Viewed module has suddenly started displaying 12 products instead of 3. It did this before, and I believe it's to do with the changes I made to the pagination, so that it would show 12 by default instead of 20. However, before, I went to the module and made sure it was set to 'All sub elements' and 'Synchronize with currently displayed menu' was set to No. This fixed it. Now, it doesn't fix it, and I don't know which other settings could possibly have affected it. I also can't see how I did anything to affect it with the changes I made to the views. Very confusing")*

Hi,

If what mohamed proposes isn't a good enough solution for your case, then you would have to edit the file administrator/components/com_hikashop/classes/product.php and modify the _checkVariant function so that it adds the images of the main product to the images of the variants instead of doing nothing if the variant already has images.
I think that something like that should do the trick at the end of that function: Code:

.... foreach($element-&gt;images as $image){ $variant-&gt;images[]=$image; } ..etc...

If you're not a developer and don't have a developer to help you with complex code modifications, I would recommend to contact our partners for a quote on such projects:
polishedgeek.com/
tcp-innovation.fr/
[ www.makedifferent.fr/](http://www.makedifferent.fr/)
Or to find a developer via our commercial jobs forum, joomlancers.com or resources.joomla.org

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzc0OTMwLXNtYWxsLWltYWdlLWRpdi1kb2VzLW5vdC1zaG93P3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.154 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
