Beloria Documentation
  • Welcome
  • Installation
  • Header
  • Footer
  • Shopify apps
    • Boostheme Toolkit app
    • Metafields Guru
  • Static sections
    • Powerful Megamenu
      • Powerful Megamenu(version tf-3.5 or older )
    • Powerful Mobile Megamenu
      • Powerful Mobile Megamenu ( version tf-3.5 or older )
    • Product pages
      • Main product section
      • Main product - Reviews
      • Main product - Tabs
      • Main product - Upsell
      • Main product - Cross-sell
      • Old version ( tf-3.5 or older )
    • Collection pages
      • Version tf-3.5 or older
    • Blog pages
    • Posts
    • Cart page
      • Cross-sell products Section
    • Search result page
    • FAQ
  • Dynamic sections
    • Collection and product
      • Collection filter
      • Collection list
      • Flexible collection list
      • Powerful product block
      • Powerful product block 2
      • Powerful product columns
      • Product single deal
      • Simple product slider
      • Vedette product ( single product )
    • Banner & image
      • Banner creator pro
      • Layer banner
      • Information list
      • Instagram slider
      • Logo list
      • Banner & quotes
    • Text
      • Custom HTML
      • Testimonials
      • Text list
    • Marketing & others
      • Featured blog posts
      • Newsletter
      • Contact us
      • Map
      • Loox widget
      • About us 1
      • About us 2
      • About us 3
  • Theme settings
    • General
    • Collections list page
    • Typography
    • Breadcrumbs
    • Multiple languages
    • Colors & Font sizes
    • Social media
    • Favicon
    • Product settings
    • Product labels
    • Currency
    • Cart
    • Shipping rates calculator
    • Upsell products
    • Cross-sell ( recommendation ) products
    • Recently viewed products
    • Progressive web app
    • Sales notification
    • Search suggestion
    • Newsletter
    • Promotion bar
    • Cookie consent
  • For developer
  • Tips
  • Manage blocks in a section
  • Cross-sell ( recommendation ) rules
  • Change log
  • Upgrade to a new version
    • From versions older than tf-4.0
Powered by GitBook
On this page
  • 1. Open Collection pages section
  • 2. General settings
  • 4. Infinity loading products:
  • 5. Product item settings
  • 6. Filter settings
  • A. Categories
  • B. Option - Colors format ( old name: Filter Item - Colors )
  • C. Price range ( old name: Filter Item - Price range )
  • D. Option - Checkbox format ( old name: Filter Item - Checkboxes )
  • E. Product type
  • F. Brand ( Vendor )
  • G. Metafields
  • H. Average rating

Was this helpful?

  1. Static sections
  2. Collection pages

Version tf-3.5 or older

PreviousCollection pagesNextBlog pages

Last updated 4 years ago

Was this helpful?

1. Open Collection pages section

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit and click Customize.

  3. From the top-bar drop-down menu, select Collection pages.

  4. Click Collection pages.

2. General settings

  • Limit: adjust the number of products per page. If you turn on the infinity loading feature, the Limit is the number of products per one loading time.

  • Show collection image: show/hide the featured image of the collection.

  • Hide collection image in mobile screen: not show the collection image on the mobile screen even the Show collection image setting is ticked.

  • Enable toolbar: show/hide the toolbar.

  • Enable sorting: show/hide the sort select box.

4. Infinity loading products:

By default, the pagination with the numbers will be shown.

If you turn on the infinity loading products feature, the pagination with numbers will be replaced by the load more button or infinity scrolling.

The "Click load more button" checkbox is ticked

The "Scroll to load more button" checkbox is ticked

5. Product item settings

6. Filter settings

  • Enable the filter sidebar: turn on/off the filter sidebar.

  • Enable auto filter feature: turn on/off the auto filter feature.

The auto filter is a new feature that is only available from version 1.3.0. This feature will help you display the filter sidebar in more values without adding product tags for a hundred of products like the old method. Just specify the option name you want to show, all corresponding product option values will be shown.

The auto filter feature can only use for a store that has less than 1000 products. If your store has more than 1000 products, it will be working incorrectly.

Scroll down to the bottom, you will see an Add content button, click this button to add a new filter item. Or you can click one of the available filter items to edit/remove it and drag/drop items to rearrange them.

Our theme provides 4 filter item types: "Filter Item - Colors", "Filter Item - Checkboxes", "Filter Item - Price range", and "Categories". Below are details of 4 filter item types:

A. Categories

  • Enable: show/hide this item.

  • Get data from:

    • Shopify Navigation(link list): use a link list to display as categories.

  • Choose a link list: pick a link list. Only work if the "Get data from" setting is configured to "Shopify Navigation(link list)".

  • Expand/Collapse state: set the default state of the filter item.

B. Option - Colors format ( old name: Filter Item - Colors )

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Color format: specify to display the color swatches in square or circle.

  • Swatch size: adjust the size of all colors.

  • Expand/Collapse state: set the default state of the filter item.

  • Option name: if you turn on the Auto filter feature, you need to add the product option name, something like "Color",... All values of this option name will be shown.

C. Price range ( old name: Filter Item - Price range )

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Keys: add your product tags. Each tag is separated by a comma. Ex: tag1, tag 2, tag 3, ... You should ignore this field if you turn on the Auto filter feature.

  • Expand/Collapse state: set the default state of the filter item.

Note: Always use "$" when typing your tags that contain price. The theme will convert all prices to the currency users are viewing.

D. Option - Checkbox format ( old name: Filter Item - Checkboxes )

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Keys: add your product tags. Each tag is separated by a comma. Ex: tag1, tag 2, tag 3, ... You should ignore this field if you turn on the Auto filter feature.

  • Expand/Collapse state: set the default state of the filter item.

  • Option name: if you turn on the Auto filter feature, you need to add the product option name, something like "Size",... All values of this option name will be shown.

E. Product type

Show all types of all products in the current collection or search result.

Only work when you enable the "Autofilter" feature.

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Expand/Collapse state: set the default state of the filter item.

F. Brand ( Vendor )

Show all vendors of all products in the current collection or search result.

Only work when you enable the "Autofilter" feature.

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Expand/Collapse state: set the default state of the filter item.

G. Metafields

Just specify the namespace and key, the filter block will show all meta field values of all products in the current collection or search result.

Only work when you enable the "Autofilter" feature.

General settings

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Expand/Collapse state: set the default state of the filter item.

Meta field settings

  • Namespace: add your meta field namespace.

  • Key: add your meta field key.

  • Type: let the filter block know the type of your meta field value.

H. Average rating

Show the rating levels.

Only work when you enable the "Autofilter" feature.

  • Enable this filter item: show/hide this item.

  • Label: add the label of the filter item.

  • Show separated line: show the line at the item's bottom.

  • Expand/Collapse state: set the default state of the filter item.

  • The minimum rating to show: adjust the min level to show.

Please refer to for more details.

The collection tree from the Boostheme Toolkit app: choose this option if you want to display the collection tree. You can edit the collection tree by dragging & dropping easily. Please refer to for more details.

All colors in this filter item are configured in Theme settings > Product settings > Custom color codes. Please refer to for more details.

this guide
this guide
this guide