SearchGro: Search & Filter
Polices

Process

How to Add Custom CSS & HTML to Search Results Page in SearchGro
Oct 27, 2025
With the SearchGro app for Shopify, you can use custom HTML and CSS for advanced customization of the Search Results Page, allowing you to create layouts and styles that perfectly match your brand.
Steps to Add Custom Code to the Search Results Page:
- Log in to your Shopify admin and open the SearchGro app from the Apps menu.
- In the SearchGro dashboard, click the Search tab in the left-hand sidebar.
- From the sub-menu, select Search Results Page.
- Click the Custom HTML & CSS tab.
In this section, you will find text areas where you can add your custom HTML and CSS to customize your search results page.
- Custom HTML: Add your custom HTML content here. For example, the default "No Products Found" HTML content is shown.
- Custom CSS: Add your personalized CSS rules here to style the search results page.

Always remember to click Save after adding custom HTML or CSS to apply your changes to the Search Results Page..
Need help?
Click “Help Me” and our chatbot will appear. You can then ask questions or request assistance in real time.
For email support, feel free to reach out to us at support@simprosys.com
SearchGro: Search & Filter
Polices

Process
