Crop Product Images To Fill The Product Box | Advanced Design Settings

1.EN_Support_e-Commerce.png

The system will crop the image according to the ratio in the store template, so the images in the product list are all in a standardized size. 

The article will cover the following: 

 

1. Setup in Admin

Step 1

Proceed to SHOPLINE Admin > [Online Store Design] > [Design] and click Advanced Settings.

Screen_Shot_2022-08-29_at_4.42.02_PM_copy_2.png

 

Step 2

Check "Crop product images to fill the product box", then click the Save and Publish button at the bottom right.  

Screen_Shot_2022-08-30_at_10.34.04_AM.png

 

2. Storefront display

If you did not check the "Crop product images to fill the product box", the images will display directly in their original ratio and size:

Screen_Shot_2022-08-30_at_11.05.18_AM.png

 

If you enable the "Crop product images to fill the product box", the images will automatically be cropped to the same ratio and size: 

Screen_Shot_2022-08-30_at_11.06.26_AM.png

 

3. [Coming Soon] New page builder

Proceed to SHOPLINE Admin > [Online Store Design] > [Pages] and click the Advanced Page button to open the new page builder.

On the left menu, click Store Settings > Product. Under the "Product Listing Page" you will be able to switch on the "Crop product image" toggle, for more information, please refer to this article

Screen_Shot_2022-08-30_at_11.06.52_AM.png

 

 

4. Notes

  • This cropping feature will not affect the ratio of the main image on the product information page, it will only affect the product image on the product list page ("Category Page" and "Category widget" on advanced pages). 
  • The system will determine the cropping according to the store template you selected through [Online store design] > [Design] in the Admin. 

 

 

Read more

 

 

 

 

 

Have more questions? Submit a request

Comments