Jump to content

Empty Area when set Stok images on my shop

Go to solution Solved by ClareStock2023,

Recommended Posts

Hi, After I have used  a fantastic CSS code Injection to let thumbneils show in VERTICAL ratio by using the TAG portrait I'm having a issue for stock image setting in my shop, the issue come just for vertical images I guess is due the the code which is not well done.... any ideas?
This is where I ot the CSS

https://sf.digital/squarespace-solutions/how-to-show-product-images-in-their-original-aspect-ratio-on-squarespace-71


Please refere to my screen and link

Thank you

Clare
My shop
https://www.clarestokolosa.com/shop/p/reading-a-book-on-the-way-to-work

Screenshot 2023-12-01 alle 09.33.44.png

Edited by ClareStock2023
Link to comment
  • Replies 4
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

7 hours ago, ClareStock2023 said:

After I have used  a fantastic CSS code Injection to let thumbnails show in VERTICAL ratio by using the TAG portrait I'm having a issue for stock image setting in my shop, the issue come just for vertical images I guess is due the the code which is not well done.... any ideas?

Hi @ClareStock2023.

I wrote the guide and the CSS that you're using. You don't need the last four lines of the CSS due to the PDP setting you are using. If you remove those, it should fix the issue. Direct message me if you experience any issues.

Did this help? Please give feedback by clicking an icon below  ⬇️

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

Hi Paul and thanks for your kind replay! Do you mean I need to remove this part?
/* Show portrait images on PDP when tagged as portrait */
.ProductItem.hentry.tag-portrait .ProductItem-gallery-slides:before {
  padding-bottom: 150%!important;
}

Will the tag Portrait sitll be needed? 

Ca you send your Guide link please?

Thank you to reaching out

 

Clare

Link to comment

In answer to your questions @ClareStock2023:

Yes, remove the section that you quoted above.

The tag is still needed for the Product List (or "Store") page.

My guide is the one that you linked in your question.

If you have any other questions, please let me know.

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


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