Custom image in pop-up products

Ask the Community Customization
1

  • Issue description:
    I want to remove or put a custom image of my own on product popups that do not have a product image (in other words, replace or remove the default SVG). Is this possible?

  • Link to the page with the widget in question:
    https://grupo-infinity.com/en/test-restaurant-menu/

1 Like
3

Hi there, @Manrei_Socio_Digital and welcome to the Community :wave:

Would you like to remove/replace just the icon or black background too?

4

Hi Max!
Actually what I would like is that the products that do not have images, when you click on them, no image is displayed, only the title, description and other texts. But if it is only possible to replace the image, then I would like to change both the icon and the black background.

1 Like
5

Hi @Manrei_Socio_Digital :wave:

Please try to use this code in the Custom CSS field and let me know if you like the result :slightly_smiling_face:

[class*='Image__ImageComponentContainer-sc']:has(svg) {
  display: none;
}

@media (max-width: 500px) {
  [class*='Popup__ImageAndArrowsContainer-sc'] {
    min-height: 300px !important;
  }
}

[class*='Popup__ImageAndArrowsContainer-sc'] {
  min-height: 400px;
}

[class*='Popup__ImageAndArrowsContainer-sc']:has([class*='Image__ImageComponentContainer-sc'] svg) + [class*='Popup__Info-sc'] {
  position: absolute;
  width: 90%;
  top: 150px;
}
1 Like