Adding a Section
The section is static on the Search page template, it was added initially and cannot be removed.
Heading - the setting allows you to set the heading;
Show color swatch in filters - the setting allows you to show or hide a color swatch in filters;
Show grid button - the setting shows the user grid selection buttons where they can choose to display 3 or 4 cards in a row;
Filters type - the setting allows you to choose the location of filters on the search page, there are two options horizontal or in the drawer;
Paginate by - the setting allows you to specify the number of results in the search sidebar;
Pagination type - the setting allows you to select the type of pagination. Has several meanings:
Pagination - default pagination of elements;
Load more - loading a group of elements on a button click;
Infinite scrolling - loading elements on scroll.
Enable products colored background - a setting that enables a custom background color and text color for product cards;
Product cards background - default card background color;
Product cards color - default card text color;
Make full width - if disabled - container width will be set based on the group 'Layout' settings in the Theme settings;
Desktop offset top - the top indent of the section on the desktop;
Desktop offset bottom - the bottom indent of the section on the desktop;
Mobile offset top - the top indent of the section on the mobile;
Mobile offset bottom - the bottom indent of the section on the mobile.
When you change the color of the text, you may encounter a situation where in Select sorting the color of the icon does not change.
This happens because the icon is added with a picture. To change the color of the icon, you need to go to Edit code → Assets → icon-select.svg and delete the current icon, then add a new one with the desired color. The main condition is that it has the same name - icon-select.svg.
Learn more about Shopify Filtering:
