Support > Design > Product List > Product List Colors & Style

Product List Colors & Style

 

Online Shop Web DesignProduct ListProduct Display

 

The multifunctional web design tools of eshopland ecommerce platform support customizing colors for of the product list, such as the background color of the product list, product display background color, text color, and more. The styling features enable merchants to easily design unique and professional online shops, in order to attract the attention of more potential customers.

 

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, Products In Category and Featured Products webpage design modules.

 

 

3.    Set the Product List Page Colors

 

You can customize the colors of the Product List.

 

 

Background Color:

Background color of the entire Product List Page.

 

 

List Color:

Background color of the Product List.

 

 

Text Color:

The text color of the Product List top filter.

This setting needs to be viewed by visiting the “Product” list page on your online shop.

 

 

The text color for the filter at the top of the Product List has been updated.

 

 

4.    Set the Product Display Blocks Color

 

Background Color:

The background color of the product blocks displayed on the Product List.

You can simply pick a color or enter a color code to set the background color.

 

 

5.    Set the Color and Style of the Product Name

 

Text Color:

The text color of the Product Names on the Product List.

 

Additionally, you can also customize the Font Size, Row Height, Font (English & Chinese), Bold Text and Text Align of the product names.

 

 

6.    Set the Pagination Color

 

Pagination:

The pagination text and background color at the bottom of the Product List.

 

 

7.    Apply

 

Save https://support.eshopland.comhttps://d2aeweyrgxfptr.cloudfront.net/core/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 網店平台-社交媒體店主善用網店賺更多
eshopland 網店平台-網店管理手機 App,所有用戶均可免費任用
eshopland 網店平台-設計網店可用的免費圖庫
eshopland 網店平台-連每一個細節位,都可以任您自主設計
eshopland 網店平台範本-Epsilon
eshopland 網店平台範本-Eta
eshopland 網店平台範本-Theta

You May Also Like

Fixed Price Discount

On eshopland ecommerce platform, merchants can set up promotional discounts to offer fixed-price promotions to customers (e.g. any 3 items for $100) to attract customer purchases. Additionally, you

Navigation and Footer Menus

You can set the Navigator menu bar and Footer menu bar on the eshopland Layout Designer, to the design of your online shop.How to Add Categories onto the Navigation BarHow to set Advance Footer Desi

Split an Order

To enhance the operational flexibility of your online shop, designated service plan users would be able to split orders, in order to fulfill customers’ specified ship requirements or to deal with th

Tiered Membership Offers

The “Professional” plan users of eshopland ecommerce platform can set membership tiers and each tier can offer its own unique privileges in order to promote shop image and boost sales.Tired Membersh

Recommended Articles