Search
Here you can find the major settings to set up the Search results page.
Last updated
Was this helpful?
Here you can find the major settings to set up the Search results page.
Last updated
Was this helpful?
IMPORTANT! In order to make your Search page more attractive to buyers, add various sections by pressing “Add section”. The theme includes different content sections for a Product page, such as , , ,, , , , , , , , , , , , . How to configure each of them you can read .
In this section, you can decide the “Content width” that should be used on the Search page and can be set as “Boxed” or “Fullwidth”.
The “Products per page” scale from 4 to 24, enables one to set the number of products that will be displayed on a collection page. The default value is set to 12.
Here you can decide whether to enable or disable the filtering functionality by checking the “Enable default filtering” option. Additionaly, you are going to check configurations in Theme settings -> to make sure you figured out the sidebar visibility.
Please note, the sidebar will be displayed on the page once you add the block.
In this subsection, one can configure the general settings regarding the “Filters” block that will be applied for the filters. How to configure the “Filters” block, you can read here.
If you enable the option “Show selected filters counter & button "Reset”, the filter counter and the button “Reset” will be shown for each filter block.
In order to show the number of products available for each product variant in the Sidebar, enable the option “Show the count of products on the filter”.
The option “Hide disabled filters”, enables one to hide out-of-stock product variants or to show them as unavailable.
Once you enable the option “Make availability filter as rounded checkbox”, the “Availability” filters design will be changed from the list to a rounded checkbox.
In the “Price filter type” dropdown, you can apply settings for the price filter visibility whether to show it as “Slider & Inputs”, “Slider” or “Inputs”.
Please note, if the option “Enable legacy method of the currency conversion” is enabled in Theme settings -> Currency, the only option “Slider” can be applied for the price filter.
This subsection enables you to show the “Sort” option “Only on desktop” or “Desktop and mobile”. Customers will be able to sort products on the page by relevance, price ascending, and price descending. You may choose the option “Hide” if you do not want to show the “Sort” option on the search results page.
In this subsection, you can decide if to “Show grid buttons” on desktop and mobile, or disable an option.
The grid view button options will be shown on the search page: 1 product per row, 2 products per row, 3 products per row, 4 products per row, 6 products per row, and a list. You can decide whether all of them, some, or one should be displayed, simply by enabling the “Show button 1-6 items per row” or “Show button “List”.
Product 'List' design
The theme includes two list designs:
VIEW DEMO
If you enable this option, the tooltips will be displayed for the grid buttons on the Search page.
Default products per row (Extra large)
Here you can choose how many products should be displayed on the extra large screen by choosing the proper option from the dropdown list.
Default products per row (Large)
Here you can choose how many products should be displayed on the desktop by choosing the proper option from the dropdown list.
Default products per row (Medium)
Here you can choose how many products should be displayed on the laptop by choosing the proper option from the dropdown list.
Default products per row (Small)
Here you can choose how many products should be displayed on the tablet by choosing the proper option from the dropdown list.
Default view grid (Extra small)
Here you can choose how many products should be displayed on the mobile by choosing the proper option from the dropdown list.
In case you need to show selected filters on desktop, mobile, or both, you may choose one of the options from the dropdown list: “Only mobile”, “Only desktop” or “Desktop and mobile”. Or disable the option by choosing “Hide”.
In this subsection, you can decide whether to display the filter titles in uppercase by enabling the “Uppercase filters section title” option. In order to separate each filter block with the border, tick the “Show filters section border” option.
This is how the Search page may look like when one enables both of these options:
