Would you consider removing that search bar entirely, whether or not the search result comes from clicking on an image or a normal search result, and just using the one on the navigation bar?
Topic summary
Goal: Link gallery images to tag-based search results and show matching products without exposing the on-page search bar that reveals the tag.
Context: Images are on a dedicated page (not the homepage). Creating a separate collection per image is not feasible. Customer search must remain available elsewhere on the site.
Solution proposed: Hide the search form on the search results template with CSS:
- CSS (Cascading Style Sheets) code:
.template-search__search { display: none; } - The selector targets the search form element on the search results page, removing it from view while keeping results visible.
User experience: Visitors can still search via the navigation bar’s search, preserving consumer search functionality.
Outcome: The CSS approach was accepted as the solution. A follow-up asked if everything is working as intended, suggesting resolution.
Notes: The single CSS snippet is central to the fix. No other structural changes (like creating collections) were required.