Is there a way to disable product image zoom/magnify image on Crave theme?

Store Design
1

I have my shop set up on the crave theme. On all of my product images there is a little magnifying glass button when you hover that allows customers to enlarge the product image. I would like to disable that feature, along with when using a featured product on my home page, instead of magnifying the image when clicking it, i would like it to take my customers to the product page for it. Ive been searching for a solution to this forever and cant seem to find any info on it for the crave theme. There are no setting options that i can find, so im assuming i have to change the liquid code which i have no clue how to do! Please help!

2

Hi @Pook

Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
button.product__media-toggle.quick-add-hidden {
    display: none;
}

span.product__media-icon.motion-reduce.quick-add-hidden {
    display: none;
}
1 Like
3

Can you explain to me what exactly those codes will do before i make the code change?