Liquid, JavaScript, themes, sales channels
I'm currently using the dawn theme and dealing with quite a few images that have a really big height and a small width and would like to essentially downscale images in the product page so that it fits into a 1080 by 1080 or 1920 by 1080 placeholder. Is there a way i can achieve this by editing the code?
Hello There,
Please share your store URL and Password.
So that I will check and let you know the exact solution here.
Hi, thanks for the reply but unfortunately I'm not able to provide the website url but am able to give you a better understanding of what I'm looking for. So I've created an example store and ill attach a screenshot below and basically would like that image to fit into a 1080 by 1080 space so it doesn't appear massive and I would like it so that the image gets downscaled so it fits in that area. I'm using the dawn theme and all my product images have a white background.
Thanks
Hi @fljdak ,
To change you follow the instruction:
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css->paste below code at the bottom of the file:
.product__modal-opener--image {
max-height: 1080px;
overflow: hidden;
}
I hope it would help you.
AVADA - Top Rated App for Email, SMS, Popups
Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE
hi i tried pasting the code at the bottom of base.css but it didn't work
@fljdak
Unfortunately without seeing the website we are unable to provide accurate help, we're working in the dark. You can share a temporary URL with the developers in the forum that will expire later on.
If privacy is crucial, I am afraid that the most viable alternative would be hiring a developer to work alongside with you.
Kind regards,
Diego
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022