Re: Product images get cut off on front page

Solved

Why are my product images getting cut off on the front page?

Knofan
Tourist
15 0 2

Hey guys

 

I have a problem with the product on my front page gets cut off. I have a design with a image on the left side and a product or product collection on the right side. A standard block that is.

 

The shoe in the image get cut off to the left and right. I cant find how to solve this. Any ideas ?

34.jpg

Thanks alot!

Accepted Solutions (2)

Made4uo-Ribe
Shopify Partner
6999 1665 2058

This is an accepted solution.

Hi @Knofan ,

Would you mind to share your store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

View solution in original post

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

HI @Knofan 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.card__media img.motion-reduce {

    object-fit: contain !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 3 (3)

Made4uo-Ribe
Shopify Partner
6999 1665 2058

This is an accepted solution.

Hi @Knofan ,

Would you mind to share your store URL website? with password if its protected. Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.
Knofan
Tourist
15 0 2

Hello Ribe_Dagandara

 

See below

 

https://sspab-2434.myshopify.com/

 

pwd neestu

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

HI @Knofan 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.card__media img.motion-reduce {

    object-fit: contain !important;

}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.