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
Proceed to SHOPLINE Admin > [Online Store Design] > [Design] and click Advanced Settings.
Check "Crop product images to fill the product box", then click the Save and Publish button at the bottom right.
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:
If you enable the "Crop product images to fill the product box", the images will automatically be cropped to the same ratio and size:
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.
- 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.