Save Big on 4 Premium Themes - Kalles, Ecomus, Unsen, Gecko - 30% OFF! View all discounted items  

Header background

Collection page

Lucy

Written by Lucy

Last updated

333 views

On this page


This document covers how to customize the Collection Page Section, including adding a collection description, expanding filter options, enabling always-visible filters (without using a drawer), and configuring the sidebar to optimize the product browsing experience.

1. Collection description

collectiondes.png

To display the collection description, enable the Show Description Collection option. The content will be pulled from the description you added for the collection in the Shopify admin.

collectiondes1.png

Additionally, you can adjust the position of the description to appear either above or below the products. We also support the Read More option, allowing you to show a shortened version of the description with the ability for customers to expand and read the full text.

2. Filters

2.1 Adding more filter options

In the theme, filters are displayed using the Search & Discovery app. This means the theme only handles the front-end display of filters.

If you want to add or remove filter options, you will need to make these changes directly within the app. The theme will automatically reflect any updates you make there.

filter.png

2.2 Making filters always visible

To make filters always visible, add the Filter block within the Sidebar and disable the Sidebar Drawer option. This will ensure that the filters are displayed permanently on the page, rather than hidden in a collapsible drawer.

You can refer to the video below:

3. Sidebar

You can set the sidebar to be always visible by default or use it as a sidebar drawer that opens when clicked. Within the sidebar, you can add multiple items such as Categories, Filters, Galleries, or other custom blocks depending on your store needs.

sidebar.png

4. Sort by

To change how products are sorted in a collection, you need to update the sort order in the collection settings in Shopify.

5. Color swatches filter

To display color swatch filters, you need to configure the color swatches. Please follow this document.

colorfilter.png

🎁 Exclusive Deals for The4 Customers

EComposer

🎉 EComposer – Free 6-Month Plan

Build landing pages, sales funnels, and more with drag & drop.
The4 users get 6 months free (save $114) on Standard plan.

  • ✅ 300+ templates ready to use
  • ✅ Build any Shopify page
  • ✅ No coding required
🔓 Get 6 Months Free
SectionAI

🤖 EcomRise: Upsell & Bundles

Boost sales effortlessly with product bundles, upsell and cross-sell, buy X get Y, volume discounts

  • ✅ Easy upsell & cross-sell
  • ✅ Works with the latest themes
  • ✅ Trusted by 10k customers
🚀 Get 6 Months Free

Enjoy a free 3-day trial. Then get your first month for $1. Try Now

We uses cookies to ensure you get the best experience on our website.