Section

Rich text

25 个模板实例,12 个 section 配置,6 类 block。

真实模板变体

index.eam-fathersdaycopyv1-a_irich_text_jUaUhg · 4 blocks已禁用index.eam-fathersdaycopyv1-k_irich_text_jUaUhg · 4 blocks已禁用index.eam-fathersdaycopyv2-a_irich_text_jUaUhg · 4 blocks已禁用index.eam-homepage-v2rich_text_jUaUhg · 4 blocks已禁用index.eam-swimweekhp-v1rich_text_jUaUhg · 4 blocks已禁用index.eam-vidbanner-btf-v1rich_text_jUaUhg · 4 blocks已禁用index.fathers-day-sale-v1rich_text_jUaUhg · 4 blocks已禁用index.fathers-day-sale-v2rich_text_jUaUhg · 4 blocks已禁用index.glamour97a561df-77ff-415e-98d2-a5e00211d784 · 3 blocks启用index.mono1663500833d48bf0c4 · 2 blocks启用index.reinvent3f3eaabd-a609-4aaf-be3a-d87c7a7c5e77 · 2 blocks启用index.sunshine166271121710f4ac34 · 3 blocks启用pagerich_text_brMXjn · 3 blocks已禁用page.contact-v2rich_text_tddwRh · 6 blocks启用page.contact1661619382b4020fa2 · 2 blocks启用page.roadshowrich_text_brMXjn · 3 blocks启用page.roadshowrich_text_Rjq6fk · 4 blocks启用product16623743398765981b · 3 blocks已禁用product.bundle-se-wavespecial8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 2 blocks已禁用product.giftcard8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 3 blocks已禁用product.premium-love-bound-box-pk8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 2 blocks已禁用product.promo-premium-box-bl8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 2 blocks已禁用product.promo-premium-box-pk8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 2 blocks已禁用product.se-bag-bundle8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 2 blocks已禁用product.se-lite-diffuser-bundle8a33a2fc-b58f-453a-acf1-b12a24a709f0 · 3 blocks已禁用

Schema

{
  "name": "Rich text",
  "settings": [
    {
      "type": "text",
      "id": "custom_class",
      "label": "Enter Custom Class"
    },
    {
      "type": "select",
      "id": "section_width",
      "options": [
        {
          "value": "grid",
          "label": "Grid"
        },
        {
          "value": "full-width-row",
          "label": "Full width"
        },
        {
          "value": "full-width-row-full",
          "label": "Full width, no spacing"
        }
      ],
      "default": "grid",
      "label": "Section width"
    },
    {
      "type": "select",
      "id": "text_width",
      "label": "Content width",
      "options": [
        {
          "value": "small",
          "label": "Small"
        },
        {
          "value": "medium",
          "label": "Medium"
        },
        {
          "value": "large",
          "label": "Large"
        },
        {
          "value": "xlarge",
          "label": "Extra large"
        },
        {
          "value": "grid",
          "label": "Grid"
        }
      ],
      "default": "medium"
    },
    {
      "type": "select",
      "id": "text_position",
      "label": "Content position",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "center"
    },
    {
      "type": "select",
      "id": "text_alignment",
      "label": "Content alignment",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "center",
          "label": "Center"
        },
        {
          "value": "right",
          "label": "Right"
        }
      ],
      "default": "center"
    },
    {
      "type": "header",
      "content": "Colors"
    },
    {
      "type": "color",
      "id": "color_bg",
      "label": "Background",
      "default": "transparent"
    },
    {
      "type": "color",
      "id": "color_text",
      "label": "Text",
      "default": "#151515"
    },
    {
      "type": "color",
      "id": "color_links",
      "label": "Links",
      "default": "#151515"
    },
    {
      "type": "header",
      "content": "Spacing"
    },
    {
      "type": "checkbox",
      "id": "disable_top_spacing",
      "default": false,
      "label": "Remove top spacing"
    },
    {
      "type": "checkbox",
      "id": "disable_bottom_spacing",
      "default": false,
      "label": "Remove bottom spacing"
    }
  ],
  "blocks": [
    {
      "type": "image",
      "name": "Image",
      "settings": [
        {
          "type": "image_picker",
          "id": "image",
          "label": "Image"
        },
        {
          "type": "checkbox",
          "id": "retina",
          "label": "Enable retina",
          "default": true,
          "info": "Image will be displayed at half the size, making it look crisp on retina screens."
        }
      ]
    },
    {
      "type": "subheading",
      "name": "Subheading",
      "settings": [
        {
          "type": "text",
          "id": "text",
          "label": "Text",
          "default": "Subheading for this section"
        }
      ]
    },
    {
      "type": "heading",
      "name": "Heading",
      "settings": [
        {
          "type": "html",
          "id": "text",
          "label": "Text",
          "default": "Talk about your brand"
        },
        {
          "type": "select",
          "id": "size",
          "label": "Size",
          "options": [
            {
              "value": "h1",
              "label": "Extra Large"
            },
            {
              "value": "h2",
              "label": "Large"
            },
            {
              "value": "h3",
              "label": "Medium"
            },
            {
              "value": "h4",
              "label": "Small"
            }
          ],
          "default": "h3"
        }
      ]
    },
    {
      "type": "text",
      "name": "Text",
      "settings": [
        {
          "type": "richtext",
          "id": "text",
          "label": "Content",
          "default": "<p>Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.</p>"
        },
        {
          "type": "select",
          "id": "size",
          "label": "Size",
          "options": [
            {
              "value": "text-size-large",
              "label": "Large"
            },
            {
              "value": "text-size-regular",
              "label": "Medium"
            },
            {
              "value": "text-size-small",
              "label": "Small"
            }
          ],
          "default": "text-size-regular"
        }
      ]
    },
    {
      "type": "button",
      "name": "Button",
      "settings": [
        {
          "id": "link_label",
          "type": "text",
          "label": "Label",
          "default": "Learn More",
          "info": "Leave the label blank to hide the button."
        },
        {
          "id": "link",
          "type": "url",
          "label": "Link"
        },
        {
          "type": "checkbox",
          "id": "button_outline",
          "label": "Use outline button style",
          "default": false
        }
      ]
    },
    {
      "type": "text-button",
      "name": "Link",
      "settings": [
        {
          "id": "link_label",
          "type": "text",
          "label": "Label",
          "default": "Learn More",
          "info": "Leave the label blank to hide the button."
        },
        {
          "id": "link",
          "type": "url",
          "label": "Link"
        }
      ]
    }
  ],
  "presets": [
    {
      "name": "Rich text",
      "blocks": [
        {
          "type": "subheading"
        },
        {
          "type": "heading"
        },
        {
          "type": "text"
        },
        {
          "type": "button"
        }
      ]
    }
  ]
}