How can I resize the product image on my product page?

[sao]

Hi ,thanks a lot in advance for trying to help mw..Please give me some good advices..,look on the photo I attach there, the image of the product on product page start it is too big ,I mean you dont see title ,price,nothing, i want it somehow better idk ,pls help

[iffikhan30]

drop here your website link.

[websensepro]

Hi, @sao .

Kindly share your store URL and password.

[BSS-Commerce]

Hi @sao ,

Please follow these steps:

Online store → Themes → Edit code → theme-m.css:

Copy this code to the end of the file:

@media only screen and (max-width: 765px) {
    .product-gallery.product-gallery--autoinit,
    .product-gallery__main_slider .product-gallery__main_item .rimage__img {
        max-height: 100vw;
    }
}

You will get this:

Hope it helps @sao

[sao]

Thanks for help Mate! Happy New Year! Also if u can let me a feedback on my product page it will be awesome ,thanks!

[sao]

IT is working! Thanks! Please let me know what you think about my shop,im already in shopify from 3 years or more

[sao]

https://www.aiciavem.ro/products/joc-risk-junior-cadou-pereche-de-ochelari-vr-3d

[iffikhan30]

Hello,

Check this is good for you, you want to change column on mobile devices.

[sao]

I resolve this problem with @BSS-Commerce css code,thanks..Now I have one more problem,I want having the collection description at the bottom of the page,not on the top..

[sao]

Single thing, I want to cancel the empty space from the top of the product image

[iffikhan30]

You can do this, main-collection-banner.liquid.

Cut this description code.

{%- if section.settings.show_collection_description -%}
        {{ collection.description }}

      {%- endif -%}

and add this code at the end of main-collection-product-grid.liquid file, like this.

{%- if section.settings.show_collection_description -%}
        
{{ collection.description }}

      {%- endif -%}

[sao]

I dont have main-collection-banner.liquid.

[iffikhan30]

So you give me the access on your theme then I check where it’s come from. my email address is my signature,

[BSS-Commerce]

The blank space at the top of the photo is because your photo has a white background, so if you want to remove it, you must process the photo before adding it to the store.