How to make Product Image Larger/Taller in Supply Theme

jb92390
Tourist
6 0 3

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!

KetanKumar
Shopify Partner
22556 2281 8389

@jb92390 

yes please check product page customization option its allow

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jb92390
Tourist
6 0 3

Hi Kumar,

Not sure how to check that, but don't believe it is.

 

Thanks!

Natztech
Shopify Partner
1901 492 1174

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 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
0 Likes
KetanKumar
Shopify Partner
22556 2281 8389

@jb92390 

you have go to customization >> open Any product>> after check left side product page setion

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jb92390
Tourist
6 0 3

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:

Screen Shot 2021-08-06 at 9.59.56 AM.pngScreen Shot 2021-08-06 at 9.59.51 AM.png

Here is a link to the reference site:

https://www.drmtlgy.com/products/retinol-complex-5

KetanKumar
Shopify Partner
22556 2281 8389

@jb92390 

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%;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jb92390
Tourist
6 0 3

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. Screen Shot 2021-09-08 at 9.16.46 PM.png

0 Likes
KetanKumar
Shopify Partner
22556 2281 8389

@jb92390 

i have checked its work

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes