{{ 'component-rte.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } } {%- endstyle -%}
{%- for block in section.blocks -%} {%- case block.type -%} {%- when 'heading' -%}

{{ block.settings.heading | escape }}

{%- when 'text' -%}
{{ block.settings.text }}
{%- when 'button' -%} {{ block.settings.button_label | escape }} {%- endcase -%} {%- endfor -%}
{% schema %} { "name": "t:sections.rich-text.name", "tag": "section", "class": "section", "settings": [ { "type": "select", "id": "color_scheme", "options": [ { "value": "accent-1", "label": "t:sections.all.colors.accent_1.label" }, { "value": "accent-2", "label": "t:sections.all.colors.accent_2.label" }, { "value": "background-1", "label": "t:sections.all.colors.background_1.label" }, { "value": "background-2", "label": "t:sections.all.colors.background_2.label" }, { "value": "inverse", "label": "t:sections.all.colors.inverse.label" } ], "default": "background-1", "label": "t:sections.all.colors.label" }, { "type": "checkbox", "id": "full_width", "default": true, "label": "t:sections.rich-text.settings.full_width.label" }, { "type": "header", "content": "t:sections.all.padding.section_padding_heading" }, { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_top", "default": 40 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "t:sections.all.padding.padding_bottom", "default": 52 } ], "blocks": [ { "type": "heading", "name": "t:sections.rich-text.blocks.heading.name", "limit": 1, "settings": [ { "type": "text", "id": "heading", "default": "Talk about your brand", "label": "t:sections.rich-text.blocks.heading.settings.heading.label" }, { "type": "select", "id": "heading_size", "options": [ { "value": "h2", "label": "t:sections.all.heading_size.options__1.label" }, { "value": "h1", "label": "t:sections.all.heading_size.options__2.label" }, { "value": "h0", "label": "t:sections.all.heading_size.options__3.label" } ], "default": "h1", "label": "t:sections.all.heading_size.label" } ] }, { "type": "text", "name": "t:sections.rich-text.blocks.text.name", "limit": 1, "settings": [ { "type": "richtext", "id": "text", "default": "

Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.

", "label": "t:sections.rich-text.blocks.text.settings.text.label" } ] }, { "type": "button", "name": "t:sections.rich-text.blocks.button.name", "limit": 1, "settings": [ { "type": "text", "id": "button_label", "default": "Button label", "label": "t:sections.rich-text.blocks.button.settings.button_label.label" }, { "type": "url", "id": "button_link", "label": "t:sections.rich-text.blocks.button.settings.button_link.label" }, { "type": "checkbox", "id": "button_style_secondary", "default": false, "label": "t:sections.rich-text.blocks.button.settings.button_style_secondary.label" } ] } ], "presets": [ { "name": "t:sections.rich-text.presets.name", "blocks": [ { "type": "heading" }, { "type": "text" }, { "type": "button" } ] } ] } {% endschema %}