Product List Style
eshopland e-commerce platform allows merchants to design the product listing style in the Layout Designer. Users can adjust the product list style to match your shop design.
eshopland offers you high flexibility in shopfront design, make it much easier to build your preferred shop style.
1. Product List Page
Go to Admin Panel > Design > Pages, click “Products” to enter the page.
2. Product List Style
Click Product List Style to enter the setup page.
3. Styling Features
You can design the product listing style of your online shop.
You can preview the styling effect instantly.
You can click “Reset Default” to reset all the Product List Style to the system default settings.
Color to be applied to the whole Product List page.
Color to be applied to the Product List filter, placed on top of the products.
The spacing between products in pixels (px).
When you change the spacing, the size of the product blocks will be auto adjusted.
The background color of the product blocks.
You can simply pick a color or enter a color code to set the background color.
Hover Effect: Enlarge
- Image will enlarge when mouse hover.
Hover Effect: Swap
- Image will swap to the second image when mouse hover.
(To show the swap effect, you are required to add at least two images for the products.)
Hover Effect: Auto-swap
- All product images on the product list will auto-swap according to the set time.
- Auto-swap effect will only be applied to the first two product images.
- Auto-swap set time is counted in second (s).
Font (English & Chinese)
Style of the Prices:
Style of the Tags:
Font (English & Chinese)
Special Offer Tag
Sold Out Tag
Member Price Tag
Save the changes.
You May Also Like
Verifying your shop domain in Meta/Facebook Business Manager through eshopland admin panel to let Meta/Facebook confirm that your own and are connected to your shop domain for business.1. Create a B
Setting low stock threshold allows you to manage your shop’s inventory more efficiently.1. Login and go to the Admin Panel. Click Settings > Inventory. Enable Low Stock Alert.Low Stock Alert – aler
When you have registered for your shop account, you can login to the Admin Panel, follow the steps below to begin your initial shop setup.1. Login and go to the Admin Panel.Click Settings > Genera
On eshopland platform, you can set percentage discount on products from the specified categories. You can also add different terms to the offers to boost sales. The system will auto apply and calcul