"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": "paragraph", "content": "All submissions are sent to the customer email address of your store. [Learn more](https://help.shopify.com/en/manual/using-themes/change-the-layout/add-contact-form#view-contact-form-submissions)." }, { "type": "text", "id": "title", "label": "Title", "default": "Contact us" }, { "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" }, { "type": "checkbox", "id": "space_around", "label": "Add spacing above and below", "default": true }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" }, { "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": "featured-collection", "name": "Featured collection grid", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Featured collection grid" }, { "type": "collection", "id": "collection", "label": "Collection" }, { "type": "range", "id": "rows", "label": "Rows of products", "default": 2, "min": 1, "max": 4, "step": 1 }, { "type": "range", "id": "per_row_desktop", "label": "Desktop products per row", "default": 3, "min": 2, "max": 4, "step": 1 }, { "type": "select", "id": "per_row_mobile", "label": "Mobile products per row", "default": "1", "options": [ { "value": "1", "label": "1" }, { "value": "2", "label": "2, spaced" }, { "value": "2-flush", "label": "2, flush" } ] }, { "type": "checkbox", "id": "view_all", "label": "Show 'View all' link", "default": true }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" } ] }, { "type": "collection-slider", "name": "Featured collection", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Featured collection" }, { "type": "text", "id": "description", "label": "Description" }, { "type": "collection", "id": "collection", "label": "Collection" }, { "type": "select", "id": "per_row", "label": "Products per row", "default": "small", "options": [ { "value": "small", "label": "3" }, { "value": "medium", "label": "4" }, { "value": "large", "label": "5" } ] }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" } ] }, { "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": "Text", "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-center horizontal-center", "options": [ { "value": "vertical-top horizontal-left", "label": "Top left" }, { "value": "vertical-top horizontal-center", "label": "Top center" }, { "value": "vertical-top horizontal-right", "label": "Top right" }, { "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": "range", "id": "desktop_size", "label": "Desktop height adjustment", "default": 0, "min": -100, "max": 100, "step": 10, "unit": "%" }, { "type": "image_picker", "id": "image_mobile", "label": "Mobile image" }, { "type": "range", "id": "mobile_size", "label": "Mobile height adjustment", "default": 0, "min": -100, "max": 100, "step": 10, "unit": "%" }, { "type": "select", "id": "focal_point", "label": "Focal point", "default": "center center", "options": [ { "value": "20% 10%", "label": "Top left" }, { "value": "50% 10%", "label": "Top center" }, { "value": "80% 10%", "label": "Top right" }, { "value": "20% 50%", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "80% 50%", "label": "Right" }, { "value": "20% 90%", "label": "Bottom left" }, { "value": "50% 90%", "label": "Bottom center" }, { "value": "80% 90%", "label": "Bottom right" } ], "info": "Used to keep the subject of your photo in view." } ] }, { "type": "text-and-image", "name": "Image with text", "settings": [ { "type": "image_picker", "id": "image", "label": "Image" }, { "type": "image_picker", "id": "image2", "label": "Image 2" }, { "type": "range", "id": "image_width", "label": "Image width", "default": 700, "min": 200, "max": 700, "step": 10, "unit": "px" }, { "type": "text", "id": "subtitle", "label": "Subheading" }, { "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" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "button_style", "label": "Button style", "default": "primary", "options": [ { "value": "primary", "label": "Primary" }, { "value": "secondary", "label": "Secondary" } ] }, { "type": "select", "id": "layout", "label": "Layout", "default": "right", "options": [ { "value": "left", "label": "Image on left" }, { "value": "right", "label": "Image on right" } ] }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" } ] }, { "type": "background-image-text", "name": "Large image with text box", "settings": [ { "type": "text", "id": "subtitle", "label": "Subheading" }, { "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": "range", "id": "desktop_size", "label": "Desktop height adjustment", "default": 0, "min": -100, "max": 100, "step": 10, "unit": "%" }, { "type": "select", "id": "image_alignment", "label": "Image focal point", "info": "Used to keep the subject of your photo in view.", "default": "center center", "options": [ { "value": "20% 10%", "label": "Top left" }, { "value": "50% 10%", "label": "Top center" }, { "value": "80% 10%", "label": "Top right" }, { "value": "20% 50%", "label": "Left" }, { "value": "center center", "label": "Center" }, { "value": "80% 50%", "label": "Right" }, { "value": "20% 90%", "label": "Bottom left" }, { "value": "50% 90%", "label": "Bottom center" }, { "value": "80% 90%", "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": "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" }, { "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": "marquee", "name": "Scrolling text", "settings": [ { "type": "text", "id": "text", "label": "Text", "default": "Free shipping and returns" }, { "type": "url", "id": "link", "label": "Link" }, { "type": "range", "id": "text_size", "label": "Text size", "default": 70, "min": 20, "max": 150, "step": 2, "unit": "px" }, { "type": "checkbox", "id": "text_spacing", "label": "Add spacing", "default": true }, { "type": "select", "id": "color_scheme", "label": "Color scheme", "default": "button", "options": [ { "label": "Button", "value": "button" }, { "label": "Text", "value": "text" } ] }, { "type": "select", "id": "direction", "label": "Direction", "default": "left", "options": [ { "label": "Left", "value": "left" }, { "label": "Right", "value": "right" } ] }, { "type": "select", "id": "speed", "label": "Speed", "default": "normal", "options": [ { "label": "Fast", "value": "fast" }, { "label": "Normal", "value": "normal" }, { "label": "Slow", "value": "slow" } ] } ] }, { "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": "center", "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": "checkbox", "id": "alt", "label": "Use alternate section color" } ] }, { "type": "testimonials", "name": "Testimonials", "settings": [ { "type": "text", "id": "title", "label": "Title", "default": "Testimonials" }, { "type": "select", "id": "align_text", "label": "Text alignment", "default": "center", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Centered" } ] }, { "type": "checkbox", "id": "round_images", "label": "Circular images" }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" }, { "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": "center", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Centered" } ] }, { "type": "checkbox", "id": "alt", "label": "Use alternate section color" }, { "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": "range", "id": "image_width_1", "label": "Image width", "default": 650, "min": 60, "max": 650, "step": 10, "unit": "px" }, { "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": "range", "id": "image_width_2", "label": "Image width", "default": 650, "min": 60, "max": 650, "step": 10, "unit": "px" }, { "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" }, { "type": "image_picker", "id": "image_3", "label": "Image" }, { "type": "range", "id": "image_width_3", "label": "Image width", "default": 650, "min": 60, "max": 650, "step": 10, "unit": "px" }, { "type": "text", "id": "title_3", "label": "Heading" }, { "type": "richtext", "id": "text_3", "label": "Text" }, { "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": "Text", "default": "Seamless auto-playing hero videos" }, { "type": "text", "id": "link_text", "label": "Button text" }, { "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-center horizontal-center", "options": [ { "value": "vertical-top horizontal-left", "label": "Top left" }, { "value": "vertical-top horizontal-center", "label": "Top center" }, { "value": "vertical-top horizontal-right", "label": "Top right" }, { "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": "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/streamline/how-do-i-add-background-videos)" }, { "type": "select", "id": "section_height", "label": "Desktop height", "default": "750px", "options": [ { "label": "450px", "value": "450px" }, { "label": "550px", "value": "550px" }, { "label": "650px", "value": "650px" }, { "label": "750px", "value": "750px" }, { "label": "850px", "value": "850px" }, { "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" } ] } ] } ] }