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:
⚠️ Before you start, please be reminded:
- The new page builder only supports the Ultra Chic, Kingsman, Varm, and Philia templates.
- The setup routes for the new and old page builders are different. Please first go to the Admin > [Online Store Design] > [Design] > the [Storefront Template] tab to confirm the theme you are using for your store. For users of the old page builder, please refer to 1. Setup in the Admin; for users of the new page builder, please see 3. New page builder.
1. Setup in the Admin
Proceed to SHOPLINE Admin > [Online Store Design] > [Design] and click the Advanced Settings tab.
Check "Crop product images to fill the product box", then click the Save and Publish buttons 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. 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 at [Online Store Design] > [Design] in the Admin.