Search Result Page - Widget options

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

    image

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

    image

Widget Options


PRODUCTS DEFAULT LAYOUT

(General)

Description

Portrayal

Title

Customizes the text color of the product title.

image

Description

Customizes the text color of the product descriptions.

image

Product Price

Customizes the color of the product price.

image

Discount Price 

Customizes the color of the discount price.

image

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.

image

Sort by border 

Customize the border color of the Sort by filter

image

Borders

Customize the border color of the navigation tab

image

On-Hover Color


Customizes the background color of the current navigation tab along with the background color of the side filter when hovered over.


image




Main Panel


Customize the background color of the navigation tab.

image

Button Background


Customizes the background color of the on-hover buttons and the filter section buttons on the store.

image

Button Text


Customize the text color on hover buttons and the filter section buttons on the store.

image




Additional Product Field Color


Customizes the text color of the Additional Product Field value

image

On-Hover Borders


Customizes the border colour of the product tile when hovered over.

image

Grid Color                                         

Customizes the color of the grid options.

image

Active Grid Color

Customizes the color of selected layout grid on the search result page.

image

Loader Color

Customize the color of Loader




FILTERS

Description

Portrayal

Titles

Customizes the text color of the filter titles.

image

Filter Value Text


Customizes the text color of filter values

image

Filter Background


Customizes the background color of the filter tabs.

image

Reset Filter Text


Customizes the text color of the reset filters button

image