Icons on product image

altriastri · June 26

I need some information. The icons overlaid on the product image in smartphone visualization mode (on the left in the attached image) only appear when the image is selected (as you can see, they are not visible on the right). Is it possible to have these icons always visible over the photo?

Also, if a product has color variants, would it be possible to display the color options below the image, where indicated by the arrow?

the link of page is https://altriastri.com

Thank you.

Phil · June 27

Hi,

Please try the following CSS code:

@media only screen and (max-width:767px){
 .products .product .image_links a{
  opacity: 1!important;
 }
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Best regards

altriastri · June 27

Thank you very much, the CSS is ok .... but how I can have the colors variants under the image like in the example picture attached?

Phil · June 27

Please edit your color attribute, and ensure that you have the "Show in loop?" option enabled.

Best regards

Icons on product image

Comments