{% style %} .bls__page-scrolling-content>*, .bls__product-text-scrolling>* { animation: ticker var(--text-time, 15s) infinite linear; flex-shrink: 0; } .bls__page-scrolling-content a, .bls__page-scrolling-content .bls__banner-text-scrolling { display: flex; align-items: center; white-space: nowrap; color: var(--heading-color); font-weight: var(--text-font-weight); font-size: var(--text-font-size); } .bls__product-text-scrolling .bls__product-text-scrolling-content { background: var(--bg-text-sale-scrolling); color: var(--s-text-color); font-size: var(--text-font-size); font-weight: var(--text-font-weight); } .scroll-text-title { font-family: var(--heading-font-family); } @media (min-width: 992px) { .bls__page-scrolling-content .bls__banner-text-scrolling { font-size: var(--text-font-size); } } @media (max-width: 991px) { .bls__page-scrolling-content .bls__banner-text-scrolling { font-size: 3.6rem; } } .bls__page-scrolling-content a .scroll-line, .bls__page-scrolling-content .bls__banner-text-scrolling .scroll-line, .bls__product-text-scrolling .bls__product-text-scrolling-content .scroll-line { margin: 0 var(--text-spacing); margin-top: -3px; } .bls__page-scrolling-content a .scroll-line svg, .bls__page-scrolling-content .bls__banner-text-scrolling .scroll-line svg { fill: var(--heading-color); stroke: var(--heading-color); } .bls__page-scrolling-content:hover>* { animation-play-state: paused; } .bls__banner-text-scrolling .scroll-line { display: inline-flex; align-items: center; } .bls__banner-text-scrolling { text-transform: uppercase; } .bls__banner-text-scrolling--content { position: absolute; bottom: 0; right: 0; left: 0; } .bls__page-scrolling-content .bls__banner-text-scrolling:nth-child(even) { color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: var(--heading-color); } .bls__product-text-scrolling { background-color: var(--bg-text-sale-scrolling); padding: 0.5rem 0; } .banner-with-text-overplay.banner-position .type-banner * { height: 100%; } .banner-with-text-overplay.banner-position .bls__banner-text--content { display: flex; flex-direction: column; } .banner-with-text-overplay:not(.text-bellow-mobile) .bls__banner-text--content { padding: 1rem; } .banner-with-text-overplay.banner-position>div { flex: 0 0 auto; width: 100%; } .bls__banner-text--grid .bls__banner-text--content { display: flex; flex-direction: column; align-self: stretch; flex: 1; position: relative; } .bls__banner-text--content-inner.content-bg { padding-left: 1.5rem; padding-right: 1.5rem; } @media (min-width: 768px) { .bls__banner-text--content-inner:not(.content-full-with) { width: var(--content-width); } .bls__banner-text--grid>* { position: sticky; top: 93px; } .bls__banner-text--content-inner.content-bg { padding-left: 3rem; padding-right: 3rem; } } @media (min-width: 1025px) { .bls__banner-text--grid>* { top: var(--height-header); } } .content-horizontal-position-left .bls__banner-text--content-inner { margin-right: auto; } .content-horizontal-position-center .bls__banner-text--content-inner { margin-left: auto; margin-right: auto; } .content-horizontal-position-right .bls__banner-text--content-inner { margin-left: auto; } .banner-with-text-overplay .bls__banner-text--content-inner { position: relative; padding: var(--bs-gutter-x); z-index: 1; } .banner-with-text-overplay:not(.text-bellow-mobile) .bls__banner-text--content.has-bg { padding: 5rem 3rem; } .bg-overlay--content-inner { background: transparent; } .bg-text-column { background-color: var(--content-bg); background-image: var(--content-bg); } .bg-overlay--content-inner::before { content: ''; opacity: var(--content-opacity); border-radius: 5px; inset: 0; top: 0; bottom: 0; left: 0; right: 0; position: absolute; pointer-events: none; z-index: -1; background-color: var(--content-bg); background-image: var(--content-bg); } .content-position-center { justify-content: center; } .content-position-bottom { justify-content: flex-end; } .content-position-top { justify-content: flex-start; } .bls__banner-text--img { margin-top: var(--img-mt); margin-bottom: var(--img-mb); max-width: var(--img-max-width); } .text-center .bls__banner-text--img { margin-left: auto; margin-right: auto; } .text-right .bls__banner-text--img { margin-left: auto; } .text-left .bls__banner-text--img { margin-right: auto; } .bls__banner-text--heading { color: var(--heading-color); font-size: var(--text-heading-font-size); font-weight: var(--text-heading-font-weight, var(--bls__section-heading-weight)); text-transform: var(--text-heading-transform); margin-top: var(--text-heading-mt); margin-bottom: var(--text-heading-mb); } .bls__banner-text--subheading { color: var(--heading-color); font-size: var(--text-subheading-font-size); font-weight: var(--text-subheading-font-weight, var(--heading-font-weight)); text-transform: var(--text-subheading-transform); margin-top: var(--text-subheading-mt); margin-bottom: var(--text-subheading-mb); } .bls__banner-text--des { margin-top: var(--text-mt); margin-bottom: var(--text-mb); } .bls__banner-text--button { margin-top: var(--b-mt); margin-bottom: var(--b-mb); } .bls__banner-text--html { margin-top: var(--html-mt); margin-bottom: var(--html-mb); } .bls__banner-text--des p { color: rgb(var(--base-color)); font-size: var(--text-font-size); font-weight: var(--text-font-weight, var(--base-font-weight)); text-transform: var(--text-transform); } .bls__banner-text--des a { text-decoration: underline; text-underline-offset: 5px; } .bls__banner-subtext .mb-10 { margin-bottom: 1rem; line-height: 1; } .faq-content { margin-top: var(--faq-mt); margin-bottom: var(--faq-mb); } .faq-content .bls__page-faq-items .bls__page-faq-title { color: var(--heading-color); font-size: var(--title-faq-font-size); font-weight: var(--title-faq-font-weight, var(--heading-font-weight)); text-transform: var(--title-faq-transform); cursor: pointer; } .bls__page-faq-items .bls__page-faq-title .open-children-toggle { right: -15px; } .faq-content .bls__page-faq-items .bls__page-faq-content { font-size: var(--text-faq-font-size); font-weight: var(--text-faq-font-weight); text-transform: var(--text-faq-transform); } .bls__banner-text--content.text-center .timer-banner { justify-content: center; } .bls__banner-text--content.text-right .timer-banner { justify-content: flex-end; } .timer-banner { margin-top: var(--bn-text-mt); margin-bottom: var(--bn-text-mb); flex-wrap: wrap; } .timer-banner .timer-block { color: rgb(var(--base-color)); font-weight: var(--bn-text-font-weight); text-transform: var(--bn-text-transform); white-space: nowrap; } .timer-banner .timer-block__num { font-size: clamp(2.4rem, 3.5vw, var(--bn-number-font-size)); color: rgb(var(--base-color)); } .timer-banner .timer-block__text { font-size: var(--bn-text-font-size); text-transform: var(--bn-text-transform); } .countdown_design_1 .timer-banner .timer-block:not(:last-child):after { content: ':'; font-size: 2.4rem; margin: 0 1rem; line-height: 1; } .countdown_design_2 .timer-banner { border: 1px solid #dedede; border-radius: 5px; position: relative; } .countdown_design_2 .timer-banner::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; border-radius: 5px; backdrop-filter: blur(5px); filter: blur(5px); z-index: 1; } .countdown_design_2 .timer-block { display: flex; flex-direction: column; justify-content: center; min-width: clamp(5.1rem, 12vw, 17.3rem); min-height: clamp(5rem, 12vw, 16.3rem); padding: 1rem; position: relative; z-index: 2; text-align: center; } @media (max-width: 360px) { .countdown_design_2 .timer-block { padding: 1.5rem 0; } } .countdown_design_2 .timer-block::before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: var(--bn-text-color); opacity: 0.1; } .countdown_design_2 .timer-block:not(:last-child) { border-right: 1px solid #dedede; } .countdown_design_2 .timer-block__num { line-height: normal; vertical-align: middle; } .bls__banner-text--grid .countdown_design_2 .timer-banner { border: none; gap: 5px; } .bls__banner-text--grid .countdown_design_2 .timer-block { border: 1px solid #dedede; border-radius: 5px; } .countdown_design_3 .timer-block { display: flex; flex-direction: column; } .countdown_design_3 .timer-block:not(:last-child) { margin-right: 7rem; } .countdown_design_3 .timer-banner .timer-block__num { font-weight: 400; } @media (max-width: 475px) { .countdown_design_3 .timer-block:not(:last-child) { margin-right: 2.5rem; } } @media (min-width: 1200px) and (max-width: 1400px) { .countdown_design_3 .timer-block:not(:last-child) { margin-right: 3.5rem; } } .bls__banner-with-text.has-bg .row>div { margin-bottom: 0; } .bls__banner-with-text.has-bg .bls__banner-text--media { align-self: stretch; } .bls__banner-with-text.has-bg .bls__banner-text--media .hover-effect, .bls__banner-with-text.has-bg .bls__banner-text--media .hover-effect>div, .bls__banner-with-text.has-bg .bls__banner-text--media .hover-effect .bls__responsive-image { height: 100%; } .bls__banner-with-text .bls__banner-text--button+.bls__banner-text--button { margin-left: 10px; } .bls__banner-with-text .bls__banner-text--content.text-center .bls__banner-text--button { margin-left: 5px; margin-right: 5px; } @media (min-width: 768px) { .bls__banner-text--media.col-md-60 { flex: 0 0 auto; width: 60%; } } @media (max-width: 1023px) { .bls__banner-text--heading { font-size: clamp(3rem, 3.5vw, var(--text-heading-font-size)); } } @media (max-width: 767px) { .banner-with-text-overplay.text-bellow-mobile .bls__banner-text--content, .banner-with-text-overplay.text-bellow-mobile .bls__banner-text--media { position: relative; } } @media (min-width: 1200px) { .bls__banner-text--media .video-banner.custom-height.height-full, .bls__banner-text--media.custom-height.height-full .bls__responsive-image { height: 100vh; } .bls__banner-text--media .video-banner.custom-height, .bls__banner-text--media.custom-height .bls__responsive-image { height: var(--desktop-height); } } @media (min-width: 768px) and (max-width: 1199px) { .bls__banner-text--media .video-banner.custom-height, .bls__banner-text--media.custom-height .bls__responsive-image { height: var(--tablet-height); } } @media (max-width: 767px) { .bls__banner-text--media .video-banner.custom-height, .bls__banner-text--media.custom-height .bls__responsive-image { height: var(--mobile-height); } .bls__banner-with-text .bls__banner-text--grid .bls__banner-text--content-inner:not(.content-bg) { padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); } } @media (max-width: 375px) { .content-horizontal-position-center .bls__banner-text--content-inner { margin: initial; } } {% endstyle %} {%- liquid assign st = section.settings assign container = st.container assign bn_design = st.bn_design assign text_bellow_mobile = st.text_bellow_mobile assign text_position = st.text_position assign text_horizontal_position = st.text_horizontal_position assign color_scheme = st.color_scheme assign column_gap = st.column_gap assign hover_effect = st.hover_effect assign img_position = st.img_position assign banner_width = st.banner_width assign content_width = st.content_width assign content_bg_color = st.content_bg_color assign background_gradient = st.background_gradient assign banner_height = st.banner_height assign height_dk = st.height_dk assign height_tb = st.height_tb assign height_mb = st.height_mb assign height_full = st.height_full assign bg_opacity = st.bg_opacity assign image_mobile = st.image_mobile assign banner_type = st.banner_type assign link = st.link assign video_local = st.video_local assign column_gap_tablet = '' if column_gap > 30 assign column_gap_tablet = ' gap-tablet' endif assign column_gap_mobile = '' if column_gap > 15 assign column_gap_mobile = ' gap-mobile' endif assign spt_tablet = '' if st.padding_top > 50 assign spt_tablet = ' spt-tablet' endif assign spt_mobile = '' if st.padding_top > 30 assign spt_mobile = ' spt-mobile' endif assign spb_tablet = '' if st.padding_bottom > 50 assign spb_tablet = ' spb-tablet' endif assign spb_mobile = '' if st.padding_bottom > 30 assign spb_mobile = ' spb-mobile' endif assign reset_spacing = '' if st.reset_spacing assign reset_spacing = ' remove_spacing' endif assign has_bg = '' if background_color != blank assign has_bg = ' has-bg' endif assign img_position = '' if st.img_position == 'left' assign img_position = '' elsif st.img_position == 'right' assign img_position = 'flex-md-row-reverse' endif assign content_position = '' if bn_design == 'text_overlay' assign content_position = 'py-15' endif assign video_url = st.video_url assign video_id = '' if video_url.type == 'youtube' assign video_id = video_url | replace: 'https://www.youtube.com/watch?v=', '' elsif video_url.type == 'vimeo' assign video_id = video_url | replace: 'https://vimeo.com/', '' endif assign content_box = st.content_box assign container-box = '' if content_box == 'content_in_container' assign container-box = 'container' elsif content_box == 'content_in_container_fluid' assign container-box = 'container-fluid' else assign container-box = 'full-width-content' endif assign enabled_animations = settings.animations_enabled -%} {%- capture style -%} {%- if bn_design == 'text_column' -%} --bls-gutter-x: {{ column_gap }}px; {%- endif -%} --section-padding-top: {{ st.padding_top }}px; --section-padding-bottom: {{ st.padding_bottom }}px; {%- endcapture -%}

{%- case banner_type -%} {%- when 'video' -%} {%- if video_local == blank -%}

{%- if video_url.type == 'youtube' -%} {%- elsif video_url.type == 'vimeo' -%} {%- endif -%}

{%- else -%}

{{ video_local | video_tag: autoplay: true, loop: true, muted: true, controls: false, playsinline: true }}

{%- endif -%} {%- when 'image' -%} {%- if st.image != blank -%}

{% render 'responsive-image', image: st.image | width: "100vw" | image_behavior: st.image_behavior %}

{%- else -%}

{%- render 'responsive-image' | image_behavior: st.image_behavior -%}

{%- endif -%} {%- if image_mobile != blank -%}

{% render 'responsive-image', image: st.image_mobile | width: "100vw" | image_behavior: st.image_behavior %}

{%- endif -%} {%- endcase -%}

{%- if bn_design == 'text_column' -%}

{%- endif -%}

{%- for block in section.blocks -%} {%- liquid assign bs = block.settings assign heading_fs = bs.heading_fs assign heading_color = bs.heading_color assign heading_fw = bs.heading_fw assign heading_tf = bs.heading_tf assign heading_mt = bs.heading_mt assign heading_mb = bs.heading_mb assign subheading_fs = bs.subheading_fs assign subheading_color = bs.subheading_color assign subheading_fw = bs.subheading_fw assign subheading_tf = bs.subheading_tf assign subheading_mt = bs.subheading_mt assign subheading_mb = bs.subheading_mb assign txt_color = bs.txt_color assign txt_fs = bs.txt_fs assign txt_fw = bs.txt_fw assign txt_tf = bs.txt_tf assign txt_mt = bs.txt_mt assign txt_mb = bs.txt_mb assign img_mt = bs.text_img_mt assign img_mb = bs.text_img_mb assign button_type = bs.button_type assign b_mt = bs.b_mt assign b_mb = bs.b_mb assign faq_fs = bs.faq_fs assign faq_fw = bs.faq_fw assign faq_tf = bs.faq_tf assign faq_desc_fs = bs.faq_desc_fs assign faq_desc_fw = bs.faq_desc_fw assign faq_desc_tf = bs.faq_desc_tf assign faq_mt = bs.faq_mt assign faq_mb = bs.faq_mb assign html_mt = bs.html_mt assign html_mb = bs.html_mb assign countdown_design = bs.countdown_design assign bn_end_time = bs.bn_end_time assign bn_txt_color = bs.bn_txt_color assign bn_txt_fs = bs.bn_txt_fs assign number_txt_fs = bs.number_txt_fs assign bn_txt_fw = bs.bn_txt_fw assign bn_txt_tf = bs.bn_txt_tf assign bn_txt_mt = bs.bn_txt_mt assign bn_txt_mb = bs.bn_txt_mb -%} {% case block.type %} {%- when 'image_picker' -%}

{%- if block.settings.image_block != blank -%} {%- render 'responsive-image', image: block.settings.image_block -%} {%- else -%} {%- render 'responsive-image' -%} {%- endif -%}

{%- when 'subheading' -%}

{%- when 'heading' -%}

{%- when 'text' -%}

{%- when 'buttons' -%} {%- if block.settings.btn_content != blank -%} {{ block.settings.btn_content | escape }} {%- endif -%} {%- when 'html' -%} {% if block.settings.content_html != blank %}

{% endif %} {%- when 'countdown_bn' -%} {% if bn_end_time != blank %}

00 {{ 'sections.times_bn.days' | t }}

00 {{ 'sections.times_bn.hour' | t }}

00 {{ 'sections.times_bn.mins' | t }}

00 {{ 'sections.times_bn.secs' | t }}

{% endif %} {%- when 'faq' -%}

{%- if block.settings.faq_title_1 != blank -%}

{%- endif -%} {%- if block.settings.faq_content_1 != blank -%} {%- endif -%}

{%- if block.settings.faq_title_2 != blank -%}

{%- endif -%} {%- if block.settings.faq_content_2 != blank -%} {%- endif -%}

{%- if block.settings.faq_title_3 != blank -%}

{%- endif -%} {%- if block.settings.faq_content_3 != blank -%} {%- endif -%}

{%- if block.settings.faq_title_4 != blank -%}

{%- endif -%} {%- if block.settings.faq_content_4 != blank -%} {%- endif -%}

{%- if block.settings.faq_title_5 != blank -%}

{%- endif -%} {%- if block.settings.faq_content_5 != blank -%} {%- endif -%}

{%- endcase -%} {%- endfor -%}

{%- if bn_design == 'text_column' -%}

{%- endif -%}

{% schema %} { "name": "t:sections.banner-with-text.name", "disabled_on": { "groups": ["header", "footer", "custom.overlay"] }, "settings": [ { "type": "header", "content": "t:sections.all.header.general" }, { "type": "select", "id": "container", "label": "t:sections.all.layout.label", "default": "container", "options": [ { "value": "container", "label": "t:sections.all.layout.options__1.label" }, { "value": "container-fluid", "label": "t:sections.all.layout.options__2.label" }, { "value": "strecth-width", "label": "t:sections.all.layout.options__3.label" }, { "value": "full-width", "label": "t:sections.all.layout.options__4.label" } ] }, { "type": "color_scheme", "id": "color_scheme", "label": "t:sections.all.colors.label" }, { "type": "header", "content": "t:sections.all.header.animation_title" }, { "type": "select", "id": "image_behavior", "options": [ { "value": "none", "label": "t:sections.all.image_behavior.options__1.label" }, { "value": "ambient", "label": "t:sections.all.image_behavior.options__2.label" }, { "value": "fixed", "label": "t:sections.all.image_behavior.options__4.label" }, { "value": "zoom-in", "label": "t:sections.all.image_behavior.options__3.label" } ], "default": "none", "label": "t:sections.all.image_behavior.label" }, { "type": "select", "id": "banner_type", "label": "t:sections.all.type_banner.label", "default": "image", "options": [ { "value": "image", "label": "t:sections.all.type_banner.type_image" }, { "value": "video", "label": "t:sections.all.type_banner.type_video" } ] }, { "type": "image_picker", "id": "image", "label": "t:sections.all.upload_image.image_dk", "info": "t:sections.banner-with-text.settings.image_dk.info" }, { "type": "image_picker", "id": "image_mobile", "label": "t:sections.all.upload_image.image_mobile", "info": "t:sections.banner-with-text.settings.image_mobile.info" }, { "id": "video_url", "type": "video_url", "label": "t:sections.all.video.url_video", "accept": ["youtube", "vimeo"], "default": "https://www.youtube.com/watch?v=_9VUPq3SxOc" }, { "id": "video_local", "type": "video", "label": "t:sections.all.video.video_local", "info": "t:sections.all.video.local_text" }, { "type": "url", "id": "link", "label": "t:sections.all.content_text.banner_link" }, { "type": "select", "id": "open_link", "options": [ { "value": "_self", "label": "t:sections.all.content_text.open_link.self.label" }, { "value": "_blank", "label": "t:sections.all.content_text.open_link.blank.label" } ], "label": "t:sections.all.content_text.open_link.label", "default": "_blank" }, { "type": "header", "content": "t:sections.all.header.content_setting" }, { "type": "select", "id": "bn_design", "label": "t:sections.all.design_image.label", "default": "text_column", "options": [ { "value": "text_column", "label": "t:sections.all.design_image.options__3.label" }, { "value": "text_overlay", "label": "t:sections.all.design_image.options__1.label" } ] }, { "type": "select", "id": "text_align", "label": "t:sections.all.horizontal_alignment.text_alignment", "default": "text-center", "options": [ { "value": "text-left", "label": "t:sections.all.horizontal_alignment.options__1.label" }, { "value": "text-center", "label": "t:sections.all.horizontal_alignment.options__2.label" }, { "value": "text-right", "label": "t:sections.all.horizontal_alignment.options__3.label" } ] }, { "type": "select", "id": "text_horizontal_position", "label": "t:sections.all.horizontal_alignment.horizontal_position", "default": "left", "options": [ { "value": "left", "label": "t:sections.all.horizontal_alignment.options__1.label" }, { "value": "center", "label": "t:sections.all.horizontal_alignment.options__2.label" }, { "value": "right", "label": "t:sections.all.horizontal_alignment.options__3.label" } ] }, { "type": "select", "id": "text_position", "label": "t:sections.all.vertical_alignment.vertical_position", "default": "center", "options": [ { "value": "top", "label": "t:sections.all.vertical_alignment.options__1.label" }, { "value": "center", "label": "t:sections.all.vertical_alignment.options__2.label" }, { "value": "bottom", "label": "t:sections.all.vertical_alignment.options__3.label" } ] }, { "type": "color", "id": "content_bg_color", "label": "t:sections.banner-with-text.settings.content_bg_color.label" }, { "type": "color_background", "id": "background_gradient", "label": "t:sections.banner-with-text.settings.background_gradient.label", "info": "t:sections.banner-with-text.settings.background_gradient.info" }, { "type": "range", "id": "content_width", "label": "t:sections.all.content_custom_width.content_max_width", "min": 30, "max": 100, "step": 1, "unit": "%", "default": 100 }, { "type": "header", "content": "t:sections.banner-with-text.settings.header.text_overlay_setting" }, { "type": "select", "id": "banner_height", "label": "t:sections.all.custom_type.title_height", "default": "depend-image", "options": [ { "value": "depend-image", "label": "t:sections.all.custom_type.original.label" }, { "value": "custom-height", "label": "t:sections.all.custom_type.custom.label" } ] }, { "type": "number", "id": "height_dk", "label": "t:sections.all.custom_height.height_dk", "info": "t:sections.all.custom_height.height_info", "default": 800 }, { "type": "number", "id": "height_tb", "label": "t:sections.all.custom_height.height_tb", "info": "t:sections.all.custom_height.height_info", "default": 600 }, { "type": "number", "id": "height_mb", "label": "t:sections.all.custom_height.height_mb", "info": "t:sections.all.custom_height.height_info", "default": 360 }, { "type": "checkbox", "id": "height_full", "label": "t:sections.all.custom_height.height_full", "default": false, "info": "t:sections.all.custom_height.height_info" }, { "type": "select", "id": "content_box", "label": "t:sections.all.content_box.label", "default": "content_in_container", "options": [ { "label": "t:sections.all.content_box.options__1.label", "value": "content_in_container" }, { "label": "t:sections.all.content_box.options__2.label", "value": "content_in_container_fluid" }, { "label": "t:sections.all.content_box.options__3.label", "value": "content_in_container_fullwidth" } ] }, { "type": "range", "id": "bg_opacity", "label": "t:sections.banner-with-text.settings.bg_opacity.label", "min": 0, "max": 100, "step": 1, "unit": "%", "default": 100 }, { "type": "checkbox", "id": "text_bellow_mobile", "label": "t:sections.banner-with-text.settings.text_bellow_mobile.label", "default": false }, { "type": "header", "content": "t:sections.banner-with-text.settings.header.text_beside_setting" }, { "type": "select", "id": "img_position", "label": "t:sections.banner-with-text.settings.img_position.label", "info": "t:sections.banner-with-text.settings.img_position.info", "options": [ { "value": "left", "label": "t:sections.all.horizontal_alignment.options__1.label" }, { "value": "right", "label": "t:sections.all.horizontal_alignment.options__3.label" } ] }, { "type": "select", "id": "banner_width", "label": "t:sections.all.width_column.label", "default": "col-md-6", "options": [ { "value": "col-md-3", "label": "25%" }, { "value": "col-md-4", "label": "33%" }, { "value": "col-md-6", "label": "50%" }, { "value": "col-md-60", "label": "60%" }, { "value": "col-md-9", "label": "75%" } ] }, { "type": "range", "min": 0, "max": 50, "unit": "px", "step": 5, "default": 30, "label": "t:sections.all.padding.column_gap", "id": "column_gap" }, { "type": "select", "id": "hover_effect", "label": "t:sections.all.hover_effect.label", "default": "zoom", "options": [ { "value": "zoom", "label": "t:sections.all.hover_effect.options__1.label" }, { "value": "fade-in", "label": "t:sections.all.hover_effect.options__5.label" }, { "value": "none", "label": "t:sections.all.hover_effect.options__4.label" } ] }, { "type": "header", "content": "t:sections.all.padding.section_padding_heading" }, { "type": "range", "id": "padding_top", "label": "t:sections.all.padding.padding_top", "default": 0, "min": 0, "max": 100, "step": 1, "unit": "px" }, { "type": "range", "id": "padding_bottom", "label": "t:sections.all.padding.padding_bottom", "default": 0, "min": 0, "max": 100, "step": 1, "unit": "px" }, { "type": "checkbox", "id": "reset_spacing", "label": "t:sections.all.reset_spacing.label", "default": false } ], "blocks": [ { "type": "image_picker", "name": "t:sections.banner-with-text.blocks.image_picker.name", "settings": [ { "type": "image_picker", "id": "image_block", "label": "t:sections.all.upload_image.image_dk", "info": "t:sections.banner-with-text.blocks.image_picker.settings.image_dk.info" }, { "type": "range", "id": "icon_width_block", "label": "t:sections.all.image_width_px.label", "min": 20, "max": 500, "step": 5, "unit": "px", "default": 160 }, { "type": "range", "id": "icon_max_width_block", "label": "t:sections.banner-with-text.blocks.image_picker.settings.icon_max_width_block.label", "min": 10, "max": 100, "step": 5, "unit": "%", "default": 25 }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "text_img_mt", "min": 1, "max": 100, "step": 1, "unit": "px", "default": 1, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "text_img_mb", "min": 1, "max": 100, "step": 1, "unit": "px", "default": 25, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "heading", "name": "t:sections.all.content_text.heading", "settings": [ { "type": "text", "id": "title", "label": "t:sections.all.content_text.heading", "default": "Heading" }, { "type": "range", "id": "heading_fs", "label": "t:sections.all.typography.default_size", "min": 20, "max": 120, "step": 1, "unit": "px", "default": 40 }, { "type": "select", "id": "heading_fw", "label": "t:sections.all.typography.default_weight", "default": "default", "options": [ { "label": "t:sections.all.default_text.label", "value": "default" }, { "label": "300", "value": "300" }, { "label": "400", "value": "400" }, { "label": "500", "value": "500" }, { "label": "600", "value": "600" }, { "label": "700", "value": "700" }, { "label": "800", "value": "800" }, { "label": "900", "value": "900" } ] }, { "type": "select", "id": "heading_tf", "label": "t:sections.all.content_text.text_transform.label", "options": [ { "value": "unset", "label": "t:sections.all.content_text.text_transform.unset.label" }, { "value": "capitalize", "label": "t:sections.all.content_text.text_transform.capitalize.label" }, { "value": "uppercase", "label": "t:sections.all.content_text.text_transform.uppercase.label" } ] }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "heading_mt", "min": 0, "max": 40, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "heading_mb", "min": 0, "max": 40, "step": 1, "unit": "px", "default": 10, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "subheading", "name": "t:sections.all.content_text.subheading", "settings": [ { "type": "text", "id": "sub_title", "label": "t:sections.all.content_text.subheading", "default": "Subheading" }, { "type": "range", "id": "subheading_fs", "label": "t:sections.all.typography.default_size", "min": 10, "max": 20, "step": 1, "unit": "px", "default": 14 }, { "type": "select", "id": "subheading_fw", "label": "t:sections.all.typography.default_weight", "default": "default", "options": [ { "label": "t:sections.all.default_text.label", "value": "default" }, { "label": "300", "value": "300" }, { "label": "400", "value": "400" }, { "label": "500", "value": "500" }, { "label": "600", "value": "600" }, { "label": "700", "value": "700" }, { "label": "800", "value": "800" }, { "label": "900", "value": "900" } ] }, { "type": "select", "id": "subheading_tf", "label": "t:sections.all.content_text.text_transform.label", "options": [ { "value": "unset", "label": "t:sections.all.content_text.text_transform.unset.label" }, { "value": "capitalize", "label": "t:sections.all.content_text.text_transform.capitalize.label" }, { "value": "uppercase", "label": "t:sections.all.content_text.text_transform.uppercase.label" } ] }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "subheading_mt", "min": 0, "max": 60, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "subheading_mb", "min": 0, "max": 40, "step": 1, "unit": "px", "default": 10, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "text", "name": "t:sections.all.content_text.text", "settings": [ { "type": "richtext", "id": "txt_content", "label": "t:sections.all.content_text.text", "default": "

Pair large text with an image to give focus to your chosen product, collection, or blog post. Add details on availability, style, or even provide a review

" }, { "type": "range", "id": "txt_fs", "label": "t:sections.all.typography.default_size", "min": 8, "max": 30, "step": 1, "unit": "px", "default": 16 }, { "type": "select", "id": "txt_fw", "label": "t:sections.all.typography.default_weight", "default": "default", "options": [ { "label": "t:sections.all.default_text.label", "value": "default" }, { "label": "300", "value": "300" }, { "label": "400", "value": "400" }, { "label": "500", "value": "500" }, { "label": "600", "value": "600" } ] }, { "type": "select", "id": "txt_tf", "label": "t:sections.all.content_text.text_transform.label", "options": [ { "value": "unset", "label": "t:sections.all.content_text.text_transform.unset.label" }, { "value": "capitalize", "label": "t:sections.all.content_text.text_transform.capitalize.label" }, { "value": "uppercase", "label": "t:sections.all.content_text.text_transform.uppercase.label" }, { "value": "lowercase", "label": "t:sections.all.content_text.text_transform.lowercase.label" } ] }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "txt_mt", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "txt_mb", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 25, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "buttons", "name": "t:sections.banner-with-text.blocks.buttons.name", "settings": [ { "type": "text", "id": "btn_content", "label": "t:sections.all.content_text.button_text", "default": "Button" }, { "type": "select", "id": "button_type", "label": "t:sections.all.content_text.button_type.label", "default": "primary", "options": [ { "value": "primary", "label": "t:sections.all.content_text.button_type.options__1.label" }, { "value": "secondary", "label": "t:sections.all.content_text.button_type.options__2.label" }, { "value": "link", "label": "t:sections.all.content_text.button_type.options__1.label" } ] }, { "type": "url", "id": "button_link", "label": "t:sections.all.content_text.button_link" }, { "type": "checkbox", "id": "button_target", "label": "t:sections.all.content_text.button_target" }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "b_mt", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "b_mb", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 15, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "countdown_bn", "name": "t:sections.banner-with-text.blocks.countdown_bn.name", "settings": [ { "type": "select", "id": "countdown_design", "default": "countdown_design_1", "label": "t:sections.all.design_collection.text_design", "options": [ { "value": "countdown_design_1", "label": "t:sections.all.design_collection.design__1.label" }, { "value": "countdown_design_2", "label": "t:sections.all.design_collection.design__2.label" } ] }, { "type": "text", "id": "bn_end_time", "label": "t:sections.banner-with-text.blocks.countdown_bn.settings.bn_end_time.label", "default": "12-24-2025", "info": "t:sections.banner-with-text.blocks.countdown_bn.settings.bn_end_time.info" }, { "type": "range", "id": "bn_txt_fs", "label": "t:sections.banner-with-text.blocks.countdown_bn.settings.bn_txt_fs.label", "min": 8, "max": 30, "step": 1, "unit": "px", "default": 18 }, { "type": "range", "id": "number_txt_fs", "label": "t:sections.banner-with-text.blocks.countdown_bn.settings.number_txt_fs.label", "min": 24, "max": 80, "step": 1, "unit": "px", "default": 36 }, { "type": "range", "id": "bn_txt_fw", "label": "t:sections.all.typography.default_weight", "min": 100, "max": 900, "step": 100, "default": 400 }, { "type": "select", "id": "bn_txt_tf", "label": "t:sections.all.content_text.text_transform.label", "options": [ { "value": "unset", "label": "t:sections.all.content_text.text_transform.unset.label" }, { "value": "capitalize", "label": "t:sections.all.content_text.text_transform.capitalize.label" }, { "value": "uppercase", "label": "t:sections.all.content_text.text_transform.uppercase.label" }, { "value": "lowercase", "label": "t:sections.all.content_text.text_transform.lowercase.label" } ] }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "bn_txt_mt", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "bn_txt_mb", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 25, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "html", "name": "t:sections.banner-with-text.blocks.html.name", "settings": [ { "type": "html", "id": "content_html", "label": "t:sections.all.header.content", "default": "

This is Custom HTML section

" }, { "type": "header", "content": "t:sections.all.typography.spacing" }, { "type": "range", "id": "html_mt", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 0, "label": "t:sections.all.padding.padding_top" }, { "type": "range", "id": "html_mb", "min": 0, "max": 100, "step": 1, "unit": "px", "default": 25, "label": "t:sections.all.padding.padding_bottom" } ] }, { "type": "faq", "name": "t:sections.banner-with-text.blocks.faq.name", "settings": [ { "type": "header", "content": "t:sections.banner-with-text.blocks.faq.settings.header.faq__1" }, { "type": "text", "id": "faq_title_1", "label": "t:sections.all.header.title", "default": "Frequently Asked Questions?" }, { "type": "richtext", "id": "faq_content_1", "label": "t:sections.all.header.content", "default": "

Reveal Product Card On Scroll

More like this

Show Product Cards Animation on Scroll

Want sections like these built for you?