Copy-paste a theme-editor section for headers & navigation - Full-width collection banner with image, title and product count - top of every collection page.
New arrivals
The latest drops, all in one place
42 products
1<div class="gpl-colhero{% if section.settings.overlay %} gpl-colhero--overlay{% endif %}">2 {%- if section.settings.image or collection.image -%}3 {{ section.settings.image | default: collection.image | image_url: width: 1600 | image_tag: class: 'gpl-colhero__img', loading: 'eager' }}4 {%- endif -%}5 <div class="gpl-colhero__body">6 <h1 class="gpl-colhero__title">{{ section.settings.title | default: collection.title }}</h1>7 {%- if collection.description != blank -%}8 <p class="gpl-colhero__desc">{{ collection.description | strip_html | truncate: 140 }}</p>9 {%- endif -%}10 {%- if collection.products_count -%}11 <p class="gpl-colhero__count">{{ collection.products_count }} products</p>12 {%- endif -%}13 </div>14</div>
Full source is for members
One payment - every snippet, guide and bundle
