Collection Page & Filter settings

Collection Page & Filter settings


Collection Page Layout

Navigate to Theme settings > Collection pages settings > Layout.

Grid

There are 3 types of grid: 
  • Normal Grid:

  •  Metro Grid:

  •  Masonry Grid:

Column number

You can choose the number of products per row (column number) from 2 to 6.
Aries only shows 12 products per page, so the number of rows depends on the column number.
Example: if set 6 columns, then it only shows 12/6 = 2 rows.

Collection Slideshow

To add image to Collection Slideshow, navigate to Customize theme > view a Collection page > Sections > Collection Slideshow.



You can disable Collection slideshow in Theme settings > Collection pages settings > Visibility > Hide the top banner.
 

Top bar



You can choose to show all collections or show a menu (from your Shopify navigation). If you want to show custom collections, create a menu in your Shopify navigation to show them.

To disable this top bar, scroll down to find the option in Collection pages settings > Visibility > Hide the top bar.


 

Filter

In Aries, filter is always collapsed. You can select to open filter from top or from sidebar in Theme settings > Collection pages settings > Filter.
To add content to filter, navigate to Customize theme > view a Collection page > Sections > Collection filters.



You can drag and order the filter attribute to change position.

Colors

Color filter made with tags (not variant color), so all value from color filter must exist from product. Example: A product has 2 variants: Black and Blue. You need to add 2 tags Black and Blue in product page.
 


Category 

Category filter shows product types. To show selected types, type the exact product types. 

Vendors

To show selected vendors, type the selected Vendors’ names correctly (eg: “Giorgio Brato”, not “giorgio brato”)

Tags 

Change the tilte of “Other” to “Tags” to display tag style.


NOTE: Filter is a case sensitive. So make sure to type exactly name of tags, colors, vendors..., including uppercase and lowercase.

You can disable Filter in Theme settings > Collection pages settings > Visibility > Hide the filters toggle button.




    • Related Articles

    • Product Page settings

      Global settings Navigate to Theme settings > Product pages settings to customize all product pages. Product Gallery  You can change the position of gallery (top/left/right) in Product page layout.   Product Details Information There are 2 types to ...
    • Other Pages

      About us To create About page, navigate to Shopify admin > Online Store > Pages > Add page. Put your Page Title and Content, and then choose Template suffix (on the right sidebar) as page.about. To customize About page, navigate to Customize theme > ...
    • Product Detail page

      Online Store > Themes > Customize Theme > General Settings tab > Product pages Product Gallery position: You can place it left side, right side or on top of content.   Details Information Togglable Tabs: After choosing Togglable tabs in Product pages ...
    • Product Detail page

      Online Store > Themes > Customize Theme > General Settings tab > Product pages Product Gallery position: You can place it left side, right side or on top of content.   Details Information Togglable Tabs: After choosing Togglable tabs in Product pages ...
    • Collection page and Filter configuration

      Collection/Category page Collection Slideshow: http://take.ms/vop8K Add unlimited content, each slide comes with many options: text color, alignment, heading, subheading, description, button. http://take.ms/3DVkT You can disable collection slideshow ...