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.
Learn more about Shopify Filtering: https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters
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
.