The Image Display Options setting on your Shopney Dashboard allows you to adjust how product images appear on your product listing and detail pages. This helps make sure your images look clean and well-scaled, no matter which Shopney theme you use.
By making effective use of Image Display Options, you can:
• Control how product images appear for a polished, professional look
• Pick the best display style for horizontal, vertical, or square photos
• Keep your product pages looking neat and consistent
• Make your store’s visuals match your brand and photography style
Now, let’s take a look at the Image Display Options you can choose from and how to enable them in your Shopney Dashboard!
How will the Image Display Options affect your App?
Product Listing Pages
Please take a look at the example below to see how the currently available Image Display Options affect your app’s Product Listing Pages: Fill (1), Fit (2), and Square (3).
Product Detail Pages
Please take a look at the example below to see how the currently available Image Display Options affect your app’s Product Detail Pages: Fill (1), Fit (2), and Square (3).
1. Fill: This option fills the entire image display area, even if it crops the edges of your product image. As shown in example (1), the display area is fully covered with no empty space.
2. Fit: This option keeps the whole product image visible within the display frame. As shown in the example (2), the full image stays intact without any cropping.
3. Square: This option displays the image in a square frame. As shown in example (3), it works best for images that are not too vertical or horizontal, giving your pages a clean, balanced look.
Now, let’s go through how you can change the Image Display Options settings for your product listing and product detail pages in your Shopney Dashboard.
Changing Image Display Settings for the Product Listing Pages
1- Access the Customization Section
In your Shopney Dashboard, go to the Design section first (1), and click on the Customization tab (2). After that, scroll down to the Collection Page section (3) to find the Image Display Options section (4).
2- Select & Save Image Display Setting
After selecting an Image Display Option setting in the relevant section (1), make sure to save your changes by clicking on the Save & Update button (2).
🛎️ Reminder
You can always preview the image display option setting changes you make by following the guide here. |
Changing Image Display Settings for the Product Detail Pages
1- Access the Customization Section
In your Shopney Dashboard, go to the Design section first (1), and click on the Customization tab (2). After that, scroll down to the Product Page section (3) to find the Image Display Options section (4).
2- Select & Save Image Display Setting
After selecting an Image Display Option setting in the relevant section (1), make sure to save your changes by clicking on the Save & Update button (2).
💡 Tip
You can easily switch between the scaling options and preview your app to see which one looks best. Since each option works better with different product photo styles, a quick trial-and-error check will help you find the perfect fit for your store. |
All done! Now you know how each Image Display Option affects your product images and how to easily switch between them to get the best look for your app.
Need Help?
If you encounter any issues, our support team is here to assist you:
Contact our support team via live chat in your Shopney dashboard.
Visit our Help Center.