Jump to content

fantasiummedia

Member
  • Posts

    12
  • Joined

  • Last visited

Reputation Activity

  1. Like
    fantasiummedia got a reaction from euan in Disable Auto Zoom / Cropping on Individual Product Images   
    Hi All,
    I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not have an option to disable autozoom on images. I am using Lange.
    I was able to make this happen on the main products page using the code below:
     
    .ProductList-outerImageWrapper { position: static; padding-bottom: 0px !important; } .ProductList-innerImageWrapper { position: static; margin-left: auto; margin-right: auto; } .ProductList-image { width: 100% !important; height: auto !important; top: 0px !important; position: static !important; Unfortunately I'm not savvy enough to get that to apply to the individual product. 
    Here is a link to a good example of an image that is being cropped: https://www.fantasiummedia.com/prints/stars-over-lake-atitlan
    Offering a print of your choice at cost for anyone that can help!
  2. Like
    fantasiummedia got a reaction from JonJonJon in Disable Auto Zoom / Cropping on Individual Product Images   
    Hi All,
    I am selling prints, and would like to disable the auto-zoom on each individual product so the buyer can see a bigger scale rendition of the print they are buying. My template does not have an option to disable autozoom on images. I am using Lange.
    I was able to make this happen on the main products page using the code below:
     
    .ProductList-outerImageWrapper { position: static; padding-bottom: 0px !important; } .ProductList-innerImageWrapper { position: static; margin-left: auto; margin-right: auto; } .ProductList-image { width: 100% !important; height: auto !important; top: 0px !important; position: static !important; Unfortunately I'm not savvy enough to get that to apply to the individual product. 
    Here is a link to a good example of an image that is being cropped: https://www.fantasiummedia.com/prints/stars-over-lake-atitlan
    Offering a print of your choice at cost for anyone that can help!
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.