Search Result Page - Widget options

Jun 12, 2025

Integrating widget options on your search result page can greatly improve the user experience and boost engagement on your e-commerce site. By giving merchants more control and relevant details, you can boost conversion rates, build customer loyalty, and ultimately, expand your business.

To change widget colors, follow these steps:

1. Open Search7: Smart Search & Filter app and go to Search >> Search Result Page

Enter a hex color in a Color Palette field, or use a color-picker next to the necessary element.

Widget Options

PRODUCTS DEFAULT LAYOUT (General)	Description	Portrayal
Title	Customizes the text color of the product title.
Description	Customizes the text color of the product descriptions.
Product Price	Customizes the color of the product price.
Discount Price	Customizes the color of the discount price.
Default Navigation	Customizes: The color of the present navigation tab. The text color for the search results title. The text color for the product view type icons.
Sort by border	Customize the border color of the Sort by filter
Borders	Customize the border color of the navigation tab
On-Hover Color	Customizes the background color of the current navigation tab along with the background color of the side filter when hovered over.

Main Panel	Customize the background color of the navigation tab.
Button Background	Customizes the background color of the on-hover buttons and the filter section buttons on the store.
Button Text	Customize the text color on hover buttons and the filter section buttons on the store.

Additional Product Field Color	Customizes the text color of the Additional Product Field value
On-Hover Borders	Customizes the border colour of the product tile when hovered over.
Grid Color	Customizes the color of the grid options.
Active Grid Color	Customizes the color of selected layout grid on the search result page.
Loader Color	Customize the color of Loader

FILTERS	Description	Portrayal
Titles	Customizes the text color of the filter titles.
Filter Value Text	Customizes the text color of filter values
Filter Background	Customizes the background color of the filter tabs.
Reset Filter Text	Customizes the text color of the reset filters button

Search7: Smart Search & Filter