Copy-paste a theme-editor section for headers & navigation - A big centered search box with trending searches - put discovery front and center.
What are you looking for?
1<div class="gpl-search">2 <h2 class="gpl-search__heading">{{ section.settings.heading }}</h2>3 <form action="{{ routes.search_url }}" method="get" class="gpl-search__form" role="search">4 <input type="search" name="q" placeholder="Search products…" class="gpl-search__input">5 <button type="submit" class="gpl-search__btn" aria-label="Search">🔍</button>6 </form>7 {%- assign chips = section.settings.chips | split: ',' -%}8 <div class="gpl-search__chips">9 {%- for chip in chips -%}10 <a href="{{ routes.search_url }}?q={{ chip | strip | url_encode }}" class="gpl-search__chip">{{ chip | strip }}</a>11 {%- endfor -%}12 </div>13</div>14
Full source is for members
One payment - every snippet, guide and bundle
