Section
Vertical slideshow
1 个模板实例，4 个 section 配置，1 类 block。
真实模板变体
Schema
{
"name": "Vertical slideshow",
"class": "section-vertical-slideshow",
"settings": [
{
"type": "checkbox",
"id": "dots",
"label": "Display navigation dots",
"default": true
},
{
"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": "slide",
"name": "Slide",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "2800 x 1000 .jpg recommended for full screen layouts."
},
{
"type": "image_picker",
"id": "mobile_image",
"label": "Mobile image (optional)"
},
{
"id": "slide_link",
"type": "url",
"label": "Slide link",
"info": "Adds a link to slide image"
},
{
"type": "header",
"content": "Video"
},
{
"type": "checkbox",
"id": "video_background",
"label": "Use video as a background",
"default": false
},
{
"type": "video",
"id": "video_hosted",
"label": "Shopify-hosted video"
},
{
"type": "header",
"content": "Content"
},
{
"type": "text",
"id": "subheading",
"label": "Subheading",
"default": "Add a tagline"
},
{
"type": "textarea",
"id": "heading",
"label": "Heading",
"default": "Slide Heading"
},
{
"type": "select",
"id": "heading_size",
"label": "Heading size",
"options": [
{
"value": "h2",
"label": "Small"
},
{
"value": "h1",
"label": "Medium"
},
{
"value": "h1-large",
"label": "Large"
},
{
"value": "h1-xlarge",
"label": "Extra large"
}
],
"default": "h1-xlarge"
},
{
"type": "textarea",
"id": "content",
"label": "Description",
"default": "Add descriptive text for your slide here."
},
{
"type": "select",
"id": "description_size",
"label": "Description size",
"options": [
{
"value": "small",
"label": "Small"
},
{
"value": "medium",
"label": "Medium"
},
{
"value": "large",
"label": "Large"
}
],
"default": "medium"
},
{
"type": "select",
"id": "content_position",
"label": "Content position",
"options": [
{
"value": "middle-left",
"label": "Middle left"
},
{
"value": "middle-center",
"label": "Middle center"
},
{
"value": "middle-right",
"label": "Middle right"
},
{
"value": "bottom-left",
"label": "Bottom left"
},
{
"value": "bottom-center",
"label": "Bottom center"
},
{
"value": "bottom-right",
"label": "Bottom right"
}
],
"default": "middle-center"
},
{
"type": "select",
"id": "text_alignment",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
],
"default": "center",
"label": "Content alignment"
},
{
"type": "select",
"id": "content_size",
"options": [
{
"value": "medium",
"label": "Medium"
},
{
"value": "large",
"label": "Large"
}
],
"default": "medium",
"label": "Content width"
},
{
"type": "header",
"content": "Colors"
},
{
"type": "color",
"id": "overlay_color",
"label": "Overlay",
"default": "#000000"
},
{
"type": "range",
"id": "overlay_opacity",
"min": 0,
"max": 100,
"step": 1,
"unit": "%",
"label": "Overlay opacity",
"default": 70
},
{
"type": "color_background",
"id": "overlay_gradient",
"label": "Overlay gradient",
"default": "linear-gradient(180deg, rgba(0,0,0, 0.1), rgba(0, 0, 0, 0.4) 100%)"
},
{
"type": "header",
"content": "Button 1"
},
{
"id": "button_1_text",
"type": "text",
"label": "Label",
"default": "Shop Now",
"info": "Leave the label blank to hide the button."
},
{
"id": "button_1_link",
"type": "url",
"label": "Link"
},
{
"type": "checkbox",
"id": "button_1_outline",
"label": "Use outline button style",
"default": true
},
{
"type": "header",
"content": "Button 2"
},
{
"id": "button_2_text",
"type": "text",
"label": "Label",
"default": "Shop Now",
"info": "Leave the label blank to hide the button."
},
{
"id": "button_2_link",
"type": "url",
"label": "Link"
},
{
"type": "checkbox",
"id": "button_2_outline",
"label": "Use outline button style",
"default": false
}
]
}
],
"presets": [
{
"name": "Vertical slideshow",
"blocks": [
{
"type": "slide"
},
{
"type": "slide"
},
{
"type": "slide"
}
]
}
]
}