You can customize how to display product details, the categories/pages section, and other elements of the Search Result Widget, enable/disable the features of the widget: option swatches, additional buttons, infinite scrolling, etc.
To do so is possible, adjusting in the Searchanise (Smart Search Bar & Filters) control panel > Search & Navigation > Search results widget section > Content tab.
In this article, we would like to clarify how each setting affects the content of the Search Results Widget for Shopify, BigCommerce, WooCommerce, Magento 1, and Magento 2. If you have a store on the Wix platform, you can find a similar article here.
Content settings description
| Setting | Description |
|---|---|
| Search results page | |
| Search results page title | This setting is available only on Shopify. Changes the title of the search results page. |
| Filters position | Allows you to choose either show filters at the top of the page or on the left-hand side. This setting is available if the Big Pictures template is set in the Template & Colors tab. |
| Show filters in sidebar | Allows you to show filters on the left-hand side. This setting is available if the Modern or Big Pictures Legacy templates are set in the Template & Colors tab. |
| Show filters top section | Allows you to show filters at the top. This setting is available if the Modern or Big Pictures Legacy templates are set in the Template & Colors tab. |
| Products per page | Sets the maximum number of products displayed per page. |
| Default view | Sets the default view mode for the search results in the Products section: grid or list. If the Modern or Big Pictures Legacy template is set in the Colors tab, this setting applies to the widget on desktop and mobile devices. If the Big Pictures template is set in the Template & Colors tab, this setting applies to the widget on desktop devices only. |
| Products per row for grid view on desktop | Sets the number of products per row for the grid view on desktop devices. This setting is available if the Big Pictures template is set in the Template & Colors tab. |
| Default mobile view | Sets the default view for the search results in the Products section on the mobile devices. This setting is available if the Big Pictures template is set in the Template & Colors tab. |
| Default sorting | Sets the default sorting of the search results in the Products section. Changing the sorting, please note that low-relevance products may be displayed first if the default sorting value differs from Relevance. |
| Display option swatches | This feature is available only on Shopify and BigCommerce. The Option Swatches feature allows browsing and selecting product variants on the search results page and quick view. The swatches are shown for size and color variations. A drop-down list is offered for other variations or if some of the colors are not assigned to color families. If the Show relevant product variant option is enabled in the Search & Navigation > Preferences section > Products tab, product variants relevant to the search query will be preselected. Otherwise, product variants will be preselected according to the Display price format setting in the Search & Navigation > Preferences section > Products tab. |
| Color option view | This feature is available only on Shopify and BigCommerce, and it is shown only if the Display option swatches setting is enabled. It has 2 variations:
|
| Default product image | This feature is available only on Shopify and BigCommerce, and it is shown only if the Display option swatches setting is enabled. It has 2 variations:
|
| Products | |
| Show price | Displays the product price in the product cards. |
| Show compare at price (Shopify) Show list price (WooCommerce) Show original price (Magento) Show retail price (BigCommerce)
| Shows the discounted price next to the original one. |
| Show button | Displays a button in the product cards. It shows on mobile and desktop devices. It shows on desktop devices when the mouse pointer hovers over a product card. There are the following options:
Quick view is available only on Shopify and BigCommerce. |
| Show SKU | Displays SKU (the product code) in the product cards. |
| Additional product fields | Displays the selected additional product field in the product cards. You can set a label for the field in the Translations & Texts section > Search Results Widget tab > Additional product field text box. |
| Flip images on hover | This setting is available only on Shopify, BigCommerce, and WooCommerce. Switches product image from the main one to the one uploaded second when the mouse pointer hovers over the product card. |
| Max title strings | Sets the maximum number of strings displayed in the product title in the product cards for the grid view. |
| Max description strings | Sets the maximum number of strings displayed in the product description in the product cards. |
| Other | |
| Show categories images | Displays the category (collection) images in the search results in the Categories section. |
| Categories per page | Sets the maximum number of categories (collections) displayed per page in the Categories section. |
| Show pages images | Displays the page images in the search results in the Pages section. |
| Pages per page | Sets the maximum number of pages displayed per page in the Pages section. |
Adjust the content of the widget
Steps:
- Go to the Searchanise (Smart Search Bar & Filters) control panel > Search & Navigation > Search results widget section > Content tab.
- Adjust the settings.
- Apply the changes.