Shopify themes, liquid, logos, and UX
Hi all,
trying to make my main product photo larger. Tried adding following code but mobile display wasn't good:
<div class="grid-item large--two-fifths" style="width 60%";>
<div class="grid-item large--three-fifths" style="width 40%";>
While this did make the image larger, it is a solution to a different problem. I would like to simply make the product image taller and more prominent.
Here is our website with an example product: https://www.raoofmdderm.com/products/retinol-10x-serum-1oz?_pos=1&_sid=4b0dc5ae6&_ss=r
Here's a reference website for what I'm trying to achieve: https://www.drmtlgy.com/collections/anti-aging/products/retinol-complex-5?gclid=CjwKCAjw9aiIBhA1EiwA...
Thanks in advance for the help!
yes please check product page customization option its allow
Hi Kumar,
Not sure how to check that, but don't believe it is.
Thanks!
hello @jb92390
in your theme go to theme customize and then select product page and you see right side media option see https://nimb.ws/80364D select large save it and then check your product image size
Hi guys,
Thanks for responding so quickly. I do not have the product page option in my Customize section. Here are 2 screen shots of what I am looking at:
Here is a link to the reference site:
oh sorry can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (min-width: 769px) {
#shopify-section-product-template .large--four-tenths, .large--two-fifths {
width: 60%;
}
#shopify-section-product-template .large--six-tenths, .large--three-fifths {
width: 40%;
}
}
Hi Ketan,
Unfortunately, that did not work. I placed the code and nothing changed...
I also noticed the code you provided it for mobile only. This issue is primarily a desktop one.
i have checked its work
you have go to customization >> open Any product>> after check left side product page setion
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