Removing search options from storefront
Product Search allows your customers to quickly find products in your store by their names, description or SKU. If your catalog is rather small or you have hidden some products in your catalog, you may want to hide the search box in your Ecwid store.
Hiding product search panel
To remove the search option from your store, follow the instructions for your sitebuilder:
To hide the built-in product search in Instant Site:
- Open Ecwid control panel → Design.
- Click Edit Theme. If you do not have your own theme there yet, click Create Theme, then click Add new CSS theme.
- Add this CSS code to your store theme:
.search-icon {
display: none;
}
- Activate the theme and save the changes.
Learn more about adding CSS codes to your Ecwid store.
To remove the store’s search on a Wix site:
- Open your site in Wix editor.
- Choose the store page from the Page dropdown in the top-left corner in the header.
- Click on the store’s search box in the page preview to select this element:
- Remove it using the Delete button on your keyboard.
- Save and publish the page changes.
If you’ve added Ecwid to your Wordpress site with the help of Ecwid plugin, you can remove the store’s search widget from a Wordpress site in the following way:
- Go to Wordpress admin area and click Pages.
- Open the page where your Ecwid store is located and disable the toggle for the Display search box setting in the Block → Store navigation:
If you are using the search widget in a sidebar or a footer of your Wordpress site, you can remove the product search widget there via the Wordpress admin back-end → Appearance → Widgets section:
You might have also integrated your store’s search with the site’s search. Disable this integration in Wordpress admin back-end → Ecwid → Advanced in order to exclude products from the site’s search results.
Hiding search icon in the bottom navigation menu
If you are using product filters in your store, the link to the search page will appear in the store bottom navigation menu:
To hide the Search Products link in the store’s bottom navigation menu:
- Open Ecwid control panel → Design.
- Click Edit Theme. If you do not have your own theme there yet, click Create Theme.
- Copy this CSS code:
a.ec-link.ec-link--muted.link--icon-top.footer__link--all-products {
display: none;
}
- The following step may vary depending on where you sell.
- If you sell on New-Gen Instant Site, you will be redirected to the Instant Site Editor. Paste your code to the Custom CSS Code field.
- If you sell on the original version of Ecwid Instant Site, WordPress, Wix, or any other custom website, on the opened page, click Add new CSS theme and paste your CSS code to the field or add new CSS code to your existing theme. Click Activate link on the right to apply this theme to your storefront.
- Save the changes.
Learn more about adding CSS codes to the store theme.
Related articles
Adding a search box to your Ecwid store
Adding search to your Ecwid store on Wix
Customizing the search box