{% if section.settings.desktop_overlay_image %}

{% endif %} {% if section.settings.mobile_overlay_image %}

{% endif %}

{% schema %} { "name": "Scroll Animation", "settings": [ { "type": "header", "content": "Animation Settings" }, { "type": "range", "id": "pixels_per_image", "min": 10, "max": 100, "step": 5, "default": 30, "label": "Pixels per image", "info": "Controls the speed of the animation. Lower value = faster animation." }, { "type": "color", "id": "background_color", "label": "Background Color", "default": "#000000" }, { "type": "header", "content": "Image Sequence Settings" }, { "type": "text", "id": "desktop_image_url_base", "label": "Desktop Image URL Base", "default": "https://cdn.shopify.com/s/files/1/0655/8256/3385/files/Exploded_desktop", "info": "Base URL for desktop images (without the number and extension)" }, { "type": "text", "id": "mobile_image_url_base", "label": "Mobile Image URL Base", "default": "https://cdn.shopify.com/s/files/1/0655/8256/3385/files/Exploded_mobile", "info": "Base URL for mobile images (without the number and extension)" }, { "type": "text", "id": "image_extension", "label": "Image Extension", "default": ".jpg", "info": "File extension including the dot (e.g., .jpg, .png)" }, { "type": "range", "id": "start_image", "min": 1, "max": 100, "step": 1, "default": 1, "label": "Starting Image Number" }, { "type": "range", "id": "total_images", "min": 2, "max": 200, "step": 2, "default": 118, "label": "Total Number of Images" }, { "type": "header", "content": "Desktop Settings" }, { "type": "range", "id": "desktop_height", "min": 500, "max": 1200, "step": 50, "default": 900, "label": "Height (px)" }, { "type": "range", "id": "desktop_margin_top", "min": 0, "max": 100, "step": 5, "default": 0, "label": "Top Margin (px)" }, { "type": "range", "id": "desktop_margin_bottom", "min": 0, "max": 100, "step": 5, "default": 0, "label": "Bottom Margin (px)" }, { "type": "header", "content": "Desktop Text Content" }, { "type": "text", "id": "desktop_heading", "label": "Heading", "default": "SOUND BY BOSE" }, { "type": "color", "id": "desktop_heading_color", "label": "Heading Color", "default": "#ffffff" }, { "type": "richtext", "id": "desktop_content", "label": "Content", "default": "

We teamed up with Bose to bring you a high-fidelity audio experience defined by clarity of sound and depth of range. Everything from ear gels to audio architecture is optimized for ideal performance. No compromises, just great sound.

" }, { "type": "color", "id": "desktop_text_color", "label": "Text Color", "default": "#ffffff" }, { "type": "range", "id": "desktop_text_width", "min": 10, "max": 100, "step": 5, "default": 50, "label": "Text Box Width (%)" }, { "type": "select", "id": "desktop_text_position_vertical", "label": "Vertical Position", "options": [ { "value": "top", "label": "Top" }, { "value": "middle", "label": "Middle" }, { "value": "bottom", "label": "Bottom" } ], "default": "top" }, { "type": "select", "id": "desktop_text_position_horizontal", "label": "Horizontal Position", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" }, { "type": "select", "id": "desktop_text_align", "label": "Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" }, { "type": "range", "id": "desktop_heading_size", "min": 16, "max": 60, "step": 1, "default": 24, "label": "Heading Size (px)" }, { "type": "range", "id": "desktop_content_size", "min": 12, "max": 30, "step": 1, "default": 16, "label": "Content Size (px)" }, { "type": "header", "content": "Desktop Overlay Badge" }, { "type": "image_picker", "id": "desktop_overlay_image", "label": "Overlay Image" }, { "type": "range", "id": "desktop_overlay_width", "min": 50, "max": 500, "step": 10, "default": 150, "label": "Width (px)" }, { "type": "select", "id": "desktop_overlay_horizontal_position", "label": "Horizontal Position From", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "right" }, { "type": "range", "id": "desktop_overlay_horizontal_value", "min": 0, "max": 100, "step": 1, "default": 10, "label": "Horizontal Position (%)" }, { "type": "range", "id": "desktop_overlay_top", "min": 0, "max": 100, "step": 1, "default": 10, "label": "Position from Top (%)" }, { "type": "header", "content": "Mobile Settings" }, { "type": "range", "id": "mobile_height", "min": 300, "max": 900, "step": 50, "default": 700, "label": "Height (px)" }, { "type": "range", "id": "mobile_margin_top", "min": 0, "max": 100, "step": 5, "default": 0, "label": "Top Margin (px)" }, { "type": "range", "id": "mobile_margin_bottom", "min": 0, "max": 100, "step": 5, "default": 0, "label": "Bottom Margin (px)" }, { "type": "header", "content": "Mobile Text Content" }, { "type": "text", "id": "mobile_heading", "label": "Heading", "default": "SOUND BY BOSE" }, { "type": "color", "id": "mobile_heading_color", "label": "Heading Color", "default": "#ffffff" }, { "type": "richtext", "id": "mobile_content", "label": "Content", "default": "

" }, { "type": "color", "id": "mobile_text_color", "label": "Text Color", "default": "#ffffff" }, { "type": "range", "id": "mobile_text_width", "min": 10, "max": 100, "step": 5, "default": 80, "label": "Text Box Width (%)" }, { "type": "select", "id": "mobile_text_position_vertical", "label": "Vertical Position", "options": [ { "value": "top", "label": "Top" }, { "value": "middle", "label": "Middle" }, { "value": "bottom", "label": "Bottom" } ], "default": "top" }, { "type": "select", "id": "mobile_text_position_horizontal", "label": "Horizontal Position", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" }, { "type": "select", "id": "mobile_text_align", "label": "Text Alignment", "options": [ { "value": "left", "label": "Left" }, { "value": "center", "label": "Center" }, { "value": "right", "label": "Right" } ], "default": "left" }, { "type": "range", "id": "mobile_heading_size", "min": 16, "max": 60, "step": 1, "default": 20, "label": "Heading Size (px)" }, { "type": "range", "id": "mobile_content_size", "min": 12, "max": 30, "step": 1, "default": 14, "label": "Content Size (px)" }, { "type": "header", "content": "Mobile Overlay Badge" }, { "type": "image_picker", "id": "mobile_overlay_image", "label": "Overlay Image" }, { "type": "range", "id": "mobile_overlay_width", "min": 50, "max": 300, "step": 10, "default": 100, "label": "Width (px)" }, { "type": "select", "id": "mobile_overlay_horizontal_position", "label": "Horizontal Position From", "options": [ { "value": "left", "label": "Left" }, { "value": "right", "label": "Right" } ], "default": "right" }, { "type": "range", "id": "mobile_overlay_horizontal_value", "min": 0, "max": 100, "step": 1, "default": 10, "label": "Horizontal Position (%)" }, { "type": "range", "id": "mobile_overlay_top", "min": 0, "max": 100, "step": 1, "default": 10, "label": "Position from Top (%)" } ], "presets": [ { "name": "Scroll Animation" } ] } {% endschema %}

{{ section.settings.desktop_heading }}

{{ section.settings.mobile_heading }}