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.
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024