Jump to content

WHEBRU

Member
  • Posts

    9
  • Joined

  • Last visited

Posts posted by WHEBRU

  1. Despite chats and a raised ticket, after so many days, I still do not see this issue solved.

    We have many  URL links to create here and are waiting for a solution. 

    SQUARESPACE FOLKS - can  you please give us an update where you stand with your solution and when this is going to be solved?

  2. Despite chats and a raised ticket, after so many days, I still do not see this issue solved.

    We have accordions within 'additional info' section of product detail pages. It is IMPOSSIBLE to edit the accordion item description texts. The editor box where you make text bold, underline, or link disappears in a split second. We have many  URL links to create here and are waiting for a solution. 

    Are there other users who still have the same issue? SQUARESPACE FOLKS - can  you please give us an update where you stand with your solution and when this is going to be solved?

  3. 6 hours ago, inside_the_square said:

    hey @Amikhail - this is a great question!

    The container images are placed in within a product page can be pretty limiting, especially when you have images with a different aspect ratio.

    There isn't a way to force the container to respond to the size of the image, but we can take this the other way and force the image to fit inside the container! 😬

    This is a code that will work specifically for the simple layout; other designs use different selector classes. 

    .ProductItem-gallery-slides-item-image{
      object-fit:contain!important
    }

    @WHEBRU - this is the same code, updated for the storefront page that shows all the products in a grid:

    .products .grid-item img{
      object-fit:contain!important
    }

    I hope that info helps with your project!

    On 5/10/2024 at 10:14 PM, Amikhail said:

    I am designing my product page using the Simple Layout with Carousel design. I have a mix of square, landscape or portrait images and no matter what format I selected some of them end up cropped.  Is there any way to insert code to force the full image to show, rather than a cropped version - to shift with each image rather than forcing it to fit into one format? 

    Did you find a solution? I am having the exact same problem. Cropped images in product carousel as well as on main shop page.

     

    Big thanks. Both codes above fixed the issue for me.

  4. On 5/10/2024 at 10:14 PM, Amikhail said:

    I am designing my product page using the Simple Layout with Carousel design. I have a mix of square, landscape or portrait images and no matter what format I selected some of them end up cropped.  Is there any way to insert code to force the full image to show, rather than a cropped version - to shift with each image rather than forcing it to fit into one format? 

    Did you find a solution? I am having the exact same problem. Cropped images in product carousel as well as on main shop page.

×
×
  • 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.