Copy-paste a theme-editor section for content - Side-by-side image panels that expand on hover - a premium lookbook pattern that photographs beautifully.
New in
Bestsellers
Sale
1<div class="gpl-acc2">2 {%- assign rows = section.settings.items | newline_to_br | split: '<br />' -%}3 {%- for row in rows -%}4 {%- assign parts = row | strip | split: '|' -%}5 <div class="gpl-acc2__panel" data-panel>6 {%- if section.blocks[forloop.index0].settings.image -%}7 {{ section.blocks[forloop.index0].settings.image | image_url: width: 800 | image_tag: class: 'gpl-acc2__img', loading: 'lazy' }}8 {%- endif -%}9 <div class="gpl-acc2__body">10 <p class="gpl-acc2__label">{{ parts[0] | strip }}</p>11 <p class="gpl-acc2__cap">{{ parts[1] | strip }}</p>12 </div>13 </div>14 {%- endfor -%}
Full source is for members
One payment - every snippet, guide and bundle