Support > Design > Product List > Category List Style

Category List Style

 

When you design your online shop website, adding an All Categories & Products module on the page or select the All Categories & Products style on the “Products” page and add your own design on the category list; can allow visitors to browse your products by categories conveniently and project a unique style of your website design.

 

Note: Before designing on the category list, you must add product categories first.

 

 

1.    The “Products” Page

 

Go to Admin Panel > Design > Pages,

click “Products” to enter the page.

 

 

2.    Category List Style

 

Click to enter the Category List Style setup page.

 

 

3.    Styling Features

 

You can design the product listing style of your online shop.

You can preview the styling effect instantly.

The Category List Style will be auto applied onto the All Categories & Products module.

 

You can click “Reset Default” to reset all the Category List Style to the system default settings.

 

 

Category List:

Top Margin

Adjust the top margin of the Category List to align with the product list.

 

 

After changing the background color of the “All Categories & Products” module, the “Category List” position may appear too high or too low.

 

 

Background Color

Color to be applied to the whole Category List page.

 

 

Category Title:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Categories:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Price Range:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Sort by:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

Clear All Filters:

Text Color

Font Size

Bold Text

Row Height

Font Style (English & Chinese)

 

 

4.    Apply the Updates

 

Save  the changes.

 

eshopland - NGO Offer
eshopland - Start free trial now
eshopland 14-day free trial
No credit card required
eshopland 剖析電商必學的折扣策略
eshopland 教您如何挑選網店網域後綴
eshopland 網店平台-低成本開網店創業
eshopland 網店平台-社交媒體店主也應該開網店
eshopland 網店平台-轉平台首選
eshopland 網店平台-連每一個細節位,都可以任您自主設計
eshopland 網店平台範本-Nu
eshopland 網店平台範本-Zeta

You May Also Like

Live Stream Auto Order Overview

To meet the growing demand for “Live Stream Commerce”, eshopland online shop platform has launched a Facebook and Instagram live stream auto order feature, allowing merchants to automatically receiv... [read more]

eBuy.mo Macau

To facilitate merchants in handling orders from Macau, eshopland ecommerce platform has integrated with eBuy.mo. Merchants can add eBuy.mo as a shipping method for the online shop, allowing Macau cu... [read more]

Product Highlights

The “Product Highlights” module on eshopland ecommerce platform is equipped with multi-functions for adding image, title, description and link for the highlighted products. You can also make photo ... [read more]

Social Media Links

eshopland allows you to add social media link icons onto the footer of your online shop webpage. Connect your social media accounts with your online shop can enhance promotional results and boost sa... [read more]

Recommended Articles