Get Started 开始 Mulai Mulakan Bắt đầu

Migrate to SHOPLINE 迁移到SHOPLINE Pindah ke SHOPLINE Berpindah ke SHOPLINE Đồng bộ dữ liệu về SHOPLINE

Your SHOPLINE account SHOPLINE账户 Akun SHOPLINE Anda Akaun SHOPLINE anda Tài khoản SHOPLINE của bạn

Orders 订单 Pesanan Pesanan Đơn hàng

Products 商品 Produk Produk Sản phẩm

Customer 客户 Pelanggan Pelanggan Khách hàng

Marketing 营销 Marketing Marketing Marketing

Analytics 分析 Analitik Analitis Phân tích & Báo cáo

Apps 相关应用 Aplikasi Apps Ứng dụng

One page shop 一页商店 One page shop One page shop Cửa hàng một trang

Setting 设置 Pengaturan Tetapan Cài đặt

Product List Page Filter Settings

When designing the store layout, you can add the filters for the product list page to assist product search in the online store. There are three types of filters: Subcollection/Subcategory, Tag Filter, and Menu Column. 

1. Applicable themes

Impress, Bloom, Bobo, Deck, Simcoe, Casual, Expect

Note: If the "Product Filters and Color Swatch" app is installed and the display configuration is enabled, the tag filter will be overridden by the settings in the app.


2. View at the storefront



3. Setup Instructions

Go to [Online Store] > [Design], click on Design to enter the theme editing page. Select "Collections" at the top of the page, then click Side column filter > Subcollection.

i. Subcollection / Subcategory 

The subcollection component shows the categories at different levels, which is auto-generated from the Main Menu in the Menu Navigation of SHOPLINE Admin.
To show multiple levels of category, you need to configure both the second-level menu and the third-level menu as product categories in this menu.
For example
First level
Second level 
Third level
WOMEN'S (Category)
Jackets (Category)
Shirts (Category)
MEN'S (Category)
Jackets (Category)
Shirts (Category)
PACKS & GEAR (Category)
Wallets (Category)
Bags (Category)
Accessories (Category)
HOME (Category)
Furniture (Category)
Lighting (Category)
Textiles (Category)
Tableware (Category)

You can edit the head menu title in [Online Store] > [Navigation]. Click on any category menu to view the same-level category and subcategory. You can configure the number of products under the category and location to display.


Click Finish at the bottom left corner of the page, and click Save at the top right corner. 


ii. Tag filter

The tag filter is contributed by product tags. Customers can select single or multiple tags to quickly search products. To use this filter, please tag products beforehand. You can tag products according to seasons, styles, and texture.


On the theme editing page, select "Collections" at the top of the page, then click Side column filter. Select or add the Tag filter component. Select all tags or specified product tags to display to suit your needs.


After configuring the tags, you can preview the webpage on the right of the editing page.
Note: The tags on the product list page will only show the tags for the current product list. Tags that do not match the current product will not be shown.
Click Finish at the bottom left of the page, and click Save at the top right of the page.

iii. Menu column

The menu column is very useful content. You can set up a navigation menu based on the store Admin, then display various menu levels on the store webpage. 

In the "Collections" tab, click add content and select menu column. Select a navigation menu and you can view the display result on the right of the editing page. 


Click Finish at the bottom left corner of the page, and click Save at the top right.