Share your brand's story, a care note or a short introduction to a collection. Text keeps a comfortable reading width on every screen.
` | | | `text_size` | `select` | Text size | medium | `small`, `medium`, `large` | ### Buttons (`buttons`, up to 2) | ID | Type | Label | Default | Options or range | | --- | --- | --- | --- | --- | | `button_label` | `text` | First button label | Shop the collection | | | `button_url` | `url` | First button link | – | | | `button_style` | `select` | First button style | primary | `primary`, `outline`, `text` | | `button_new_tab` | `checkbox` | Open first link in a new tab | `false` | | | `button2_label` | `text` | Second button label | – | | | `button2_url` | `url` | Second button link | – | | | `button2_style` | `select` | Second button style | text | `primary`, `outline`, `text` | | `button2_new_tab` | `checkbox` | Open second link in a new tab | `false` | | ## Install ### In Shopify admin 1. Work on a copy, not your live theme: in Shopify admin go to **Online Store > Themes**, open the **…** menu on your current theme and choose **Duplicate**. 2. On the copy, open the **…** menu and choose **Edit code**. 3. In the `sections` folder, add a new file named `lib-rich-text.liquid` and paste the contents of `sections/lib-rich-text.liquid` from the source below. Save. 4. In the `snippets` folder, add `lib-image.liquid` and `lib-button.liquid` the same way. If a snippet is already there from another Lib section, it is the same file; keep one copy. 5. Open **Customize** on the copy, choose **Add section** and pick **Lib · Rich text**. Replace the sample content with your own and set the colors. 6. Preview the copy, then publish it when it looks right. ### With Shopify CLI From your local theme folder, download the files and push only them to an unpublished theme (find its ID with `shopify theme list`): ```sh curl -fsSL -o sections/lib-rich-text.liquid https://lintelagency.com/resources/shopify-sections/files/lib-rich-text.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{{ b.text | escape }}
{%- endif -%} {%- when 'heading' -%} {%- if b.heading != blank -%} {%- assign tag = b.heading_tag | default: 'h2' -%} <{{ tag }} class="lib-rich-text__heading lib-rich-text__heading--{{ b.heading_size }}" {{ block.shopify_attributes }}> {{- b.heading -}} {%- endif -%} {%- when 'text' -%} {%- if b.text != blank -%}Share your brand's story, a care note or a short introduction to a collection. Text keeps a comfortable reading width on every screen.
" }, { "type": "select", "id": "text_size", "label": "Text size", "options": [ { "value": "small", "label": "Small" }, { "value": "medium", "label": "Medium" }, { "value": "large", "label": "Large" } ], "default": "medium" } ] }, { "type": "buttons", "name": "Buttons", "limit": 2, "settings": [ { "type": "text", "id": "button_label", "label": "First button label", "default": "Shop the collection" }, { "type": "url", "id": "button_url", "label": "First button link" }, { "type": "select", "id": "button_style", "label": "First button style", "options": [ { "value": "primary", "label": "Solid" }, { "value": "outline", "label": "Outline" }, { "value": "text", "label": "Text link" } ], "default": "primary" }, { "type": "checkbox", "id": "button_new_tab", "label": "Open first link in a new tab", "default": false }, { "type": "text", "id": "button2_label", "label": "Second button label" }, { "type": "url", "id": "button2_url", "label": "Second button link" }, { "type": "select", "id": "button2_style", "label": "Second button style", "options": [ { "value": "primary", "label": "Solid" }, { "value": "outline", "label": "Outline" }, { "value": "text", "label": "Text link" } ], "default": "text" }, { "type": "checkbox", "id": "button2_new_tab", "label": "Open second link in a new tab", "default": false } ] } ], "presets": [ { "name": "Lib · Rich text", "blocks": [ { "type": "eyebrow" }, { "type": "heading" }, { "type": "text" }, { "type": "buttons" } ] } ] } {% 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 -%}