Support > Design > 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 網店平台-免費任用 30+ 網店設計範本
eshopland 網店平台-完善雲端訂單管理系統
eshopland 網店平台-快速結帳連結
eshopland 網店平台-簡單易用,自動建店,DIY 都無難度
eshopland 網店平台-送貨必用「順豐自動化」
eshopland 網店平台範本-Iota
eshopland 網店平台範本-Zeta

You May Also Like

Facebook Live and Video

You can add Facebook live streaming and videos onto the eshopland online shop, allowing customers to know more about your brand and products.1. Add a Facebook Live/Video module.Go to Admin Panel >

Admin Panel Color

You can switch the Admin Panel to Light mode or Dark mode at any time, to fit your own preferences.1. Login and go to theAdmin Panel. ClickSettings > General> Others.The Admin Panel Color is in L

Payment Asia Online Payment Gateway

eshopland ecommerce platform integrated with Payment Asia payment gateway system which supports various payment methods such as credit cards, digital wallets and other online payment methods. eshopl

Accept Out-of-stock Orders

eshopland ecommerce platform offers accept out-of-stock orders feature, for merchants to manage inventory flexibly. Customers can still place order on their favourite products even the products are

Recommended Articles