Test Sections

{% if section.settings.page_title_enable or section.settings.page_content_enable %}
{% include 'breadcrumbs' %}
{% if section.settings.page_title_enable %}

{{ page.title }}

{% endif %} {% if section.settings.page_content_enable %}
{{ page.content }}
{% endif %}
{% endif %} {% include 'page-template-blocks' %} {% schema %} { "name": "Page.sections page", "settings": [ { "type": "checkbox", "id": "page_title_enable", "label": "Show page title" }, { "type": "checkbox", "id": "page_content_enable", "label": "Show page content" } ], "blocks": [ { "type": "contact-form", "name": "Contact form", "settings": [ { "type": "text", "id": "title", "label": "Title" }, { "type": "checkbox", "id": "show_phone", "label": "Show phone number" }, { "type": "checkbox", "id": "narrow_column", "label": "Narrow column", "default": true } ] }, { "type": "custom-html", "name": "Custom HTML", "settings": [ { "type": "checkbox", "id": "full_width", "label": "Full page width", "default": false }, { "type": "checkbox", "id": "space_around", "label": "Add spacing above and below", "default": true }, { "type": "textarea", "id": "code", "label": "HTML", "default": "

Custom HTML

Use this advanced section to build your own layouts or to add custom HTML or scripts.

" } ] }, { "type": "fading-images", "name": "Fading image hero", "settings": [ { "type": "select", "id": "title_lines", "label": "Title style", "default": "2", "options": [ { "label": "1 line", "value": "1" }, { "label": "2 lines", "value": "2" } ] }, { "type": "range", "id": "title_size", "label": "Title size", "default": 45, "min": 30, "max": 100, "unit": "px" }, { "type": "range", "id": "slide_speed", "label": "Change images every", "default": 5, "min": 3, "max": 10, "step": 1, "unit": "s" }, { "type": "color", "id": "color_overlay", "label": "Overlay", "default": "#000" }, { "type": "range", "id": "color_overlay_opacity", "label": "Opacity", "default": 30, "min": 0, "max": 100, "step": 2, "unit": "%" }, { "type": "range", "id": "section_height", "label": "Section height", "default": 650, "min": 250, "max": 750, "step": 100, "unit": "px" }, { "type": "header", "content": "Image 1" }, { "type": "checkbox", "id": "enable_image_1", "label": "Show image", "default": true }, { "type": "image_picker", "id": "image_1", "label": "Image 1" }, { "type": "select", "id": "focal_point_1", "label": "Focal point", "info": "Used to keep the subject of your photo in view.", "default": "center center", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top center", "label": "Top center" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "center right", "label": "Right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "text", "id": "slide_title_1a", "label": "Title line 1", "default": "Beautifully animated" }, { "type": "text", "id": "slide_title_1b", "label": "Title line 2", "default": "titles and images" }, { "type": "header", "content": "Image 2" }, { "type": "checkbox", "id": "enable_image_2", "label": "Show image", "default": true }, { "type": "image_picker", "id": "image_2", "label": "Image 2" }, { "type": "select", "id": "focal_point_2", "label": "Focal point", "info": "Used to keep the subject of your photo in view.", "default": "center center", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top center", "label": "Top center" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "center right", "label": "Right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "text", "id": "slide_title_2a", "label": "Title line 1", "default": "Use this section" }, { "type": "text", "id": "slide_title_2b", "label": "Title line 2", "default": "to impress customers" }, { "type": "header", "content": "Image 3" }, { "type": "checkbox", "id": "enable_image_3", "label": "Show image" }, { "type": "image_picker", "id": "image_3", "label": "Image 3" }, { "type": "select", "id": "focal_point_3", "label": "Focal point", "info": "Used to keep the subject of your photo in view.", "default": "center center", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top center", "label": "Top center" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "center right", "label": "Right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "text", "id": "slide_title_3a", "label": "Title line 1" }, { "type": "text", "id": "slide_title_3b", "label": "Title line 2" } ] }, { "type": "featured-collection", "name": "Featured collection", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Featured collection" }, { "type": "collection", "id": "collection", "label": "Collection" }, { "type": "range", "id": "per_row", "label": "Products per row", "default": 4, "min": 1, "max": 5, "step": 1 }, { "type": "range", "id": "rows", "label": "Rows of products", "default": 1, "min": 1, "max": 5, "step": 1 }, { "type": "checkbox", "id": "view_all", "label": "Show 'View all' link", "default": true } ] }, { "type": "image-hero", "name": "Image hero", "settings": [ { "type": "textarea", "id": "title", "label": "Heading", "default": "Two line\ntitle image" }, { "type": "range", "id": "title_size", "label": "Heading text size", "default": 80, "min": 40, "max": 100, "unit": "px" }, { "type": "text", "id": "subheading", "label": "Subheading", "default": "And an optional subheading" }, { "type": "url", "id": "link", "label": "Link" }, { "type": "text", "id": "link_text", "label": "Link text", "default": "Optional button" }, { "type": "select", "id": "text_align", "label": "Text alignment", "default": "vertical-bottom horizontal-left", "options": [ { "value": "vertical-center horizontal-left", "label": "Center left" }, { "value": "vertical-center horizontal-center", "label": "Center" }, { "value": "vertical-center horizontal-right", "label": "Center right" }, { "value": "vertical-bottom horizontal-left", "label": "Bottom left" }, { "value": "vertical-bottom horizontal-center", "label": "Bottom center" }, { "value": "vertical-bottom horizontal-right", "label": "Bottom right" } ] }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "select", "id": "focal_point", "label": "Image focal point", "info": "Used to keep the subject of your photo in view.", "default": "center center", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top center", "label": "Top center" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "center right", "label": "Right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "select", "id": "section_height", "label": "Desktop height", "default": "650px", "options": [ { "label": "Natural", "value": "natural" }, { "label": "450px", "value": "450px" }, { "label": "550px", "value": "550px" }, { "label": "650px", "value": "650px" }, { "label": "750px", "value": "750px" }, { "label": "Full screen", "value": "100vh" } ] }, { "type": "select", "id": "mobile_height", "label": "Mobile height", "default": "auto", "info": "Not used if desktop height is set to natural", "options": [ { "label": "Auto", "value": "auto" }, { "label": "250px", "value": "250px" }, { "label": "300px", "value": "300px" }, { "label": "400px", "value": "400px" }, { "label": "500px", "value": "500px" }, { "label": "Full screen", "value": "100vh" } ] } ] }, { "type": "text-and-image", "name": "Image with text", "settings": [ { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "range", "id": "image_width", "label": "Image width", "default": 500, "min": 100, "max": 500, "step": 10, "unit": "px" }, { "type": "text", "id": "subtitle", "label": "Subtitle", "default": "Improved" }, { "type": "text", "id": "title", "label": "Title", "default": "Image with text" }, { "type": "richtext", "id": "text", "label": "Text", "default": "

Pair large text with an image to tell a story, explain a detail about your product, or describe a new promotion.

" }, { "type": "text", "id": "button_label", "label": "Button label", "default": "Optional button" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "layout", "label": "Layout", "default": "left", "options": [ { "value": "left", "label": "Image on left" }, { "value": "right", "label": "Image on right" } ] } ] }, { "type": "background-image-text", "name": "Large image with text box", "settings": [ { "type": "text", "id": "subtitle", "label": "Subtitle", "default": "Impressive" }, { "type": "text", "id": "title", "label": "Title", "default": "Large image with text box" }, { "type": "richtext", "id": "text", "label": "Text", "default": "

Pair large text with a full-width image to draw attention to an important detail of your brand or product line.

" }, { "type": "text", "id": "button_label", "label": "Button label" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "select", "id": "alignment", "label": "Image focal point", "info": "Used to keep the subject of your photo in view.", "default": "center", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top", "label": "Top" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Left" }, { "value": "center", "label": "Middle" }, { "value": "center right", "label": "Right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom", "label": "Bottom" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "color", "id": "color_border", "label": "Image color", "info": "Used for mobile border", "default": "#f4f4f4" }, { "type": "select", "id": "layout", "label": "Layout", "default": "left", "options": [ { "value": "left", "label": "Text on left" }, { "value": "right", "label": "Text on right" } ] }, { "type": "range", "id": "height", "label": "Section height", "default": 550, "min": 450, "max": 750, "step": 100, "unit": "px" } ] }, { "type": "map", "name": "Map", "settings": [ { "id": "map_title", "type": "text", "label": "Title", "default": "Our retail store" }, { "id": "address", "type": "richtext", "label": "Text", "default": "

301 Front St W
Toronto, Canada

Mon - Fri, 8:30am - 10:30pm
Saturday, 8:30am - 10:30pm
Sunday, 8:30am - 10:30pm

" }, { "id": "map_address", "type": "text", "label": "Map address", "info": "Google maps will find the exact location", "default": "301 Front St W, Toronto, ON M5V 2T6" }, { "id": "api_key", "type": "text", "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" }, { "id": "show_button", "type": "checkbox", "label": "Show 'Get directions' button", "default": true }, { "type": "image_picker", "id": "background_image", "label": "Image", "info": "Displayed if the map isn’t loaded" }, { "type": "select", "id": "background_image_position", "label": "Image focal point", "default": "center center", "options": [ { "label": "Top left", "value": "top left" }, { "label": "Top center", "value": "top center" }, { "label": "Top right", "value": "top right" }, { "label": "Middle left", "value": "center left" }, { "label": "Middle center", "value": "center center" }, { "label": "Middle right", "value": "center right" }, { "label": "Bottom left", "value": "bottom left" }, { "label": "Bottom center", "value": "bottom center" }, { "label": "Bottom right", "value": "bottom right" } ], "info": "Used to keep the subject of your photo in view." } ] }, { "type": "rich-text", "name": "Rich text", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Rich text block" }, { "type": "richtext", "id": "text", "label": "Text", "default": "

Use this section for any descriptive text you need to fill out your pages or to add introductory headings between other blocks.

" }, { "type": "select", "id": "align_text", "label": "Text alignment", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Centered" } ] }, { "type": "checkbox", "id": "narrow_column", "label": "Narrow column", "default": true }, { "type": "checkbox", "id": "enlarge_text", "label": "Enlarge text" } ] }, { "type": "image-row", "name": "Row of images", "settings": [ { "type": "image_picker", "id": "image_1", "label": "Image 1" }, { "type": "url", "id": "image_1_link", "label": "Link 1", "info": "Optional" }, { "type": "image_picker", "id": "image_2", "label": "Image 2" }, { "type": "url", "id": "image_2_link", "label": "Link 2", "info": "Optional" }, { "type": "image_picker", "id": "image_3", "label": "Image 3" }, { "type": "url", "id": "image_3_link", "label": "Link 3", "info": "Optional" }, { "type": "image_picker", "id": "image_4", "label": "Image 4" }, { "type": "url", "id": "image_4_link", "label": "Link 4", "info": "Optional" }, { "type": "checkbox", "id": "enable_gutter", "label": "Add spacing", "default": false }, { "type": "checkbox", "id": "enable_zoom", "label": "Enable image zoom", "info": "Not active if any image links set", "default": true } ] }, { "type": "testimonials", "name": "Testimonials", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Testimonials" }, { "type": "select", "id": "align_text", "label": "Text alignment", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Centered" } ] }, { "type": "checkbox", "id": "round_images", "label": "Circular images" }, { "type": "header", "content": "Testimonial 1" }, { "type": "richtext", "id": "testimonial_1", "label": "Text", "default": "

Add customer reviews and testimonials to showcase your store’s happy customers.

" }, { "type": "image_picker", "id": "image_1", "label": "Author's image" }, { "type": "text", "id": "author_1", "label": "Author", "default": "Author's name" }, { "type": "header", "content": "Testimonial 2" }, { "type": "richtext", "id": "testimonial_2", "label": "Text", "default": "

Add customer reviews and testimonials to showcase your store’s happy customers.

" }, { "type": "image_picker", "id": "image_2", "label": "Author's image" }, { "type": "text", "id": "author_2", "label": "Author", "default": "Author's name" } ] }, { "type": "text-columns", "name": "Text columns with images", "settings": [ { "type": "text", "id": "title", "label": "Title" }, { "type": "select", "id": "align_text", "label": "Text alignment", "default": "left", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Centered" } ] }, { "type": "header", "content": "Column 1" }, { "type": "checkbox", "id": "enable_image_1", "label": "Show image", "default": true }, { "type": "image_picker", "id": "image_1", "label": "Image" }, { "type": "text", "id": "title_1", "label": "Heading", "default": "Example title" }, { "type": "richtext", "id": "text_1", "label": "Text", "default": "

Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.

" }, { "type": "text", "id": "button_label_1", "label": "Button label" }, { "type": "url", "id": "button_link_1", "label": "Link" }, { "type": "header", "content": "Column 2" }, { "type": "checkbox", "id": "enable_image_2", "label": "Show image", "default": true }, { "type": "image_picker", "id": "image_2", "label": "Image" }, { "type": "text", "id": "title_2", "label": "Heading", "default": "Example title" }, { "type": "richtext", "id": "text_2", "label": "Text", "default": "

Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.

" }, { "type": "text", "id": "button_label_2", "label": "Button label" }, { "type": "url", "id": "button_link_2", "label": "Link" }, { "type": "header", "content": "Column 3" }, { "type": "checkbox", "id": "enable_image_3", "label": "Show image", "default": true }, { "type": "image_picker", "id": "image_3", "label": "Image" }, { "type": "text", "id": "title_3", "label": "Heading", "default": "Example title" }, { "type": "richtext", "id": "text_3", "label": "Text", "default": "

Use this section to explain a set of product features, to link to a series of pages, or to answer common questions about your products. Add images for emphasis.

" }, { "type": "text", "id": "button_label_3", "label": "Button label" }, { "type": "url", "id": "button_link_3", "label": "Link" } ] }, { "type": "hero-video", "name": "Video hero", "settings": [ { "type": "textarea", "id": "title", "label": "Heading", "default": "Bring your\nbrand to life." }, { "type": "range", "id": "title_size", "label": "Heading text size", "default": 80, "min": 40, "max": 100, "unit": "px" }, { "type": "text", "id": "subheading", "label": "Subheading", "default": "Seamless hero videos" }, { "type": "text", "id": "link_text", "label": "Button text", "default": "Optional button" }, { "type": "url", "id": "link", "label": "Button link", "info": "Links to YouTube videos will be opened in a video player" }, { "type": "select", "id": "text_align", "label": "Text alignment", "default": "vertical-bottom horizontal-left", "options": [ { "value": "vertical-center horizontal-left", "label": "Center left" }, { "value": "vertical-center horizontal-center", "label": "Center" }, { "value": "vertical-center horizontal-right", "label": "Center right" }, { "value": "vertical-bottom horizontal-left", "label": "Bottom left" }, { "value": "vertical-bottom horizontal-center", "label": "Bottom center" }, { "value": "vertical-bottom horizontal-right", "label": "Bottom right" } ] }, { "type": "text", "id": "video_url", "label": "Background video link", "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc", "info": "Supports YouTube, .MP4 and Vimeo. Not all features supported by Vimeo. [Learn more](https://archetypethemes.co/blogs/motion/how-do-i-add-background-videos)" }, { "type": "select", "id": "section_height", "label": "Desktop height", "default": "650px", "options": [ { "label": "450px", "value": "450px" }, { "label": "550px", "value": "550px" }, { "label": "650px", "value": "650px" }, { "label": "750px", "value": "750px" }, { "label": "Full screen", "value": "100vh" } ] }, { "type": "select", "id": "mobile_height", "label": "Mobile height", "default": "auto", "options": [ { "label": "Auto", "value": "auto" }, { "label": "250px", "value": "250px" }, { "label": "300px", "value": "300px" }, { "label": "400px", "value": "400px" }, { "label": "500px", "value": "500px" }, { "label": "Full screen", "value": "100vh" } ] } ] } ] } {% endschema %}