Product List: Disable zoom function and replace with a hyperlink

  • publis
    Asked on February 4, 2021 at 4:45 PM
    to delete the zooming option for all icons and replace it with an url link (different for each icon) opening to a new window ?
  • John Support Team Lead
    Replied on February 4, 2021 at 5:47 PM

    Use this code to disable zoom function:

    .form-line.card-3col div[data-wrapper-react="true"] .form-product-item.new_ui.show_image .image_zoom {
    
  display: none!important;
    
}
    
div#productImageOverlay {
    
 display: none!important;
    
}

    Unfortunately, it is no possible to add hyperlinks to the product images.

  • publis
    Replied on February 5, 2021 at 5:39 AM

    Thanks a lot, it worked ! :-)