Featured product image showing wrong resolution

Featured product image showing wrong resolution

Retroshirtsdk
Visitor
2 0 0

Hi everyone, 

 

We're running the webshop https://retroshirts.dk and suddenly has a major problem. The featured product image on the product-page shows the featured image in a completely wrong resolution. What has happened and how do we solve it? I have attached image on before/after.

 

Udklip.PNGUdklip2.PNG

 

On zoom it still works perfect. 

Replies 2 (2)
Retroshirtsdk
Visitor
2 0 0

Sounds good. What do you mean by supplier?

BSSCommerce-TA
Shopify Partner
123 24 24

Hello @Retroshirtsdk 
You can follow the steps below to see if it works:
1. Online Store => Themes => edit code

BSSCommerceTA_0-1719148753019.png

 


2. Search "component-product.css" and find ".productView-image.fit-unset .productView-img-container",  add height: 620px;

BSSCommerceTA_1-1719149103773.png

3. At ".productView-image.fit-unset .productView-img-container img
(.zoomImg)", add "height: 100%;"
4. At ".productView-image.fit-unset .productView-img-container img
(.zoomImg)", change "object-fit: cover;".

BSSCommerceTA_2-1719149366269.png

 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 

 

 

 
If our suggestions are useful, please let us know by giving it a like, marking it as a solution.

SIMICART: Mobile App Builder |Ironwork Theme - Coming Soon | Product Labels by BSS


Need help from our expert? Kindly share your request with us via community@bsscommerce.com


BSS Commerce - Full-service eCommerce Agency