A user is experiencing oversized product images in Shopify’s Turbo theme, making it unusable. The issue appears on both the product page and homepage, with excessive spacing between products.
Attempted Solutions:
Current Status:
Next Steps:
The support member requested the user add products to the homepage for proper diagnosis and to provide updated code. The issue remains unresolved, with the theme currently unusable due to product image sizing problems.
Hello,
I’m planning to use the Turbo theme but the images are way too big. Can you help me ?
I’m trying to show my product with the product section but the images are too big and with too much space between the product.
https://www.lesloulouscards.fr/?_ab=0&_fd=0&_sc=1
Thanks,
Louis
@louisdpb92 Can you share your Draft turbo theme URL?
Your image dimensions are not the same, so it causes this issue, but you can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings to make it look better
.productView-container .slick-list { background: #fff; }
it should be this url for the preview : https://www.lesloulouscards.fr/?_ab=0&_fd=0&_sc=1
Thanks, I think it helped with the product page. Do you know how to fix the product on the home page ? see screenshot
Please try to add this code and check
.ajax-loaded .media–loading-effect { padding-top: 100% !important; }
Where do I need to add this code in custom Theme CSS or Style.css ?
Where you added the previous code I provided.
I don’t think it’s doing anything on the page. cf screenshot. I have implemented both of your codes on the left side in custom CSS
https://drive.google.com/file/d/1k6B7VHt47Wu4lWIe8A1J3svQ5p005B65/view?usp=sharing
It’s still not working the CSS is not changing anything on the page. Any new ideas ?
I thought you were talking about those products
Please add products to your homepage so I can check and give you the code
No, I’m taking about the Turbo preview not my actual theme. I want to use Turbo but due to the product size it’s not usable right now.
