Collection/Category page & Filter Configuration

Collection/Category page & 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 in Collection/Category Settings.

 

  • Collection/Category Settings:

Online Store > Themes > Customize Theme > General Settings tab > Collection/Category Settings.


 

There are 3 kinds of grid:

  • Normal Grid:


 

  • Metro Grid:


 

  • Masonry Grid:



 

  • Other settings:


http://take.ms/bGCoI

 

 


 

Filter

Online Store > Themes > Customize Theme > Collection/Category page > Sections > Collection Filters

 


http://take.ms/0pJbF

 

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

Note:

  • Type right Vendors’ names (eg: “Giorgio Brato”, not “giorgio brato”)

  • 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.

 


http://take.ms/Jl8Tj

 

  • You’re limited 1/1 block  for filter by: Vendors, Category, Colors. But unlimited with filter by Other.

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


http://take.ms/A6sl9


    • Related Articles

    • 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. ...
    • 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 ...
    • 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 ...
    • 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 ...