{ "name": "Image with text overlay", "class": "header-overlap-section section-image-with-text-overlay needs-alt-logo", "settings": [ { "type": "header", "content": "Image" }, { "type": "image_picker", "id": "image", "label": "Image", "info": "2048 x 1024px recommended" }, { "type": "select", "id": "desktop_image_position", "label": "Desktop image alignment", "default": "center center", "info": "Used to keep the subject of your image in view", "options": [ { "value": "top left", "label": "Top left" }, { "value": "top center", "label": "Top center" }, { "value": "top right", "label": "Top right" }, { "value": "center left", "label": "Middle left" }, { "value": "center center", "label": "Middle center" }, { "value": "center right", "label": "Middle right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "select", "id": "mobile_image_position", "label": "Mobile image alignment", "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": "Middle left" }, { "value": "center center", "label": "Middle center" }, { "value": "center right", "label": "Middle right" }, { "value": "bottom left", "label": "Bottom left" }, { "value": "bottom center", "label": "Bottom center" }, { "value": "bottom right", "label": "Bottom right" } ] }, { "type": "radio", "id": "height", "label": "Image height", "default": "fixed", "options": [ { "value": "natural", "label": "Natural" }, { "value": "full", "label": "Full screen" }, { "value": "fixed", "label": "Fixed height" } ] }, { "type": "range", "id": "height_desktop", "min": 200, "max": 1000, "step": 50, "unit": "px", "label": "Desktop fixed height", "default": 450 }, { "type": "range", "id": "height_mobile", "min": 100, "max": 1000, "step": 50, "unit": "px", "label": "Mobile fixed height", "default": 250 }, { "type": "header", "content": "Text" }, { "type": "text", "id": "subheading", "label": "Subheading" }, { "type": "textarea", "id": "title", "label": "Heading", "default": "Image with text overlay" }, { "type": "range", "id": "title_size", "min": 20, "max": 150, "step": 2, "unit": "px", "label": "Heading text size", "default": 60 }, { "type": "richtext", "id": "text", "label": "Text", "default": "

Pair text with an image to draw attention to an important detail of your brand or product line.

" }, { "type": "checkbox", "id": "enlarge_text", "label": "Enlarge text", "default": true }, { "type": "text", "id": "button_label", "label": "Button" }, { "type": "url", "id": "image_link", "label": "Image link" }, { "type": "select", "id": "overlay_position", "label": "Text alignment", "options": [ { "value": "position--left position--top", "label": "Top left" }, { "value": "position--hcenter position--top", "label": "Top center" }, { "value": "position--right position--top", "label": "Top right" }, { "value": "position--left position--vcenter", "label": "Middle left" }, { "value": "position--hcenter position--vcenter", "label": "Middle center" }, { "value": "position--right position--vcenter", "label": "Middle right" }, { "value": "position--left position--bottom", "label": "Bottom left" }, { "value": "position--hcenter position--bottom", "label": "Bottom center" }, { "value": "position--right position--bottom", "label": "Bottom right" } ], "default": "position--hcenter position--vcenter" }, { "type": "header", "content": "Layout" }, { "id": "full_width", "type": "checkbox", "label": "Full page width", "default": true }, { "id": "mobile_overlay_under", "type": "checkbox", "label": "Show text below image on mobile", "default": false }, { "id": "overlay_style_tint", "type": "checkbox", "label": "Show overlay tint", "default": true } ], "presets": [ { "name": "Image with text overlay", "category": "Image", "settings": { } } ] }