Jump to content
thirty bees forum
  • 0

Combination Image Question


Question

Posted

I am using the Niara theme.  The default product page has thumbnails of all the combinations of a product below the large image.  If you change a color in the selection box the color of the large image changes.  If you click on a thumbnail the color in the large photo changes but the selction box does not so the item added to the cart does not match the photo.

I need to either have the thumbnail trigger the selection box or only the thumbnails for the chosen selection visible.  I can hide all the thumbnails but do not want to do that as if there is more than one photo for a combination the secondary photos will not be seen.

Any help would be greatly appreciated.

Thank you

17 answers to this question

Recommended Posts

  • 0
Posted

That's by design with the software. Product attribute selection can drive thumbnails, but thumbnails do not drive attribute selection. When you hit the main product URL, it's a compilation of all images, which is what you're describing. When combination (Color) specific images are set, if user selects an color attribute, it will filter the images down. For this reason, I use this module on my site. It allows me to split the product by color and present each in my category page separately: https://addons.prestashop.com/en/product-variants/20451-products-by-attributes-display-combinations-attributes.html.

  • 0
Posted
1 hour ago, x97wehner said:

 It allows me to split the product by color and present each in my category page separately

Splitting out the combinations is not an option.  I need to be able to only show the images from the selected combinations if it is not possible to drive attribute selection from the thumbnails.

  • 0
Posted

Another possiblity is for the large image to only change temporarily when the mouse is hovering over the thumbnail and not change permanently on mouseover.  It would show the customer the option but not make them think they have changed the selection.  

  • 0
Posted
10 hours ago, jnsgioia said:

I need to be able to only show the images from the selected combinations if it is not possible to drive attribute selection from the thumbnails.

This you can do. On each combination, you can set the photos that pertain to it in the back office. Then, if user selects a combination with color, it will filter display to just those images.

  • 0
Posted
10 minutes ago, x97wehner said:

This you can do. On each combination, you can set the photos that pertain to it in the back office. Then, if user selects a combination with color, it will filter display to just those images.

I have done this.  It does not make any difference.  All the photos show all the time.

  • 0
Posted
51 minutes ago, jnsgioia said:

I have done this.  It does not make any difference.  All the photos show all the time.

That is odd. It sounds like something is overriding the default behavior of how the system should work. Try disabling overrides and non TB modules to isolate if that could be the issue.

  • 0
Posted
11 minutes ago, x97wehner said:

That is odd. It sounds like something is overriding the default behavior of how the system should work. Try disabling overrides and non TB modules to isolate if that could be the issue.

I did that and it did not make any difference.  All images still show.

  • 0
Posted
9 hours ago, jnsgioia said:

I did that and it did not make any difference.  All images still show.

What theme do you use?

This is, ultimately, theme responsibility. Core only provides information about images and their associations with combinations to theme. What theme decides to do with those informations is up to theme. 

I believe that standard thirty bees themes do implement this image hiding. But only if the combination have at least one image associated

  • 0
Posted
43 minutes ago, datakick said:

What theme do you use?

This is, ultimately, theme responsibility. Core only provides information about images and their associations with combinations to theme. What theme decides to do with those informations is up to theme. 

I believe that standard thirty bees themes do implement this image hiding. But only if the combination have at least one image associated

I am using the standard Niara theme.  Each combination has at least one photo associated with it, some have more than one.

  • 0
Posted

I was mistaken, niara do not hide images not associated with selected combination. It only shows combination cover image.

However, it's not complicated to implement this. You need to modify file themes/niara/js/product.js - search for function refreshProductImages and add hiding/showing logic for images

  • Like 1
  • 0
Posted
On 10/14/2025 at 7:01 AM, datakick said:

search for function refreshProductImages and add hiding/showing logic for images

Thank you!  Mission accomplished!

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...