The glaze is even nicer in person. It has become the mug everyone reaches for first.
` | | | `name` | `text` | Name | Jamie R. | | | `role` | `text` | Role or location | Portland, OR | | | `rating` | `select` | Star rating | 5 | `0`, `1`, `2`, `3`, `4`, `5` | | `avatar` | `image_picker` | Photo | – | | | `product_label` | `text` | Product label | – | | | `product_url` | `url` | Product link | – | | ## Kurulum ### Shopify yönetim panelinde 1. Canlı temanızda değil, bir kopyasında çalışın: Shopify yönetim panelinde **Online Mağaza > Temalar** sayfasına gidin, mevcut temanızın **…** menüsünü açın ve **Kopya oluştur**’u seçin. 2. Kopyada **…** menüsünü açın ve **Kodu düzenle**’yi seçin. 3. `sections` klasörüne `lib-testimonials.liquid` adında yeni bir dosya ekleyin, aşağıdaki kaynak koddan `sections/lib-testimonials.liquid` içeriğini yapıştırıp kaydedin. 4. `lib-image.liquid` ve `lib-button.liquid` dosyalarını da aynı şekilde `snippets` klasörüne ekleyin. Başka bir Lib bölümünden gelen aynı adlı bir snippet zaten varsa aynı dosyadır; tek kopya yeterli. 5. Kopyada **Özelleştir**’i açın, **Bölüm ekle**’yi seçin ve **Lib · Testimonials** bölümünü ekleyin. Örnek içeriği kendi içeriğinizle değiştirin, renkleri ayarlayın. 6. Kopyayı önizleyin, her şey doğru göründüğünde yayınlayın. ### Shopify CLI ile Yerel tema klasörünüzde dosyaları indirin ve yalnızca bunları yayında olmayan bir temaya gönderin (temanın kimliğini `shopify theme list` gösterir): ```sh curl -fsSL -o sections/lib-testimonials.liquid https://lintelagency.com/resources/shopify-sections/files/lib-testimonials.liquid curl -fsSL -o snippets/lib-image.liquid https://lintelagency.com/resources/shopify-sections/files/lib-image.liquid curl -fsSL -o snippets/lib-button.liquid https://lintelagency.com/resources/shopify-sections/files/lib-button.liquid shopify theme push --theme{{ s.summary | escape }}
{%- endif -%} {%- if s.text != blank -%}{{ b.quote }}
The glaze is even nicer in person. It has become the mug everyone reaches for first.
" }, { "type": "text", "id": "name", "label": "Name", "default": "Jamie R." }, { "type": "text", "id": "role", "label": "Role or location", "default": "Portland, OR" }, { "type": "select", "id": "rating", "label": "Star rating", "options": [ { "value": "0", "label": "No stars" }, { "value": "1", "label": "1 star" }, { "value": "2", "label": "2 stars" }, { "value": "3", "label": "3 stars" }, { "value": "4", "label": "4 stars" }, { "value": "5", "label": "5 stars" } ], "default": "5" }, { "type": "image_picker", "id": "avatar", "label": "Photo", "info": "Optional. Without a photo, the initials of the name are shown." }, { "type": "text", "id": "product_label", "label": "Product label", "info": "Optional, for example the product they bought." }, { "type": "url", "id": "product_url", "label": "Product link", "visible_if": "{{ block.settings.product_label != blank }}" } ] } ], "presets": [ { "name": "Lib · Testimonials", "blocks": [ { "type": "quote", "settings": { "quote": "The glaze is even nicer in person. It has become the mug everyone reaches for first.
", "name": "Jamie Rowe", "role": "Portland, OR", "rating": "5", "product_label": "Speckled stoneware mug" } }, { "type": "quote", "settings": { "quote": "I ordered the linen throw on a Monday and it was on my sofa by Thursday. Soft from the first wash, and it has only got better.
", "name": "Priya Nair", "role": "Austin, TX", "rating": "5", "product_label": "Washed linen throw" } }, { "type": "quote", "settings": { "quote": "Lovely candles with a clean, slow burn.
", "name": "Tom", "role": "Repeat customer", "rating": "4" } }, { "type": "quote", "settings": { "quote": "One of the bowls arrived chipped. I sent a photo and a replacement was sent the same day, no questions asked. That is why I keep coming back.
", "name": "Elena Martín", "role": "Chicago, IL", "rating": "5" } }, { "type": "quote", "settings": { "quote": "Heavier and better made than I expected for the price. The colors match the photos.
", "name": "Marcus Lee", "role": "Seattle, WA", "rating": "5", "product_label": "Oak serving board" } }, { "type": "quote", "settings": { "quote": "Gift-wrapped beautifully. My sister loved her vase.
", "name": "Hannah Brooks", "role": "Denver, CO", "rating": "5" } } ] } ] } {% endschema %} ``` ### snippets/lib-image.liquid ```liquid {%- comment -%} MIT License · (c) 2026 Lintel · https://lintelagency.com/resources/shopify-sections {%- endcomment -%} {% doc %} Responsive image with optional art direction: a separate mobile image (below 750px), each honouring its own focal point from the theme editor. Falls back to a placeholder. @param {image} [image] - Desktop image (also used on mobile when no mobile image is set) @param {image} [image_mobile] - Mobile image, below 750px @param {string} [class] - Class for the img element @param {string} [sizes] - sizes attribute for the desktop image (default 100vw) @param {boolean} [eager] - Load immediately with high fetch priority (use for the first sections on a page) @param {string} [placeholder] - placeholder_svg_tag name when no image is set (default 'lifestyle-1') @example {% render 'lib-image', image: section.settings.image, image_mobile: section.settings.image_mobile, class: 'lib-hero__img', sizes: '(min-width: 990px) 50vw, 100vw', eager: true %} {% enddoc %} {%- liquid assign desktop = image if desktop == blank assign desktop = image_mobile endif assign img_sizes = sizes | default: '100vw' assign img_loading = 'lazy' assign img_priority = 'auto' if eager assign img_loading = 'eager' assign img_priority = 'high' endif assign art = false if image != blank and image_mobile != blank assign art = true endif -%} {%- if desktop != blank -%}