Section
Text with icons
3 个模板实例，12 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Text with icons",
"class": "section-text-with-icons",
"settings": [
{
"type": "select",
"id": "text_alignment",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "left",
"label": "Text alignment"
},
{
"type": "select",
"id": "icon_position",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "top",
"label": "Top"
},
{
"value": "right",
"label": "Right"
}
],
"default": "left",
"label": "Icon position"
},
{
"type": "select",
"id": "icon_size",
"options": [
{
"value": "small",
"label": "Small"
},
{
"value": "medium",
"label": "Medium"
},
{
"value": "large",
"label": "Large"
},
{
"value": "xlarge",
"label": "X-Large"
}
],
"default": "large",
"label": "Icon size"
},
{
"type": "select",
"id": "heading_size",
"options": [
{
"value": "small",
"label": "Small"
},
{
"value": "medium",
"label": "Medium"
},
{
"value": "large",
"label": "Large"
}
],
"default": "large",
"label": "Heading size"
},
{
"type": "checkbox",
"id": "mobile_swipe",
"default": true,
"label": "Enable swipe on mobile"
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "color_bg",
"label": "Background",
"default": "transparent"
},
{
"type": "color",
"id": "color_heading",
"label": "Heading",
"default": "#151515"
},
{
"type": "color",
"id": "color_text",
"label": "Text",
"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": "icon",
"name": "Text",
"settings": [
{
"type": "select",
"id": "icon",
"options": [
{
"value": "none",
"label": "None"
},
{
"value": "apple",
"label": "Apple"
},
{
"value": "banana",
"label": "Banana"
},
{
"value": "bottle",
"label": "Bottle"
},
{
"value": "box",
"label": "Box"
},
{
"value": "carrot",
"label": "Carrot"
},
{
"value": "chat_bubble",
"label": "Chat bubble"
},
{
"value": "check_mark",
"label": "Check mark"
},
{
"value": "clipboard",
"label": "Clipboard"
},
{
"value": "dairy",
"label": "Dairy"
},
{
"value": "dairy_free",
"label": "Dairy free"
},
{
"value": "dryer",
"label": "Dryer"
},
{
"value": "eye",
"label": "Eye"
},
{
"value": "fire",
"label": "Fire"
},
{
"value": "gluten_free",
"label": "Gluten free"
},
{
"value": "heart",
"label": "Heart"
},
{
"value": "iron",
"label": "Iron"
},
{
"value": "leaf",
"label": "Leaf"
},
{
"value": "leather",
"label": "Leather"
},
{
"value": "lightning_bolt",
"label": "Lightning bolt"
},
{
"value": "lipstick",
"label": "Lipstick"
},
{
"value": "lock",
"label": "Lock"
},
{
"value": "map_pin",
"label": "Map pin"
},
{
"value": "nut_free",
"label": "Nut free"
},
{
"value": "pants",
"label": "Pants"
},
{
"value": "paw_print",
"label": "Paw print"
},
{
"value": "pepper",
"label": "Pepper"
},
{
"value": "perfume",
"label": "Perfume"
},
{
"value": "plane",
"label": "Plane"
},
{
"value": "plant",
"label": "Plant"
},
{
"value": "price_tag",
"label": "Price tag"
},
{
"value": "question_mark",
"label": "Question mark"
},
{
"value": "recycle",
"label": "Recycle"
},
{
"value": "return",
"label": "Return"
},
{
"value": "ruler",
"label": "Ruler"
},
{
"value": "serving_dish",
"label": "Serving dish"
},
{
"value": "shirt",
"label": "Shirt"
},
{
"value": "shoe",
"label": "Shoe"
},
{
"value": "silhouette",
"label": "Silhouette"
},
{
"value": "snowflake",
"label": "Snowflake"
},
{
"value": "star",
"label": "Star"
},
{
"value": "stopwatch",
"label": "Stopwatch"
},
{
"value": "truck",
"label": "Truck"
},
{
"value": "washing",
"label": "Washing"
}
],
"default": "ruler",
"label": "Icon"
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "Use an image as your icon"
},
{
"type": "text",
"id": "heading",
"label": "Heading",
"default": "Heading"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Pair text with an image to focus on your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
}
]
}
],
"presets": [
{
"name": "Text with icons",
"blocks": [
{
"type": "icon"
},
{
"type": "icon"
},
{
"type": "icon"
}
]
}
]
}