The Search addon is designed to help customers quickly find products within your store using a sleek and functional search bar on your EasyStore pages. You can customize the color, placeholder text, icon dimensions, and more to fit your store’s branding. This addon is essential for eCommerce shops, as it streamlines product discovery, enhances navigation, and improves the overall user experience.

Input

Color: You can adjust the color of the search bar using this option.

Background Color: You can adjust the background color of the search bar using this option.

Border: You have the option to adjust the border padding, border type (solid, double, dotted, dashed, groove, ridge, inset, outset) as well as the opacity of the border of the search tab.

Border Radius: Using the slider and adjacent field you can adjust the border radius in pixels.

Typography: You can customize the font type, font size, Line Height, Letter Space, Style, and Weight of the text in the search bar. You can choose the screen type, and set different font settings for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait). SP Page Builder automatically adjusts the typography for responsive design by default. 

Padding: You can also adjust the padding dimensions for the search bar. You can choose the screen type, and set different padding dimensions for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait). SP Page Builder automatically adjusts padding for responsive design by default. 

Icon

Size: You can use the slider or adjacent field to adjust the size of the search icon. You can choose the screen type, and set different dimensions for each screen type (Laptop, Tablet Landscape, Tablet Portrait, Mobile Landscape, and Mobile Portrait).

Color: You can adjust the color of the search icon using this option.

Spacing:  Using the slider or adjacent field, you can adjust the spacing of the icon.

Placeholder

Placeholder: Enter the placeholder text which will be displayed on the search bar.

Color: You can set the color of the placeholder text.