Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I'm running Out of Sandbox Responsive and attempting to create a second "Details " page. All well until I copied the code from original "page-details-template.liquid" into new page section template "page-details-2-template.liquid".
Code not allowed to be saved in second section due to code error 'Line 83 -Schema tag must not be nested inside other tags". The copied code operates the original page perfectly.
I count 2 "Schema" and 1 "Endschema" tags [ lines 83, 1316 and 2481]. Does an odd number disrupt the JSON?
Help would be appreciated.
Copied code form original "page-details-template.liquid" as originally purchased theme.
{% comment %}
** Details page - custom view **
- Page template
- Uses blocks
{% endcomment %}
{% if section.blocks.size > 0 %}
{% for block in section.blocks %}{% comment %}
** Details page - custom view **
- Page template
- Uses blocks
{% endcomment %}
{% if section.blocks.size > 0 %}
{% for block in section.blocks %}
<div id="block__{{ block.id }}" class="block__{{ block.id }} page-details-block block_{{ block.type }} {% if block.type == 'image_with_text_overlay' or block.type == 'image_with_text' or block.type == 'featured_video' or block.type == 'map' %} padding-toggle {% endif %}" {{ block.shopify_attributes }}>
{% if block.type == 'image_with_text_overlay' %}
{% include 'include-image-with-text-overlay', type: 'block' %}
{% elsif block.type == 'map' %}
{% include 'include-map', type: 'block' %}
{% elsif block.type == 'rich_text_and_image' %}
{% include 'include-featured-text', type: 'block' %}
{% elsif block.type == 'featured_promotion' %}
{% include 'include-featured-promotion', type: 'block' %}
{% elsif block.type == 'featured_product' %}
{% include 'include-featured-product', type: 'block' %}
{% elsif block.type == 'featured_collection' %}
{% include 'include-featured-collection', type: 'block' %}
{% elsif block.type == 'blog_posts' %}
{% include 'include-blog-post', type: 'block' %}
{% elsif block.type == 'image_gallery' %}
{% include 'include-image-gallery', type: 'block' %}
{% elsif block.type == 'divider' %}
{% include 'include-divider', type: 'block' %}
{% elsif block.type == 'featured_video' %}
{% include 'include-video', type: 'block' %}
{% elsif block.type == 'page' %}
{% include 'include-content', type: 'block' %}
{% elsif block.type == "contact_form" %}
{% include 'include-contact-form', type: 'block' %}
{% elsif block.type == 'quote' %}
{% include 'include-quote', type: 'block' %}
{% elsif block.type == 'image_with_text' %}
{% include 'include-image-text', type: 'block' %}
{% elsif block.type == 'custom_html' %}
{% include 'include-custom-html', type: 'block' %}
{% endif %}
</div>
{% endfor %}
{% endif %}
{% schema %}
{
"name": "Page",
"class": "shopify-section--page-details-template padding-toggle",
"max_blocks": 20,
"blocks": [
{
"type": "blog_posts",
"name": "Blog posts",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Blog posts"
},
{
"type": "blog",
"id": "blog_widget_select",
"label": "Blog"
},
{
"type": "range",
"id": "home_page_articles",
"label": "Posts",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "checkbox",
"id": "blog_tags",
"label": "Show article tags",
"default": false
},
{
"type": "checkbox",
"id": "blog_author",
"label": "Show author",
"default": false
},
{
"type": "checkbox",
"id": "blog_date",
"label": "Show date",
"default": true
},
{
"type": "checkbox",
"id": "blog_comment_count",
"label": "Show comment count",
"default": true
},
{
"type": "checkbox",
"id": "read_more_link",
"label": "Show continue reading link for article excerpts",
"default": true
}
]
},
{
"type": "contact_form",
"name": "Contact form",
"settings": [
{
"type": "image_picker",
"id": "contact_image",
"label": "Image"
},
{
"type": "text",
"id": "contact_heading",
"label": "Heading",
"default": "Get in touch"
},
{
"type": "text",
"id": "contact_subheading",
"label": "Subheading",
"default": "Leave a message"
},
{
"type": "richtext",
"id": "contact_content",
"label": "Text",
"default": "<p>Use this text to include important information that you'd like your customers to be aware of when contacting you. You could include shop hours, email response times, other ways to contact you, or just some friendly text to encourage your customers to reach out.</p>"
},
{
"type": "select",
"id": "contact_text_position",
"label": "Form position",
"default": "row",
"options": [
{
"value": "row-reverse",
"label": "Left"
},
{
"value": "column",
"label": "Center"
},
{
"value": "row",
"label": "Right"
}
]
},
{
"type": "select",
"id": "contact_text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "custom_html",
"name": "Custom HTML",
"settings": [
{
"type": "textarea",
"id": "custom_html",
"label": "HTML",
"default": "<h2 class='title'>Your own custom HTML</h2>"
}
]
},
{
"type": "featured_promotion",
"name": "Featured promotions",
"settings": [
{
"type": "range",
"id": "featured_promos_per_row",
"label": "Promotions per row",
"min": 2,
"max": 4,
"step": 1,
"default": 4
},
{
"type": "checkbox",
"id": "featured_promos_grid",
"label": "Wide display",
"default": false
},
{
"type": "checkbox",
"id": "rounded_image",
"label": "Rounded images",
"default": false
},
{
"type": "image_picker",
"id": "image_1",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_1",
"label": "Link"
},
{
"type": "text",
"id": "title_1",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_1",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_2",
"label": "Link"
},
{
"type": "text",
"id": "title_2",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_2",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_3",
"label": "Link"
},
{
"type": "text",
"id": "title_3",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_3",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_4",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_4",
"label": "Link"
},
{
"type": "text",
"id": "title_4",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_4",
"label": "Text"
}
]
},
{
"type": "divider",
"name": "Divider",
"settings": [
{
"type": "paragraph",
"content": "Add spacing in between your sections by using a divider."
},
{
"type": "range",
"id": "divider_spacing",
"min": 0,
"max": 30,
"step": 5,
"unit": "px",
"label": "Spacing",
"default": 20
},
{
"type": "checkbox",
"id": "divider_border",
"label": "Show border",
"default": false
}
]
},
{
"type": "featured_product",
"name": "Featured product",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured product"
},
{
"type": "product",
"id": "featured_product",
"label": "Product"
},
{
"type": "header",
"content": "Product gallery"
},
{
"type": "checkbox",
"id": "display_thumbnails",
"label": "Show thumbnails",
"default": true
},
{
"type": "checkbox",
"id": "gallery_arrows",
"label": "Show arrows",
"info": "Only applies to desktop",
"default": true
},
{
"type": "checkbox",
"id": "activate_zoom",
"label": "Magnify product images on hover",
"default": false
},
{
"type": "range",
"id": "slideshow_speed",
"label": "Gallery speed",
"min": 0,
"max": 6,
"unit": "sec",
"default": 0,
"info": "Set to 0 to disable autoplay."
},
{
"type": "select",
"id": "slideshow_transition",
"label": "Gallery transition",
"default": "slide",
"options": [
{
"value": "slide",
"label": "Slide"
},
{
"value": "fade",
"label": "Fade"
}
]
},
{
"type": "select",
"id": "thumbnail_position",
"label": "Thumbnails",
"default": "bottom-thumbnails",
"options": [
{
"value": "left-thumbnails",
"label": "Left"
},
{
"value": "right-thumbnails",
"label": "Right"
},
{
"value": "bottom-thumbnails",
"label": "Bottom"
}
]
},
{
"type": "checkbox",
"id": "enable_thumbnail_slider",
"label": "Enable thumbnail slider",
"default": true
},
{
"type": "header",
"content": "Product information"
},
{
"type": "checkbox",
"id": "display_vendor",
"label": "Show vendor",
"default": false
},
{
"type": "checkbox",
"id": "show_description",
"label": "Show product description",
"default": true
},
{
"type": "radio",
"id": "product_description_position",
"label": "Description position",
"default": "top",
"options": [
{
"value": "top",
"label": "Above 'add to cart'"
},
{
"value": "bottom",
"label": "Below 'add to cart'"
}
]
},
{
"type": "header",
"content": "Dynamic checkout button"
},
{
"type": "checkbox",
"id": "show_payment_button",
"label": "Show dynamic checkout button",
"default": true,
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)"
},
{
"type": "header",
"content": "Media",
"info": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media)"
},
{
"type": "radio",
"id": "product_images_position",
"label": "Media position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "checkbox",
"id": "set_product_height",
"label": "Set height of product media",
"default": false
},
{
"type": "range",
"id": "product_height",
"label": "Product media height",
"min": 200,
"max": 800,
"step": 10,
"default": 500,
"unit": "px"
},
{
"type": "checkbox",
"id": "video_looping",
"label": "Enable video looping",
"default": false
}
]
},
{
"type": "featured_collection",
"name": "Featured collection",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured collection"
},
{
"type": "collection",
"id": "frontpage_collection",
"label": "Collection"
},
{
"type": "range",
"id": "frontpage_products_per_row",
"label": "Products per row",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "frontpage_products_limit",
"label": "Limit products",
"min": 2,
"max": 50,
"step": 1,
"default": 9
}
]
},
{
"type": "featured_video",
"name": "Video",
"settings": [
{
"type": "header",
"content": "Video"
},
{
"type": "checkbox",
"id": "wide_display",
"label": "Wide display",
"default": true
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "select",
"id": "aspect_ratio",
"label": "Aspect ratio",
"default": "16:9",
"options": [
{
"value": "16:9",
"label": "16:9"
},
{
"value": "4:3",
"label": "4:3"
}
]
},
{
"type": "checkbox",
"id": "autoplay",
"label": "Autoplay video",
"default": false,
"info": "Limited browser support for autoplaying video. [Learn more](https:\/\/help.outofthesandbox.com\/hc\/en-us\/articles\/360000661568-Why-won-t-my-video-autoplay-)"
},
{
"type": "checkbox",
"id": "autoloop",
"label": "Autoloop video",
"default": true
},
{
"type": "checkbox",
"id": "mute_video",
"label": "Mute video",
"default": true
},
{
"type": "checkbox",
"id": "video_controls",
"label": "Show video controls",
"default": true
},
{
"type": "checkbox",
"id": "video_dark_overlay",
"label": "Darken video",
"default": false
},
{
"type": "video_url",
"id": "video",
"label": "YouTube or Vimeo video URL",
"accept": ["youtube", "vimeo"],
"default": "https://www.youtube.com/watch?v=_9VUPq3SxOc"
},
{
"type": "text",
"id": "html5_video",
"label": "HTML5 MP4/OGV File URL"
},
{
"type": "header",
"content": "Content"
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "1600 x 900px recommended"
},
{
"type": "checkbox",
"id": "display_text_over_video",
"label": "Show text when video is playing",
"default": false
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured video"
},
{
"type": "richtext",
"id": "subtext",
"label": "Subheading",
"default": "<p></p>"
},
{
"type": "text",
"id": "button_label",
"label": "Button label",
"default": "Play Video"
},
{
"type": "url",
"id": "link",
"label": "Button link"
},
{
"type": "select",
"id": "text_position",
"label": "Text position",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "image_gallery",
"name": "Image gallery",
"settings": [
{
"type": "image_picker",
"id": "page_detail_image_1",
"label": "Image 1",
"info": "760 x 500px wide recommended"
},
{
"type": "image_picker",
"id": "page_detail_image_2",
"label": "Image 2",
"info": "760 x 500px wide recommended"
},
{
"type": "image_picker",
"id": "page_detail_image_3",
"label": "Image 3",
"info": "760 x 500px wide recommended"
}
]
},
{
"type": "image_with_text",
"name": "Image with text",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "layout",
"label": "Image position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Image with text"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Pair text with an image to give focus to your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "button_link",
"label": "Button link"
}
]
},
{
"type": "image_with_text_overlay",
"name": "Image with text overlay",
"settings": [
{
"type": "checkbox",
"id": "image_stretch",
"label": "Wide display",
"default": true
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "1600 x 600px recommended"
},
{
"type": "text",
"id": "title",
"label": "Heading"
},
{
"type": "richtext",
"id": "subtext",
"label": "Text"
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "link",
"label": "Button link"
},
{
"type": "select",
"id": "text_position",
"label": "Text position",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "map",
"name": "Map",
"settings": [
{
"type": "checkbox",
"id": "wide_display",
"label": "Wide display",
"default": false
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "text",
"id": "map_address",
"label": "Map address",
"info": "Google Maps will find the exact location"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Come and visit"
},
{
"type": "richtext",
"id": "address_and_hours",
"label": "Address and hours",
"default": "<p>123 Fake Street</p><p>Toronto, Canada</p><p>Mon - Fri, 10am - 9pm</p><p>Saturday, 11am - 9pm</p><p>Sunday, 11am - 5pm</p>"
},
{
"type": "checkbox",
"id": "store_hours",
"label": "Show store hours",
"default": true
},
{
"type": "color",
"id": "info_text_color",
"label": "Text",
"default": "#000000"
},
{
"type": "color",
"id": "info_color",
"label": "Background",
"default": "#ffffff"
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "Displayed if the map isn’t loaded"
},
{
"type": "header",
"content": "Layout"
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "map_position",
"label": "Map position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "zoom_level",
"min": 1,
"max": 20,
"step": 1,
"unit": "x",
"label": "Map zoom level",
"default": 12
},
{
"type": "header",
"content": "API key"
},
{
"type": "text",
"id": "api_key",
"label": "Google Maps API key",
"info": "You’ll need to [register a Google Maps API Key](https://help.shopify.com/manual/using-themes/troubleshooting/map-section-api-key) to display the map"
},
{
"type": "checkbox",
"id": "show_pin",
"label": "Show pin",
"info": "Requires use of API key",
"default": true
},
{
"type": "text",
"id": "button_label",
"label": "Map link label",
"info": "Requires use of API key",
"default": "Directions"
},
{
"type": "select",
"id": "map_style",
"label": "Map color scheme",
"info": "Requires use of API key",
"default": "default",
"options": [
{
"value": "default",
"label": "Default"
},
{
"value": "aubergine",
"label": "Aubergine"
},
{
"value": "night",
"label": "Night"
},
{
"value": "retro",
"label": "Retro"
},
{
"value": "silver",
"label": "Silver"
}
]
}
]
},
{
"type": "page",
"name": "Page",
"settings": [
{
"type": "page",
"id": "content_page",
"label": "Content page"
}
]
},
{
"type": "quote",
"name": "Quote",
"settings": [
{
"type": "richtext",
"id": "page_quote",
"label": "Text",
"default": "<p><i>Use this block for a quote, fun fact, announcement or other callout text.</i></p>"
}
]
},
{
"type": "rich_text_and_image",
"name": "Rich text",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Logo",
"info": "600 x 600px recommended"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Talk about your brand"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p>"
},
{
"type": "select",
"id": "text_size",
"label": "Text size",
"default": "featured_text",
"options": [
{
"value": "regular_text",
"label": "Regular"
},
{
"value": "featured_text",
"label": "Large"
}
]
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "button_link",
"label": "Button link"
}
]
}
],
"default": {
"settings": {
},
"blocks": [
{
"type": "image_with_text_overlay",
"settings": {
"title": "Page Details Template",
"subtext": "<p>Let's Get Started!</p>",
"text_align": "center",
"text_position": "center"
}
},
{
"type": "rich_text_and_image",
"settings": {
"content": "<p>Use this text to share information about your brand with your customers</p><p>Describe a product, share announcements, or welcome customers to your store.</p>",
"text_size": "regular_text"
}
},
{
"type": "featured_collection",
"settings": {
"frontpage_products_limit": 3
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 10
}
},
{
"type": "featured_video",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 20
}
},
{
"type": "contact_form",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 30
}
},
{
"type": "image_with_text_overlay",
"settings": {
}
},
{
"type": "image_gallery",
"settings": {
}
},
{
"type": "quote",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 20
}
}
]
}
}
{% end
<div id="block__{{ block.id }}" class="block__{{ block.id }} page-details-block block_{{ block.type }} {% if block.type == 'image_with_text_overlay' or block.type == 'image_with_text' or block.type == 'featured_video' or block.type == 'map' %} padding-toggle {% endif %}" {{ block.shopify_attributes }}>
{% if block.type == 'image_with_text_overlay' %}
{% include 'include-image-with-text-overlay', type: 'block' %}
{% elsif block.type == 'map' %}
{% include 'include-map', type: 'block' %}
{% elsif block.type == 'rich_text_and_image' %}
{% include 'include-featured-text', type: 'block' %}
{% elsif block.type == 'featured_promotion' %}
{% include 'include-featured-promotion', type: 'block' %}
{% elsif block.type == 'featured_product' %}
{% include 'include-featured-product', type: 'block' %}
{% elsif block.type == 'featured_collection' %}
{% include 'include-featured-collection', type: 'block' %}
{% elsif block.type == 'blog_posts' %}
{% include 'include-blog-post', type: 'block' %}
{% elsif block.type == 'image_gallery' %}
{% include 'include-image-gallery', type: 'block' %}
{% elsif block.type == 'divider' %}
{% include 'include-divider', type: 'block' %}
{% elsif block.type == 'featured_video' %}
{% include 'include-video', type: 'block' %}
{% elsif block.type == 'page' %}
{% include 'include-content', type: 'block' %}
{% elsif block.type == "contact_form" %}
{% include 'include-contact-form', type: 'block' %}
{% elsif block.type == 'quote' %}
{% include 'include-quote', type: 'block' %}
{% elsif block.type == 'image_with_text' %}
{% include 'include-image-text', type: 'block' %}
{% elsif block.type == 'custom_html' %}
{% include 'include-custom-html', type: 'block' %}
{% endif %}
</div>
{% endfor %}
{% endif %}
{% schema %}
{
"name": "Page",
"class": "shopify-section--page-details-template padding-toggle",
"max_blocks": 20,
"blocks": [
{
"type": "blog_posts",
"name": "Blog posts",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Blog posts"
},
{
"type": "blog",
"id": "blog_widget_select",
"label": "Blog"
},
{
"type": "range",
"id": "home_page_articles",
"label": "Posts",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "checkbox",
"id": "blog_tags",
"label": "Show article tags",
"default": false
},
{
"type": "checkbox",
"id": "blog_author",
"label": "Show author",
"default": false
},
{
"type": "checkbox",
"id": "blog_date",
"label": "Show date",
"default": true
},
{
"type": "checkbox",
"id": "blog_comment_count",
"label": "Show comment count",
"default": true
},
{
"type": "checkbox",
"id": "read_more_link",
"label": "Show continue reading link for article excerpts",
"default": true
}
]
},
{
"type": "contact_form",
"name": "Contact form",
"settings": [
{
"type": "image_picker",
"id": "contact_image",
"label": "Image"
},
{
"type": "text",
"id": "contact_heading",
"label": "Heading",
"default": "Get in touch"
},
{
"type": "text",
"id": "contact_subheading",
"label": "Subheading",
"default": "Leave a message"
},
{
"type": "richtext",
"id": "contact_content",
"label": "Text",
"default": "<p>Use this text to include important information that you'd like your customers to be aware of when contacting you. You could include shop hours, email response times, other ways to contact you, or just some friendly text to encourage your customers to reach out.</p>"
},
{
"type": "select",
"id": "contact_text_position",
"label": "Form position",
"default": "row",
"options": [
{
"value": "row-reverse",
"label": "Left"
},
{
"value": "column",
"label": "Center"
},
{
"value": "row",
"label": "Right"
}
]
},
{
"type": "select",
"id": "contact_text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "custom_html",
"name": "Custom HTML",
"settings": [
{
"type": "textarea",
"id": "custom_html",
"label": "HTML",
"default": "<h2 class='title'>Your own custom HTML</h2>"
}
]
},
{
"type": "featured_promotion",
"name": "Featured promotions",
"settings": [
{
"type": "range",
"id": "featured_promos_per_row",
"label": "Promotions per row",
"min": 2,
"max": 4,
"step": 1,
"default": 4
},
{
"type": "checkbox",
"id": "featured_promos_grid",
"label": "Wide display",
"default": false
},
{
"type": "checkbox",
"id": "rounded_image",
"label": "Rounded images",
"default": false
},
{
"type": "image_picker",
"id": "image_1",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_1",
"label": "Link"
},
{
"type": "text",
"id": "title_1",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_1",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_2",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_2",
"label": "Link"
},
{
"type": "text",
"id": "title_2",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_2",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_3",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_3",
"label": "Link"
},
{
"type": "text",
"id": "title_3",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_3",
"label": "Text"
},
{
"type": "image_picker",
"id": "image_4",
"label": "Image",
"info": "800 x 800px recommended"
},
{
"type": "url",
"id": "link_4",
"label": "Link"
},
{
"type": "text",
"id": "title_4",
"label": "Heading",
"default": "Promotion heading"
},
{
"type": "richtext",
"id": "text_4",
"label": "Text"
}
]
},
{
"type": "divider",
"name": "Divider",
"settings": [
{
"type": "paragraph",
"content": "Add spacing in between your sections by using a divider."
},
{
"type": "range",
"id": "divider_spacing",
"min": 0,
"max": 30,
"step": 5,
"unit": "px",
"label": "Spacing",
"default": 20
},
{
"type": "checkbox",
"id": "divider_border",
"label": "Show border",
"default": false
}
]
},
{
"type": "featured_product",
"name": "Featured product",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured product"
},
{
"type": "product",
"id": "featured_product",
"label": "Product"
},
{
"type": "header",
"content": "Product gallery"
},
{
"type": "checkbox",
"id": "display_thumbnails",
"label": "Show thumbnails",
"default": true
},
{
"type": "checkbox",
"id": "gallery_arrows",
"label": "Show arrows",
"info": "Only applies to desktop",
"default": true
},
{
"type": "checkbox",
"id": "activate_zoom",
"label": "Magnify product images on hover",
"default": false
},
{
"type": "range",
"id": "slideshow_speed",
"label": "Gallery speed",
"min": 0,
"max": 6,
"unit": "sec",
"default": 0,
"info": "Set to 0 to disable autoplay."
},
{
"type": "select",
"id": "slideshow_transition",
"label": "Gallery transition",
"default": "slide",
"options": [
{
"value": "slide",
"label": "Slide"
},
{
"value": "fade",
"label": "Fade"
}
]
},
{
"type": "select",
"id": "thumbnail_position",
"label": "Thumbnails",
"default": "bottom-thumbnails",
"options": [
{
"value": "left-thumbnails",
"label": "Left"
},
{
"value": "right-thumbnails",
"label": "Right"
},
{
"value": "bottom-thumbnails",
"label": "Bottom"
}
]
},
{
"type": "checkbox",
"id": "enable_thumbnail_slider",
"label": "Enable thumbnail slider",
"default": true
},
{
"type": "header",
"content": "Product information"
},
{
"type": "checkbox",
"id": "display_vendor",
"label": "Show vendor",
"default": false
},
{
"type": "checkbox",
"id": "show_description",
"label": "Show product description",
"default": true
},
{
"type": "radio",
"id": "product_description_position",
"label": "Description position",
"default": "top",
"options": [
{
"value": "top",
"label": "Above 'add to cart'"
},
{
"value": "bottom",
"label": "Below 'add to cart'"
}
]
},
{
"type": "header",
"content": "Dynamic checkout button"
},
{
"type": "checkbox",
"id": "show_payment_button",
"label": "Show dynamic checkout button",
"default": true,
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)"
},
{
"type": "header",
"content": "Media",
"info": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media)"
},
{
"type": "radio",
"id": "product_images_position",
"label": "Media position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "checkbox",
"id": "set_product_height",
"label": "Set height of product media",
"default": false
},
{
"type": "range",
"id": "product_height",
"label": "Product media height",
"min": 200,
"max": 800,
"step": 10,
"default": 500,
"unit": "px"
},
{
"type": "checkbox",
"id": "video_looping",
"label": "Enable video looping",
"default": false
}
]
},
{
"type": "featured_collection",
"name": "Featured collection",
"settings": [
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured collection"
},
{
"type": "collection",
"id": "frontpage_collection",
"label": "Collection"
},
{
"type": "range",
"id": "frontpage_products_per_row",
"label": "Products per row",
"min": 2,
"max": 4,
"step": 1,
"default": 3
},
{
"type": "range",
"id": "frontpage_products_limit",
"label": "Limit products",
"min": 2,
"max": 50,
"step": 1,
"default": 9
}
]
},
{
"type": "featured_video",
"name": "Video",
"settings": [
{
"type": "header",
"content": "Video"
},
{
"type": "checkbox",
"id": "wide_display",
"label": "Wide display",
"default": true
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "select",
"id": "aspect_ratio",
"label": "Aspect ratio",
"default": "16:9",
"options": [
{
"value": "16:9",
"label": "16:9"
},
{
"value": "4:3",
"label": "4:3"
}
]
},
{
"type": "checkbox",
"id": "autoplay",
"label": "Autoplay video",
"default": false,
"info": "Limited browser support for autoplaying video. [Learn more](https:\/\/help.outofthesandbox.com\/hc\/en-us\/articles\/360000661568-Why-won-t-my-video-autoplay-)"
},
{
"type": "checkbox",
"id": "autoloop",
"label": "Autoloop video",
"default": true
},
{
"type": "checkbox",
"id": "mute_video",
"label": "Mute video",
"default": true
},
{
"type": "checkbox",
"id": "video_controls",
"label": "Show video controls",
"default": true
},
{
"type": "checkbox",
"id": "video_dark_overlay",
"label": "Darken video",
"default": false
},
{
"type": "video_url",
"id": "video",
"label": "YouTube or Vimeo video URL",
"accept": ["youtube", "vimeo"],
"default": "https://www.youtube.com/watch?v=_9VUPq3SxOc"
},
{
"type": "text",
"id": "html5_video",
"label": "HTML5 MP4/OGV File URL"
},
{
"type": "header",
"content": "Content"
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "1600 x 900px recommended"
},
{
"type": "checkbox",
"id": "display_text_over_video",
"label": "Show text when video is playing",
"default": false
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Featured video"
},
{
"type": "richtext",
"id": "subtext",
"label": "Subheading",
"default": "<p></p>"
},
{
"type": "text",
"id": "button_label",
"label": "Button label",
"default": "Play Video"
},
{
"type": "url",
"id": "link",
"label": "Button link"
},
{
"type": "select",
"id": "text_position",
"label": "Text position",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "image_gallery",
"name": "Image gallery",
"settings": [
{
"type": "image_picker",
"id": "page_detail_image_1",
"label": "Image 1",
"info": "760 x 500px wide recommended"
},
{
"type": "image_picker",
"id": "page_detail_image_2",
"label": "Image 2",
"info": "760 x 500px wide recommended"
},
{
"type": "image_picker",
"id": "page_detail_image_3",
"label": "Image 3",
"info": "760 x 500px wide recommended"
}
]
},
{
"type": "image_with_text",
"name": "Image with text",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Image"
},
{
"type": "select",
"id": "layout",
"label": "Image position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Image with text"
},
{
"type": "richtext",
"id": "text",
"label": "Text",
"default": "<p>Pair text with an image to give focus to your chosen product, collection, or blog post. Add details on availability, style, or even provide a review.</p>"
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "button_link",
"label": "Button link"
}
]
},
{
"type": "image_with_text_overlay",
"name": "Image with text overlay",
"settings": [
{
"type": "checkbox",
"id": "image_stretch",
"label": "Wide display",
"default": true
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "1600 x 600px recommended"
},
{
"type": "text",
"id": "title",
"label": "Heading"
},
{
"type": "richtext",
"id": "subtext",
"label": "Text"
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "link",
"label": "Button link"
},
{
"type": "select",
"id": "text_position",
"label": "Text position",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "text_align",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
}
]
},
{
"type": "map",
"name": "Map",
"settings": [
{
"type": "checkbox",
"id": "wide_display",
"label": "Wide display",
"default": false
},
{
"type": "checkbox",
"id": "enable_padding",
"label": "Enable padding",
"default": true
},
{
"type": "text",
"id": "map_address",
"label": "Map address",
"info": "Google Maps will find the exact location"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Come and visit"
},
{
"type": "richtext",
"id": "address_and_hours",
"label": "Address and hours",
"default": "<p>123 Fake Street</p><p>Toronto, Canada</p><p>Mon - Fri, 10am - 9pm</p><p>Saturday, 11am - 9pm</p><p>Sunday, 11am - 5pm</p>"
},
{
"type": "checkbox",
"id": "store_hours",
"label": "Show store hours",
"default": true
},
{
"type": "color",
"id": "info_text_color",
"label": "Text",
"default": "#000000"
},
{
"type": "color",
"id": "info_color",
"label": "Background",
"default": "#ffffff"
},
{
"type": "image_picker",
"id": "image",
"label": "Image",
"info": "Displayed if the map isn’t loaded"
},
{
"type": "header",
"content": "Layout"
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "select",
"id": "map_position",
"label": "Map position",
"default": "left",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "right",
"label": "Right"
}
]
},
{
"type": "range",
"id": "zoom_level",
"min": 1,
"max": 20,
"step": 1,
"unit": "x",
"label": "Map zoom level",
"default": 12
},
{
"type": "header",
"content": "API key"
},
{
"type": "text",
"id": "api_key",
"label": "Google Maps API key",
"info": "You’ll need to [register a Google Maps API Key](https://help.shopify.com/manual/using-themes/troubleshooting/map-section-api-key) to display the map"
},
{
"type": "checkbox",
"id": "show_pin",
"label": "Show pin",
"info": "Requires use of API key",
"default": true
},
{
"type": "text",
"id": "button_label",
"label": "Map link label",
"info": "Requires use of API key",
"default": "Directions"
},
{
"type": "select",
"id": "map_style",
"label": "Map color scheme",
"info": "Requires use of API key",
"default": "default",
"options": [
{
"value": "default",
"label": "Default"
},
{
"value": "aubergine",
"label": "Aubergine"
},
{
"value": "night",
"label": "Night"
},
{
"value": "retro",
"label": "Retro"
},
{
"value": "silver",
"label": "Silver"
}
]
}
]
},
{
"type": "page",
"name": "Page",
"settings": [
{
"type": "page",
"id": "content_page",
"label": "Content page"
}
]
},
{
"type": "quote",
"name": "Quote",
"settings": [
{
"type": "richtext",
"id": "page_quote",
"label": "Text",
"default": "<p><i>Use this block for a quote, fun fact, announcement or other callout text.</i></p>"
}
]
},
{
"type": "rich_text_and_image",
"name": "Rich text",
"settings": [
{
"type": "image_picker",
"id": "image",
"label": "Logo",
"info": "600 x 600px recommended"
},
{
"type": "text",
"id": "title",
"label": "Heading",
"default": "Talk about your brand"
},
{
"type": "richtext",
"id": "content",
"label": "Text",
"default": "<p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p>"
},
{
"type": "select",
"id": "text_size",
"label": "Text size",
"default": "featured_text",
"options": [
{
"value": "regular_text",
"label": "Regular"
},
{
"value": "featured_text",
"label": "Large"
}
]
},
{
"type": "select",
"id": "text_alignment",
"label": "Text alignment",
"default": "center",
"options": [
{
"value": "left",
"label": "Left"
},
{
"value": "center",
"label": "Center"
}
]
},
{
"type": "text",
"id": "button_label",
"label": "Button label"
},
{
"type": "url",
"id": "button_link",
"label": "Button link"
}
]
}
],
"default": {
"settings": {
},
"blocks": [
{
"type": "image_with_text_overlay",
"settings": {
"title": "Page Details Template",
"subtext": "<p>Let's Get Started!</p>",
"text_align": "center",
"text_position": "center"
}
},
{
"type": "rich_text_and_image",
"settings": {
"content": "<p>Use this text to share information about your brand with your customers</p><p>Describe a product, share announcements, or welcome customers to your store.</p>",
"text_size": "regular_text"
}
},
{
"type": "featured_collection",
"settings": {
"frontpage_products_limit": 3
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 10
}
},
{
"type": "featured_video",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 20
}
},
{
"type": "contact_form",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 30
}
},
{
"type": "image_with_text_overlay",
"settings": {
}
},
{
"type": "image_gallery",
"settings": {
}
},
{
"type": "quote",
"settings": {
}
},
{
"type": "divider",
"settings": {
"divider_spacing": 20
}
}
]
}
}
{% endschema %}
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024