Jump to content

Product Quick View Glitch

Recommended Posts

Site URL: https://trombone-seahorse-afp9.squarespace.com/config/design/custom-css

Hi there! 

My Product Quick View glitches where it crops the image of the product. This happens frequently, but not always – yet I want to make sure it doesn't happen at all. I'm not sure if it's something with Squarespace or something in my code that's preventing this. I have screen shot examples below. The first screenshot is the product in Quick View, and the second screenshot is the image in its full glory (the way I would like it to be).

Password: carmelart

Thanks to everyone and anyone who can help!

Grace

Screen Shot 2022-06-28 at 3.16.45 PM.png

Screen Shot 2022-06-28 at 3.16.53 PM.png

Link to comment
  • Replies 4
  • Views 436
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Hi @tuanphan

Unfortunately no, it's still happening on my end. Thats good to know it's not happening on your end.

But I do have another question maybe you can help with:

When I look at the Product Quick View in Mobile View, it's completely out of wack! Any way to resolve this without finicking with the Computer View? Also in Mobile View, the Product list titles are so itty-bitty and the "categories" roll off the page – is there a way to fix that too? 

Thanks so much! 

Grace

Screen Shot 2022-06-30 at 10.32.48 AM.png

Screen Shot 2022-06-30 at 10.33.00 AM.png

Link to comment

Add to Design > Custom CSS

@media screen and (max-width:767px) {
ul.nested-category-children {
    flex-wrap: wrap !important;
    justify-content: center !important;
}
.sqs-product-quick-view-lightbox .ProductItem-gallery {
    width: 75% !important;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

That helped a little, but I find that the images are still being cropped and running off the page (especially the vertical ones). I have screen shots below. 

Ideally, I would love to have the image in the center of the  of the "Quick View" window in the mobile view with the details following below. Is that possible? 

Thanks again for all your help!
 

Screen Shot 2022-07-01 at 2.30.28 PM.png

Screen Shot 2022-07-01 at 2.30.35 PM.png

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.