Product List: Disable zoom function and replace with a hyperlink

  • Profile Image
    publis
    Asked on February 04, 2021 at 04: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 ?
  • Profile Image
    JohnRex
    Answered on February 04, 2021 at 05: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.

  • Profile Image
    publis
    Answered on February 05, 2021 at 05:39 AM

    Thanks a lot, it worked ! :-)