Customization of content in Search Results Widget

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 & Filter) control panel > 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
General
Display option swatches This feature is available only on Shopify.

The Option Swatches feature allows browsing and selecting product variants on the search results page. 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 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 Preferences section > Products tab.

Infinite/endless
scrolling
This feature is an alternative to regular pagination and has 2 variations:

  • With Show Button option – the Show more button is added underneath the product grid or list. Clicking it loads additional products.
  • Without Show more button – additional products are loaded automatically as your customers scroll down.

This setting is set to Disabled by default.

Search results page title This setting is available only on Shopify.

Changes the title of the search results page.

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.
Displays SKU (the product code) in the product cards.
This setting is available only on Shopify and BigCommerce.

Switches product image from the main one to the one uploaded second when the mouse pointer hovers over the product card.

Products per page Sets the maximum number of products displayed per page.

Sets the maximum number of strings displayed in the product title in the product cards for the grid view.
Sets the maximum number of strings displayed in the product description in the product cards.
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 Colors tab, this setting applies to the widget on desktop devices only.

Products per row 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 Colors tab.

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 Colors tab.

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:

  • View productopens the product page as clicking anywhere on a product card would. It is more of a call to action.
  • Add to the cardadds a product to the cart.
  • Quick viewopens the Quick view pop-up window with product details.

Quick view is available starting from PRO subscription plans and only on Shopify and BigCommerce. It also works only on desktop devices. On mobile devices, the View product button will be displayed.

Display additional
product field
Displays the selected additional product field in the product cards. You can set a label for the field in the Translations section > Search Results Widget tab > Additional product field text box.
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.

Categories
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.
Pages
Show 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:

  1. Go to the Searchanise (Smart Search & Filter) control panel > Search results widget section > Content tab.
  2. Adjust the settings.
  3. Apply the changes.

FAQs

  1. How to hide product prices?
  2. How to display original prices without discounts?
  3. How to hide the categories section?
  4. How to display SKU?
  5. How to display big images?
  6. How to speed up the widget?
  7. How to change the number of products per row?
  8. How to display top/side filters only?
  9. How to switch off traditional pagination?
  10. How to show product brands?
Enjoying your experience with Searchanise?

We’d appreciate it if you could take some time to leave a review. To do so, follow the link to your respective platform below:

Updated on April 5, 2022

Was this article helpful?

Related Articles

Need Support?
Can't find the answer you're looking for?
Contact Support
Back to top