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.
When you update and save the style, the new style will be auto applied to the All Product List Module, All Categories & Products and Products In Category modules.
You can click “Reset Default” to reset all the Product List Style to the system default settings.
Page:
Background Color
Color to be applied to the whole Product List page.
Text Color
Color to be applied to the Product List filter, placed on top of the products.
Product Display:
Spacing
The spacing between products in pixels (px).
When you change the spacing, the size of the product blocks will be auto adjusted.
Background Color
The background color of the product blocks.
You can simply pick a color or enter a color code to set the background color.
Product Image:
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).
Product Name:
Font Size
Row Height
Text Color
Font (English & Chinese)
Bold Text
Text Align
Style of the Prices:
Font Size
Row Height
Text Color
Font
Bold Text
Text Align
Regular Price
Original Price
Special Price
Member Price
Style of the Tags:
Background Color
Text Color
Font (English & Chinese)
Rounding
Bold Text
Font Size
Pre-order Tag
Special Offer Tag
Sold Out Tag
Limited-Time Tag
Member Price Tag
Pagination
Text Color
Background Color
Save 
the changes.
Popular Articles
You May Also Like
Carousel
When you are working on your webpage design on eshopland, you can add a carousel (slider) module onto your online shop webpage, to attract customers’ attention, get more web traffic and effectively
Fixed Amount Discount on Entire Order
On eshopland ecommerce platform, you can offer fixed amount discount to boost sales. You can also add different terms to the deals and offers to match your business strategy. The system will auto ap
Adding Other Users
eshopland ecommerce platform supports managing your online shop by multiple users, allows you to expand your business at any time. The shop owner can invite new staff members to become the shopkeep
Membership Points System Settings
On eshopland e-commerce platform, merchants can establish a membership rewards points program for their online shop, which helps incentivize customers to make continuous purchases in order to earn
