Fix product image display in Mcommerce feature.

Home Documentation How To Fix product image display in Mcommerce feature.

Use the code below to fix the product image display (cropping) in the Mcommerce feature.

 

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the above code.

/** Begin mcommerce product image display fix*/
.item-thumbnail-left .item-content .item-image, .item-thumbnail-left .item-content>img:first-child, .item-thumbnail-left .item-image, .item-thumbnail-left>img:first-child {
position: absolute;
top: 20px;
left: 10px;
max-width: 80px;
max-height: 60px;
width: 100%;
height: 100%;
}
/** End mcommerce product image display fix*/

 

4) Click Save.

Comments are closed.