AngelaB

This worked perfectly...thank you Tuanphan 🙂

Thank you for your reply, but this takes me back to my original problem - the images are cut off on the top and the bottom. I've tried this with and without the original code I used and it doesn't work. I just want the product images to be the same size as the shop images but they're either cropped or go tiny if I try and fix the cropping. Is this something you can look at - perhaps it's something I've done?

Hi Tuanphan, Sorry to bother you but any thoughts?

Sorry for the delay - it's Angela

Site URL: https://www.angelabritton.co.uk Hi there, On desktop I have my 2 images in each product page, set to stacking. On mobile these images are automatically put into a carousel which was fine, but the images were cropped top and bottom, taking some of the product with them. So I found this code (below) to stop the cropping but now I have another problem - the product image carousel is now much smaller than the images in the shop category sections, which looks weird - they need to fill the mobile screen like they do in the category sections. This is the code I used and attached are images of a shop category section and a product page: @media screen and (max-width:767px) { img.ProductItem-gallery-slides-item-image { object-fit: contain !important; } } .products.collection-content-wrapper .grid-image-hover { opacity: 0 !important; } .products.collection-content-wrapper .grid-image-cover { opacity: 1 !important; } Thanks for any help 🙂

Thank you 🙂

Wow, thank you tuanphan, that actually worked! I appreciate your help. Can I ask - a couple of questions regarding it? 1) The menu look uncentered for some reason, is there are reason for this? 2) There seems to be a lag in loading time now for the shop page, is this because of the code? 2) can I put in spacers and an underline in this menu as before? i.e. Abstracts | Gifts | Cards | Other

Hi Birdie, I do appreciate your answer, but actually doesn't actually work properly for the centered menu! No worries, I think I will speak to chat to see if anyone can help me. Have a lovely day.

Thank you tuanphan, I will do 🙂

Site URL: https://www.angelabritton.co.uk Member 2 Posted 2 hours ago This is a weird one. I have only uploaded 2 images for each product, but on the mobile versions it's showing there are 3 images (with a blank space as the 'third' image) Site URL: https://www.angelabritton.co.uk Hello! I'm just setting up my website on 7.1 - www.angelabritton.co.uk I don't know what the theme was called, sorry! It's not finished yet - so the password is Angela Can anyone help ? 🙂 Thanks!

I too want my shop category menu (which is also centred) to remain on the product pages. I've just come from Shopify and this is standard on most templates. What doesn't make sense is if you change the category menu to the sidebar version it DOES remain on every product page, and highlights the category you're in. Surely it can't be difficult to sort this out - It should be the same simple option to keep a centralised category menu available on the product pages, we shouldn't have to buy a plug-in. Although it looked great at first, I'm half wondering whether I should have swapped from Shopify as I'm finding so many non-sensical and buggy problems with squarespace 7.1 that you need code workarounds for..

Site URL: https://www.angelabritton.co.uk Hello! I'm just setting up my website on 7.1 - www.angelabritton.co.uk I don't know what the theme was called, sorry! It's not finished yet - so the password is Angela I have a simple category menu (centered) in my shop section showing abstracts | gifts | cards | other with a line separating it and the products. When you click into any category though, it disappears. I think this is silly as it needs to stay there for for the sake of aesthetics and usability (otherwise you have navigate back to the home page to get to the shop again). Confused as I'm coming from Shopify where this is just the norm. Can anyone help is layman's terms? I'm not super CSS literate 🙂 Thanks!