I cannot see this field, why?

Store Design
, , ,
1

Hi,

Can someone please help me see in the code why I cannot “see” these images under my featured product image.

They are the if you drag them, but not visual….

Would love if anyone can see why…

image
image475×823 79.3 KB

Best regards,

Claudia

2

Add this CSS code:

img.bee-thumb-img {
  opacity: 1;
}
3

Where should I add this?

4

Where should I add this? :open_mouth:

5

Please copy and paste the below code to the top of base.css or theme.css. To find base.css or theme.css, go to Online store >> Themes >> Edit code and search for either base.css or theme.css

Alternatively, if the code didn’t work, copy and paste the code below by going to the Online store >> Themes >> Customize >> Click on Settings icon to the left >> Scroll down to the bottom and paste it to the custom CSS tab.

img.bee-thumb-img {

opacity: 1 !important;

}

6

Amazing, can we now make them a little bit smaller but also, “same size”

7

This is how it look like on the “product page”

image
image290×579 45 KB

And here on the feature product page:

image
image489×889 78.5 KB

8

Is there any chance you can make it look exactly the same as the “main product” with my collab code? I’ll be SOOOOOOOO happy?

Many many thanks,

Claudia

9

@AiTrillion

Are you there? Would be so happy! :open_mouth:

10

Try adding this code as well:

.bee-product__thumb {
  height: 100%;
}

This will crop your square thumbs left and right a little to match the taller image aspect ratio..

Ideally, you should make your original images have the same propportions.

11

Is there any chance someone can fix this via my site? With colab code?

I only want it to display “4” images, also It doesnt seems that I can click on these :open_mouth:

//Claudia

12

Hey! Looks like the images are there but hidden. Usually it’s a theme issue where the thumbnails are set to display: none or have zero height or width in the CSS. Try checking the product gallery section in your theme settings, or open dev tools to see if they’re just styled invisible.

13

Hey Claudia :waving_hand: Yes, someone could help fix this directly through your site’s code. The issue is likely in your theme’s product gallery settings or CSSorJS controlling the thumbnails. You can set it to only show 4 images and also make them clickable with a small adjustment. If you’d like, I can guide you step by step or share the code changes needed.