Support > Design > Product List > Enlarge or Swap Product Images

Enlarge or Swap Product Images

 

Online Shop Web DesignProduct ListProduct Display

 

Merchants can utilize the multifunctional web design tools of eshopland ecommerce platform to customize how product images are displayed on the product list. For example, when hovering over images on the product list, they can be set to enlarge or swap; or even can schedule automatic image rotations to enhance the visual appeal of the webpages.

 

For more details on designing the product list, please refer to the introduction in Product List Style.

 

1.    Product List Page

 

Go to Admin Panel > Design > Pages,

click “Products” to enter the Product List page.

 

 

2.    Product List Style

 

Click Product List Style to enter the Product List design setting page.

When you update and save the style, the new style will be automatically applied to the All Product List Module, All Categories & Products and Products In Category webpage design modules.

 

 

3.    Set the Product Image

 

You can customize how the product images are displayed on the product list.

 

 

Hover Effect: Enlarge

When customers interact with the product list by moving the mouse cursor over the product images, the images will slightly enlarge to enhance the visual effect during interaction.

 

 

Hover Effect: Swap

When customers hover over a product image, the image will switch to the second image.

 

Merchants must add a minimum of two images for each product to showcase the image swapping effect.

 

 

Hover Effect: Auto-swap

All product images on the Product List will automatically swap according to a set time interval.

The automatic carousel image swapping feature will only apply to the first two images of each product.

Merchants must add a minimum of two images for each product to showcase the image swapping effect.

The time interval for the automatic swapping is set in seconds (s).

 

Example:

Setting the auto-swap time to “5s” means that all images on the Product List will automatically swap every 5 seconds. Products with only one image will not undergo any changes in display.

 

 

4.    Apply

 

Save https://support.eshopland.com/webcontent/shop_data/shop_1/images/article/129/zh-Hant/image008.png the settings.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland 網店平台-後台落單功能
eshopland 網店平台-會員積分獎賞 points rewards,電子禮券 e-coupons「購物金」
eshopland 網店平台-模塊式網頁設計
eshopland 網店平台-轉平台首選
eshopland 網店平台範本-Delta
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Nu
eshopland 網店平台範本-Zeta

You May Also Like

Product Page Tags Style

The web design tools of eshopland ecommerce platform provide merchants with great design flexibility, allowing users to freely customize the style of the product pages. For example, merchants can cu

Single Product Page Style

eshopland e-commerce platform allows merchants to customize the style of your online shop product pages. To best fit your brand image and design concepts, you can adjust the style of the page backgr

Free Shipping on Entire Order

On eshopland ecommerce platform, you can waive free shipping charges for customers. You can also add different terms to the deals and offers to match your business strategy. The system will auto app

Tracking Tools – Google Analytics

On eshopland platform, you can add Google Analytics to track the page traffic, visitors, sessions and other customer behaviors on your online shop.1. Sign in Google AnalyticsYou are required to Crea

Recommended Articles