Copy-paste a theme-editor section for content - A responsive grid of collection cards driven by section blocks.
1<div class="gpl-collections" style="--gpl-cols: {{ section.settings.columns }}; --gpl-radius: {{ section.settings.radius }}px;">2 {%- for block in section.blocks -%}3 {%- assign collection = block.settings.collection -%}4 {%- if collection != blank -%}5 <a class="gpl-collections__card" href="{{ collection.url }}" {{ block.shopify_attributes }}>6 {%- if collection.image -%}7 {{ collection.image | image_url: width: 600 | image_tag: loading: 'lazy', alt: collection.title }}8 {%- else -%}9 {{ 'collection-1' | placeholder_svg_tag: 'gpl-collections__placeholder' }}10 {%- endif -%}11 <span class="gpl-collections__title">{{ collection.title | escape }}</span>12 </a>13 {%- endif -%}14 {%- endfor -%}
Full source is for members
One payment - every snippet, guide and bundle