Supply theme - Product main image size

Solved
Highlighted
New Member
2 0 2

Hello,

 

I want to change the size of the main image from Product page at Supply theme.

I can't find it on this site or in the google.

 

Please open this image to understand it better:

https://imgur.com/5c7AQJj

 

So I want the red bordered image to be as big as the purple border.

 

Thank you all,

Peace!

 

 

1 Like
Highlighted

This is an accepted solution.

Hello 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
2 Likes
Highlighted
New Member
2 0 2

Thanks, it works perfectly.

 

Have a nice day!! :)

1 Like
Highlighted
Tourist
10 0 0

Thanks Pallavi, I had the same issue. The picture looked far too small on a desktop, so I was thinking about purchasing or changing themes. Now with this change I'm happy to stay using my theme for the meantime.

0 Likes
Highlighted
New Member
15 0 0

Hi @oscprofessional, I have the same issue but I'm not sure what section I need to go to in the file. There are several sections with a string. Which one do I have to change?

1.

<div class="grid-item large--two-fifths">
<div class="grid">
<div class="grid-item large--eleven-twelfths text-center">

2.

{% for image in product.images %}
<li class="grid-item medium-down--one-quarter large--one-quarter">
<a href="{{ image.src | img_url: '1024x1024', scale: 2 }}" class="product-photo-thumb product-photo-thumb-{{ section.id }}" data-image-id="{{ image.id }}">
<img src="{{ image.src | img_url: 'compact' }}" alt="{{ image.alt | escape }}">

 

3. <div class="grid-item large--three-fifths">

 

This is what I'm seeing

Screen Shot 2020-05-30 at 10.15.32 AM.png

0 Likes
Highlighted
Excursionist
32 0 2

hi!
with this change, I have spacing problems in the description text
is not aligned
example

test test test test test test test test test test  test 
test test test  <---------------------
test test test test test test test test test test  test 
test test test test <---------------------
test test test test test test test test test test  test 
test <---------------------


0 Likes
Highlighted

Hello ,

Please share your site url.

So that i can check and let you know the exact solution here.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Excursionist
32 0 2

I had tried a first solution to eliminate <br> from code
it is not the right choice
I have adopted another method
delete from csv in descriptions <br>

0 Likes
Highlighted
Excursionist
32 0 2

the theme is Supply(you can check)
I would like to know the suitable settings for not having space

0 Likes