{% # theme-check-disable MissingTemplate, ImgWidthAndHeight, ImgLazyLoading, RemoteAsset %} {% assign sect = section.settings %} {%- style -%} .section-{{ section.id }}-video-height { height: {{ sect.mobile_video_height }}px; } .section-{{ section.id }}-content-width { width: {{ sect.mobile_content_width }}%; } @media screen and (min-width: 768px) { .section-{{ section.id }}-video-height { height: {{ sect.tablet_video_height }}px; } .section-{{ section.id }}-content-width { width: {{ sect.tablet_content_width }}%; } } @media screen and (min-width: 1024px) { .section-{{ section.id }}-video-height { height: {{ sect.desktop_video_height }}px; } .section-{{ section.id }}-content-width { width: {{ sect.desktop_content_width }}%; } } {%- endstyle -%} {% style %} .section-{{ section.id }}-content-margin { margin-right: {{ sect.mobile_content_right_margin }}px; margin-left: {{ sect.mobile_content_left_margin }}px; margin-top: {{ sect.mobile_content_top_margin }}px; margin-bottom: {{ sect.mobile_content_bottom_margin }}px; } .section-{{ section.id }}-top-overlay-margin { margin-right: {{ sect.top_overlay_mobile_content_right_margin }}px; margin-top: {{ sect.top_overlay_mobile_content_top_margin }}px; } @media screen and (min-width: 768px) { .section-{{ section.id }}-content-margin { margin-right: {{ sect.tablet_content_right_margin }}px; margin-left: {{ sect.tablet_content_left_margin }}px; margin-top: {{ sect.tablet_content_top_margin }}px; margin-bottom: {{ sect.tablet_content_bottom_margin }}px; } .section-{{ section.id }}-top-overlay-margin { margin-right: {{ sect.top_overlay_tablet_content_right_margin }}px; margin-top: {{ sect.top_overlay_tablet_content_top_margin }}px; } } @media screen and (min-width: 1024px) { .section-{{ section.id }}-content-margin { margin-right: {{ sect.desktop_content_right_margin }}px; margin-left: {{ sect.desktop_content_left_margin }}px; margin-top: {{ sect.desktop_content_top_margin }}px; margin-bottom: {{ sect.desktop_content_bottom_margin }}px; } .section-{{ section.id }}-top-overlay-margin { margin-right: {{ sect.top_overlay_desktop_content_right_margin }}px; margin-top: {{ sect.top_overlay_desktop_content_top_margin }}px; } } {% endstyle %} {% capture content_margin_settings %} section-{{ section.id }}-content-margin {% endcapture %}
{% if section.blocks.size > 0 %}
{% liquid for block in section.blocks case block.type when 'heading' render 'hw_block-heading', settings: block.settings, section_id: section.id, block_id: block.id when 'text' render 'hw_block-text', settings: block.settings, section_id: section.id, block_id: block.id when 'button' render 'hw_block-button', settings: block.settings, section_id: section.id, block_id: block.id endcase endfor %}
{% if sect.bottom_overlay_image != blank %}
{% endif %} {% if sect.top_overlay_image != blank %}
{% endif %}
{% endif %}
{% schema %} { "name": "Video banner", "class": "section", "settings": [ { "type": "text", "id": "video_url", "label": "Background video URL", "info": "Provide the video URL" }, { "type": "text", "id": "video_poster_url", "label": "Video poster URL", "info": "Provide the video poster URL" }, { "type": "image_picker", "id": "bottom_overlay_image", "label": "Bottom overlay image", "info": "Provide bottom overlay image" }, { "type": "image_picker", "id": "top_overlay_image", "label": "Top overlay image", "info": "Provide top overlay image" }, { "type": "header", "content": "Text content positioning settings" }, { "type": "select", "id": "desktop_content_position", "options": [ { "value": "md:justify-start md:items-start", "label": "Top Left" }, { "value": "md:justify-start md:items-center", "label": "Top Center" }, { "value": "md:justify-start md:items-end", "label": "Top Right" }, { "value": "md:justify-center md:items-start", "label": "Middle Left" }, { "value": "md:justify-center md:items-center", "label": "Middle Center" }, { "value": "md:justify-center md:items-end", "label": "Middle Right" }, { "value": "md:justify-end md:items-start", "label": "Bottom Left" }, { "value": "md:justify-end md:items-center", "label": "Bottom Center" }, { "value": "md:justify-end md:items-end", "label": "Bottom Right" } ], "default": "md:justify-center md:items-center", "label": "Content Position (Desktop)" }, { "type": "select", "id": "mobile_content_position", "options": [ { "value": "justify-start", "label": "Top" }, { "value": "justify-center", "label": "Middle" }, { "value": "justify-end", "label": "Bottom" } ], "default": "justify-center", "label": "Content Position (Mobile)" }, { "type": "header", "content": "Video height settings" }, { "type": "number", "id": "desktop_video_height", "label": "Video Height in px (Desktop)", "default": 100 }, { "type": "number", "id": "tablet_video_height", "label": "Video Height in px (Tablet)", "default": 100 }, { "type": "number", "id": "mobile_video_height", "label": "Video Height in px (Mobile)", "default": 100 }, { "type": "header", "content": "Content width settings" }, { "type": "number", "id": "desktop_content_width", "label": "Content Width in % (Desktop)", "default": 100 }, { "type": "number", "id": "tablet_content_width", "label": "Content Width in % (Tablet)", "default": 100 }, { "type": "number", "id": "mobile_content_width", "label": "Content Width in % (Mobile)", "default": 100 }, { "type": "header", "content": "Content Margin Settings" }, { "type": "range", "id": "desktop_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin right (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin right (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin right (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin left (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin left (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin left (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin top (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin top (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin top (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_content_bottom_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin bottom (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_content_bottom_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin bottom (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_content_bottom_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Content margin bottom (Mobile)", "default": 0 }, { "type": "header", "content": "Top Overlay Margin Settings" }, { "type": "range", "id": "top_overlay_desktop_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin right (Desktop)", "default": 0 }, { "type": "range", "id": "top_overlay_tablet_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin right (Tablet)", "default": 0 }, { "type": "range", "id": "top_overlay_mobile_content_right_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin right (Mobile)", "default": 0 }, { "type": "range", "id": "top_overlay_desktop_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin left (Desktop)", "default": 0 }, { "type": "range", "id": "top_overlay_tablet_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin left (Tablet)", "default": 0 }, { "type": "range", "id": "top_overlay_mobile_content_left_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin left (Mobile)", "default": 0 }, { "type": "range", "id": "top_overlay_desktop_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin top (Desktop)", "default": 0 }, { "type": "range", "id": "top_overlay_tablet_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin top (Tablet)", "default": 0 }, { "type": "range", "id": "top_overlay_mobile_content_top_margin", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top Overlay margin top (Mobile)", "default": 0 } ], "blocks": [ { "type": "heading", "name": "Heading", "limit": 1, "settings": [ { "type": "text", "id": "content", "default": "Talk about your brand", "label": "Heading label" }, { "type": "select", "id": "font_family", "options": [ { "value": "font-primary", "label": "Primary font" }, { "value": "font-display", "label": "Secondary font" } ], "default": "font-primary", "label": "Font family" }, { "type": "select", "id": "desktop_text_position", "options": [ { "value": "", "label": "None" }, { "value": "lg:text-left", "label": "Left" }, { "value": "lg:text-center", "label": "Centered" }, { "value": "lg:text-right", "label": "Right" } ], "default": "", "label": "Text position (Desktop)" }, { "type": "select", "id": "tablet_text_position", "options": [ { "value": "", "label": "None" }, { "value": "md:text-left", "label": "Left" }, { "value": "md:text-center", "label": "Centered" }, { "value": "md:text-right", "label": "Right" } ], "default": "", "label": "Text position (Tablet)" }, { "type": "select", "id": "mobile_text_position", "options": [ { "value": "", "label": "None" }, { "value": "text-left", "label": "Left" }, { "value": "text-center", "label": "Centered" }, { "value": "text-right", "label": "Right" } ], "default": "", "label": "Text position (Mobile)" }, { "type": "select", "id": "desktop_font_size", "options": [ { "value": "lg:text-xs", "label": "Text 0.75rem" }, { "value": "lg:text-sm", "label": "Text 0.875rem" }, { "value": "lg:text-base", "label": "Text 1rem" }, { "value": "lg:text-lg", "label": "Text 1.125rem" }, { "value": "lg:text-xl", "label": "Text 1.25rem" }, { "value": "lg:text-2xl", "label": "Text 1.5rem" }, { "value": "lg:text-3xl", "label": "Text 1.875rem" }, { "value": "lg:text-4xl", "label": "Text 2.25rem" }, { "value": "lg:text-5xl", "label": "Text 3rem" }, { "value": "lg:text-6xl", "label": "Text 3.75rem" }, { "value": "lg:text-7xl", "label": "Text 4.5rem" }, { "value": "lg:text-8xl", "label": "Text 6rem" }, { "value": "lg:text-9xl", "label": "Text 8rem" } ], "default": "lg:text-base", "label": "Font size (Desktop)" }, { "type": "select", "id": "tablet_font_size", "options": [ { "value": "md:text-xs", "label": "Text 0.75rem" }, { "value": "md:text-sm", "label": "Text 0.875rem" }, { "value": "md:text-base", "label": "Text 1rem" }, { "value": "md:text-lg", "label": "Text 1.125rem" }, { "value": "md:text-xl", "label": "Text 1.25rem" }, { "value": "md:text-2xl", "label": "Text 1.5rem" }, { "value": "md:text-3xl", "label": "Text 1.875rem" }, { "value": "md:text-4xl", "label": "Text 2.25rem" }, { "value": "md:text-5xl", "label": "Text 3rem" }, { "value": "md:text-6xl", "label": "Text 3.75rem" }, { "value": "md:text-7xl", "label": "Text 4.5rem" }, { "value": "md:text-8xl", "label": "Text 6rem" }, { "value": "md:text-9xl", "label": "Text 8rem" } ], "default": "md:text-base", "label": "Font size (Tablet)" }, { "type": "select", "id": "mobile_font_size", "options": [ { "value": "text-xs", "label": "Text 0.75rem" }, { "value": "text-sm", "label": "Text 0.875rem" }, { "value": "text-base", "label": "Text 1rem" }, { "value": "text-lg", "label": "Text 1.125rem" }, { "value": "text-xl", "label": "Text 1.25rem" }, { "value": "text-2xl", "label": "Text 1.5rem" }, { "value": "text-3xl", "label": "Text 1.875rem" }, { "value": "text-4xl", "label": "Text 2.25rem" }, { "value": "text-5xl", "label": "Text 3rem" }, { "value": "text-6xl", "label": "Text 3.75rem" }, { "value": "text-7xl", "label": "Text 4.5rem" }, { "value": "text-8xl", "label": "Text 6rem" }, { "value": "text-9xl", "label": "Text 8rem" } ], "default": "text-base", "label": "Font size (Mobile)" }, { "type": "select", "id": "desktop_font_weight", "options": [ { "value": "lg:font-light", "label": "Font light" }, { "value": "lg:font-normal", "label": "Font normal" }, { "value": "lg:font-medium", "label": "Font medium" }, { "value": "lg:font-semibold", "label": "Font semibold" }, { "value": "lg:font-bold", "label": "Font bold" } ], "default": "lg:font-normal", "label": "Font weight (Desktop)" }, { "type": "select", "id": "tablet_font_weight", "options": [ { "value": "md:font-light", "label": "Font light" }, { "value": "md:font-normal", "label": "Font normal" }, { "value": "md:font-medium", "label": "Font medium" }, { "value": "md:font-semibold", "label": "Font semibold" }, { "value": "md:font-bold", "label": "Font bold" } ], "default": "md:font-normal", "label": "Font weight (Tablet)" }, { "type": "select", "id": "mobile_font_weight", "options": [ { "value": "font-light", "label": "Font light" }, { "value": "font-normal", "label": "Font normal" }, { "value": "font-medium", "label": "Font medium" }, { "value": "font-semibold", "label": "Font semibold" }, { "value": "font-bold", "label": "Font bold" } ], "default": "font-normal", "label": "Font weight (Mobile)" }, { "type": "select", "id": "desktop_line_height", "options": [ { "value": "lg:leading-p100", "label": "Line height 100%" }, { "value": "lg:leading-p125", "label": "Line height 125%" }, { "value": "lg:leading-p150", "label": "Line height 150%" }, { "value": "lg:leading-p162_5", "label": "Line height 162.5%" }, { "value": "lg:leading-p200", "label": "Line height 200%" } ], "default": "lg:leading-p100", "label": "Line height (Desktop)" }, { "type": "select", "id": "tablet_line_height", "options": [ { "value": "md:leading-p100", "label": "Line height 100%" }, { "value": "md:leading-p125", "label": "Line height 125%" }, { "value": "md:leading-p150", "label": "Line height 150%" }, { "value": "md:leading-p162_5", "label": "Line height 162.5%" }, { "value": "md:leading-p200", "label": "Line height 200%" } ], "default": "md:leading-p100", "label": "Line height (Tablet)" }, { "type": "select", "id": "mobile_line_height", "options": [ { "value": "leading-p100", "label": "Line height 100%" }, { "value": "leading-p125", "label": "Line height 125%" }, { "value": "leading-p150", "label": "Line height 150%" }, { "value": "leading-p162_5", "label": "Line height 162.5%" }, { "value": "leading-p200", "label": "Line height 200%" } ], "default": "leading-p100", "label": "Line height (Mobile)" }, { "type": "color", "id": "text_font_color", "default": "rgba(0, 0, 0, 0)", "label": "Text font color" }, { "type": "header", "content": "Margin settings" }, { "type": "range", "id": "desktop_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Mobile)", "default": 0 } ] }, { "type": "text", "name": "Text", "limit": 1, "settings": [ { "type": "richtext", "id": "content", "default": "

Share information about your brand with your customers. Describe a product, make announcements, or welcome customers to your store.

", "label": "Content" }, { "type": "select", "id": "font_family", "options": [ { "value": "font-primary", "label": "Primary font" }, { "value": "font-display", "label": "Secondary font" } ], "default": "font-primary", "label": "Font family" }, { "type": "select", "id": "desktop_text_position", "options": [ { "value": "", "label": "None" }, { "value": "lg:text-left", "label": "Left" }, { "value": "lg:text-center", "label": "Centered" }, { "value": "lg:text-right", "label": "Right" } ], "default": "", "label": "Text position (Desktop)" }, { "type": "select", "id": "tablet_text_position", "options": [ { "value": "", "label": "None" }, { "value": "md:text-left", "label": "Left" }, { "value": "md:text-center", "label": "Centered" }, { "value": "md:text-right", "label": "Right" } ], "default": "", "label": "Text position (Tablet)" }, { "type": "select", "id": "mobile_text_position", "options": [ { "value": "", "label": "None" }, { "value": "text-left", "label": "Left" }, { "value": "text-center", "label": "Centered" }, { "value": "text-right", "label": "Right" } ], "default": "", "label": "Text position (Mobile)" }, { "type": "select", "id": "desktop_font_size", "options": [ { "value": "lg:text-xs", "label": "Text 0.75rem" }, { "value": "lg:text-sm", "label": "Text 0.875rem" }, { "value": "lg:text-base", "label": "Text 1rem" }, { "value": "lg:text-lg", "label": "Text 1.125rem" }, { "value": "lg:text-xl", "label": "Text 1.25rem" }, { "value": "lg:text-2xl", "label": "Text 1.5rem" }, { "value": "lg:text-3xl", "label": "Text 1.875rem" }, { "value": "lg:text-4xl", "label": "Text 2.25rem" }, { "value": "lg:text-5xl", "label": "Text 3rem" }, { "value": "lg:text-6xl", "label": "Text 3.75rem" }, { "value": "lg:text-7xl", "label": "Text 4.5rem" }, { "value": "lg:text-8xl", "label": "Text 6rem" }, { "value": "lg:text-9xl", "label": "Text 8rem" } ], "default": "lg:text-base", "label": "Font size (Desktop)" }, { "type": "select", "id": "tablet_font_size", "options": [ { "value": "md:text-xs", "label": "Text 0.75rem" }, { "value": "md:text-sm", "label": "Text 0.875rem" }, { "value": "md:text-base", "label": "Text 1rem" }, { "value": "md:text-lg", "label": "Text 1.125rem" }, { "value": "md:text-xl", "label": "Text 1.25rem" }, { "value": "md:text-2xl", "label": "Text 1.5rem" }, { "value": "md:text-3xl", "label": "Text 1.875rem" }, { "value": "md:text-4xl", "label": "Text 2.25rem" }, { "value": "md:text-5xl", "label": "Text 3rem" }, { "value": "md:text-6xl", "label": "Text 3.75rem" }, { "value": "md:text-7xl", "label": "Text 4.5rem" }, { "value": "md:text-8xl", "label": "Text 6rem" }, { "value": "md:text-9xl", "label": "Text 8rem" } ], "default": "md:text-base", "label": "Font size (Tablet)" }, { "type": "select", "id": "mobile_font_size", "options": [ { "value": "text-xs", "label": "Text 0.75rem" }, { "value": "text-sm", "label": "Text 0.875rem" }, { "value": "text-base", "label": "Text 1rem" }, { "value": "text-lg", "label": "Text 1.125rem" }, { "value": "text-xl", "label": "Text 1.25rem" }, { "value": "text-2xl", "label": "Text 1.5rem" }, { "value": "text-3xl", "label": "Text 1.875rem" }, { "value": "text-4xl", "label": "Text 2.25rem" }, { "value": "text-5xl", "label": "Text 3rem" }, { "value": "text-6xl", "label": "Text 3.75rem" }, { "value": "text-7xl", "label": "Text 4.5rem" }, { "value": "text-8xl", "label": "Text 6rem" }, { "value": "text-9xl", "label": "Text 8rem" } ], "default": "text-base", "label": "Font size (Mobile)" }, { "type": "select", "id": "desktop_font_weight", "options": [ { "value": "lg:font-light", "label": "Font light" }, { "value": "lg:font-normal", "label": "Font normal" }, { "value": "lg:font-medium", "label": "Font medium" }, { "value": "lg:font-semibold", "label": "Font semibold" }, { "value": "lg:font-bold", "label": "Font bold" } ], "default": "lg:font-normal", "label": "Font weight (Desktop)" }, { "type": "select", "id": "tablet_font_weight", "options": [ { "value": "md:font-light", "label": "Font light" }, { "value": "md:font-normal", "label": "Font normal" }, { "value": "md:font-medium", "label": "Font medium" }, { "value": "md:font-semibold", "label": "Font semibold" }, { "value": "md:font-bold", "label": "Font bold" } ], "default": "md:font-normal", "label": "Font weight (Tablet)" }, { "type": "select", "id": "mobile_font_weight", "options": [ { "value": "font-light", "label": "Font light" }, { "value": "font-normal", "label": "Font normal" }, { "value": "font-medium", "label": "Font medium" }, { "value": "font-semibold", "label": "Font semibold" }, { "value": "font-bold", "label": "Font bold" } ], "default": "font-normal", "label": "Font weight (Mobile)" }, { "type": "select", "id": "desktop_line_height", "options": [ { "value": "lg:leading-p100", "label": "Line height 100%" }, { "value": "lg:leading-p125", "label": "Line height 125%" }, { "value": "lg:leading-p150", "label": "Line height 150%" }, { "value": "lg:leading-p162_5", "label": "Line height 162.5%" }, { "value": "lg:leading-p200", "label": "Line height 200%" } ], "default": "lg:leading-p100", "label": "Line height (Desktop)" }, { "type": "select", "id": "tablet_line_height", "options": [ { "value": "md:leading-p100", "label": "Line height 100%" }, { "value": "md:leading-p125", "label": "Line height 125%" }, { "value": "md:leading-p150", "label": "Line height 150%" }, { "value": "md:leading-p162_5", "label": "Line height 162.5%" }, { "value": "md:leading-p200", "label": "Line height 200%" } ], "default": "md:leading-p100", "label": "Line height (Tablet)" }, { "type": "select", "id": "mobile_line_height", "options": [ { "value": "leading-p100", "label": "Line height 100%" }, { "value": "leading-p125", "label": "Line height 125%" }, { "value": "leading-p150", "label": "Line height 150%" }, { "value": "leading-p162_5", "label": "Line height 162.5%" }, { "value": "leading-p200", "label": "Line height 200%" } ], "default": "leading-p100", "label": "Line height (Mobile)" }, { "type": "color", "id": "text_font_color", "default": "rgba(0, 0, 0, 0)", "label": "Text font color" }, { "type": "header", "content": "Margin settings" }, { "type": "range", "id": "desktop_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Mobile)", "default": 0 } ] }, { "type": "button", "name": "Button", "limit": 1, "settings": [ { "type": "text", "id": "button_label", "default": "Button label", "label": "Button label" }, { "type": "url", "id": "button_link", "label": "Button link" }, { "type": "select", "id": "button_position", "options": [ { "value": "", "label": "None" }, { "value": "md:justify-start", "label": "Left" }, { "value": "md:justify-center", "label": "Centered" }, { "value": "md:justify-end", "label": "Right" } ], "default": "", "label": "Button position" }, { "type": "select", "id": "mobile_button_position", "options": [ { "value": "", "label": "None" }, { "value": "justify-start", "label": "Left" }, { "value": "justify-center", "label": "Centered" }, { "value": "justify-end", "label": "Right" } ], "default": "", "label": "Button position (Mobile)" }, { "type": "select", "id": "button_type", "options": [ { "value": "primary", "label": "Primary" }, { "value": "secondary", "label": "Secondary" } ], "default": "primary", "label": "Button type" }, { "type": "select", "id": "button_status", "options": [ { "value": "filled", "label": "Filled" }, { "value": "outline", "label": "Outline" }, { "value": "ghost", "label": "Ghost" } ], "default": "filled", "label": "Button status" }, { "type": "select", "id": "button_size", "options": [ { "value": "xs", "label": "Extra Small" }, { "value": "sm", "label": "Small" }, { "value": "md", "label": "Medium" }, { "value": "lg", "label": "Large" }, { "value": "xl", "label": "Extra large" } ], "default": "md", "label": "Button size" }, { "type": "header", "content": "Margin settings" }, { "type": "range", "id": "desktop_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_top", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Top margin (Mobile)", "default": 0 }, { "type": "range", "id": "desktop_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Desktop)", "default": 0 }, { "type": "range", "id": "tablet_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Tablet)", "default": 0 }, { "type": "range", "id": "mobile_margin_bottom", "min": 0, "max": 512, "step": 8, "unit": "px", "label": "Bottom margin (Mobile)", "default": 0 } ] } ], "presets": [ { "name": "Video banner" } ] } {% endschema %}