rebly-sections 1.0.1 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/data/block-patterns.csv +160 -0
- package/assets/data/component-library/GDPR-modal.liquid +183 -0
- package/assets/data/component-library/Ishi_parallaxblockstyle1.liquid +331 -0
- package/assets/data/component-library/_index.csv +157 -19
- package/assets/data/component-library/about.liquid +1557 -0
- package/assets/data/component-library/adv-header.liquid +344 -0
- package/assets/data/component-library/adv-navigation.liquid +542 -0
- package/assets/data/component-library/announcement-bar.liquid +42 -60
- package/assets/data/component-library/article.liquid +242 -0
- package/assets/data/component-library/axeo-perfume-cosmetics-store-shopify-theme-about.liquid +1557 -0
- package/assets/data/component-library/basel-gl_newsletter_pets.liquid +612 -0
- package/assets/data/component-library/bixbang-fullpackage-collection-template.liquid +990 -0
- package/assets/data/component-library/blog-sidebar-article.liquid +51 -0
- package/assets/data/component-library/blog-sidebar-deals.liquid +189 -0
- package/assets/data/component-library/blog-sidebar-instagram.liquid +126 -0
- package/assets/data/component-library/blog-sidebar-tags.liquid +30 -0
- package/assets/data/component-library/blog.liquid +371 -0
- package/assets/data/component-library/brands-page.liquid +114 -0
- package/assets/data/component-library/cake-shop-shopify-theme-for-bakery-and-cafe-home-support-blo.liquid +780 -0
- package/assets/data/component-library/collection-template-promotion.liquid +1139 -0
- package/assets/data/component-library/collection-template.liquid +146 -0
- package/assets/data/component-library/contact-us.liquid +663 -0
- package/assets/data/component-library/contact.liquid +256 -0
- package/assets/data/component-library/copyright_payment.liquid +95 -0
- package/assets/data/component-library/custom-content.liquid +832 -0
- package/assets/data/component-library/faq-template-3.liquid +1014 -0
- package/assets/data/component-library/footer-model-1.liquid +503 -0
- package/assets/data/component-library/footer-model-10.liquid +210 -0
- package/assets/data/component-library/footer-model-2.liquid +460 -0
- package/assets/data/component-library/footer-model-3.liquid +548 -0
- package/assets/data/component-library/footer-model-4.liquid +455 -0
- package/assets/data/component-library/footer-model-5.liquid +407 -0
- package/assets/data/component-library/footer-model-6.liquid +543 -0
- package/assets/data/component-library/footer-model-7.liquid +345 -0
- package/assets/data/component-library/footer-model-8.liquid +279 -0
- package/assets/data/component-library/footer-model-9.liquid +376 -0
- package/assets/data/component-library/gallery.liquid +236 -0
- package/assets/data/component-library/gecko-shopify-v5-7-6-nulled-manual_blog.liquid +720 -0
- package/assets/data/component-library/gl_newsletter_pets.liquid +612 -0
- package/assets/data/component-library/gp-logo-list.liquid +362 -0
- package/assets/data/component-library/grid-banner-type-3-b.liquid +655 -0
- package/assets/data/component-library/header-model-1.liquid +427 -0
- package/assets/data/component-library/header-model-10.liquid +599 -0
- package/assets/data/component-library/header-model-2.liquid +633 -0
- package/assets/data/component-library/header-model-3.liquid +415 -0
- package/assets/data/component-library/header-model-4.liquid +754 -0
- package/assets/data/component-library/header-model-5.liquid +562 -0
- package/assets/data/component-library/header-model-6.liquid +713 -0
- package/assets/data/component-library/header-model-7.liquid +743 -0
- package/assets/data/component-library/header-model-8.liquid +500 -0
- package/assets/data/component-library/header-model-9.liquid +506 -0
- package/assets/data/component-library/home-blog-posts-1.liquid +399 -0
- package/assets/data/component-library/home-blog-posts-2.liquid +393 -0
- package/assets/data/component-library/home-blog-posts-3.liquid +545 -0
- package/assets/data/component-library/home-brand-slider.liquid +224 -0
- package/assets/data/component-library/home-circled-block.liquid +332 -0
- package/assets/data/component-library/home-contact-block-1.liquid +395 -0
- package/assets/data/component-library/home-contact-block-2.liquid +372 -0
- package/assets/data/component-library/home-content-block-1.liquid +320 -0
- package/assets/data/component-library/home-donut-chart.liquid +335 -0
- package/assets/data/component-library/home-fade-in-banner.liquid +277 -0
- package/assets/data/component-library/home-faq-model.liquid +323 -0
- package/assets/data/component-library/home-featured-blog.liquid +1462 -0
- package/assets/data/component-library/home-featured-collections.liquid +484 -0
- package/assets/data/component-library/home-gallery-block1.liquid +276 -0
- package/assets/data/component-library/home-gallery-block2.liquid +396 -0
- package/assets/data/component-library/home-grid-banner-type-1.liquid +371 -0
- package/assets/data/component-library/home-grid-banner-type-2.liquid +362 -0
- package/assets/data/component-library/home-grid-banner-type-3.liquid +374 -0
- package/assets/data/component-library/home-grid-banner-type-4.liquid +900 -0
- package/assets/data/component-library/home-grid-banner-type-5.liquid +368 -0
- package/assets/data/component-library/home-grid-banner-type-6.liquid +382 -0
- package/assets/data/component-library/home-grid-banner-type-7.liquid +371 -0
- package/assets/data/component-library/home-hotspot-with-product-carousel.liquid +1425 -0
- package/assets/data/component-library/home-image-gallery.liquid +1087 -0
- package/assets/data/component-library/home-instagram.liquid +356 -0
- package/assets/data/component-library/home-newsletter.liquid +246 -0
- package/assets/data/component-library/home-number-counter.liquid +790 -0
- package/assets/data/component-library/home-price-table.liquid +416 -0
- package/assets/data/component-library/home-pricing-table.liquid +1076 -0
- package/assets/data/component-library/home-product-grid.liquid +413 -0
- package/assets/data/component-library/home-product-tab-1.liquid +528 -0
- package/assets/data/component-library/home-product-tab-2.liquid +342 -0
- package/assets/data/component-library/home-product-tab-3.liquid +357 -0
- package/assets/data/component-library/home-product-vertical-carousel.liquid +477 -0
- package/assets/data/component-library/home-quotes-1.liquid +274 -0
- package/assets/data/component-library/home-quotes-2.liquid +239 -0
- package/assets/data/component-library/home-quotes-3.liquid +244 -0
- package/assets/data/component-library/home-quotes-4.liquid +258 -0
- package/assets/data/component-library/home-slider-width-promo-images.liquid +1377 -0
- package/assets/data/component-library/home-slideshow-type-1.liquid +656 -0
- package/assets/data/component-library/home-slideshow-type-2.liquid +570 -0
- package/assets/data/component-library/home-specification-block-1.liquid +468 -0
- package/assets/data/component-library/home-specification-block-2.liquid +291 -0
- package/assets/data/component-library/home-specification-block-3.liquid +429 -0
- package/assets/data/component-library/home-support-block.liquid +392 -0
- package/assets/data/component-library/home-testimonial.liquid +1348 -0
- package/assets/data/component-library/home-video-banner.liquid +317 -0
- package/assets/data/component-library/home-wide-banner.liquid +327 -0
- package/assets/data/component-library/icon-with-content.liquid +478 -0
- package/assets/data/component-library/instafeed.liquid +1 -0
- package/assets/data/component-library/kea-ecommerce-interior-furniture-shopify-theme-about.liquid +1300 -0
- package/assets/data/component-library/kidslife-responsive-shopify-theme-home-number-counter.liquid +729 -0
- package/assets/data/component-library/logo-bar.liquid +314 -0
- package/assets/data/component-library/lookbook.liquid +367 -0
- package/assets/data/component-library/manual_blog.liquid +724 -0
- package/assets/data/component-library/navigation-etc.liquid +642 -0
- package/assets/data/component-library/newsletter.liquid +246 -0
- package/assets/data/component-library/order-form.liquid +96 -0
- package/assets/data/component-library/page-catev1-template.liquid +344 -0
- package/assets/data/component-library/popup_video.liquid +396 -0
- package/assets/data/component-library/product-sidebar-bestsellers.liquid +99 -0
- package/assets/data/component-library/product-sidebar-deals.liquid +158 -0
- package/assets/data/component-library/product-template-2.liquid +629 -0
- package/assets/data/component-library/product-template-3.liquid +670 -0
- package/assets/data/component-library/product-template-4.liquid +627 -0
- package/assets/data/component-library/product-template-5.liquid +652 -0
- package/assets/data/component-library/product-template.liquid +698 -0
- package/assets/data/component-library/rich-text.liquid +541 -0
- package/assets/data/component-library/section-countdown-v2.liquid +215 -0
- package/assets/data/component-library/services.liquid +596 -0
- package/assets/data/component-library/shipping_info.liquid +327 -0
- package/assets/data/component-library/sidebar-bestsellers.liquid +109 -0
- package/assets/data/component-library/sidebar-category.liquid +105 -0
- package/assets/data/component-library/sidebar-colors.liquid +104 -0
- package/assets/data/component-library/single_product_feature.liquid +1892 -0
- package/assets/data/component-library/social-links-menu.liquid +244 -0
- package/assets/data/component-library/someone-purchased.liquid +190 -0
- package/assets/data/component-library/special-offer-area.liquid +530 -0
- package/assets/data/component-library/theno-minimal-clean-watch-store-shopify-theme-page-catev1-te.liquid +344 -0
- package/assets/data/component-library/top-bar-type-1.liquid +200 -0
- package/assets/data/component-library/top-bar-type-10.liquid +395 -0
- package/assets/data/component-library/top-bar-type-11.liquid +395 -0
- package/assets/data/component-library/top-bar-type-2.liquid +106 -0
- package/assets/data/component-library/top-bar-type-3.liquid +205 -0
- package/assets/data/component-library/top-countdown-bar.liquid +116 -0
- package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-image-gallery.liquid +783 -0
- package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-pricing-table.liquid +1043 -0
- package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-testimonial.liquid +1338 -0
- package/assets/data/component-library/video.liquid +511 -0
- package/assets/data/component-library/waffy-spices-dry-fruits-store-shopify-theme-v-1-1-contact-us.liquid +523 -0
- package/assets/data/design-tokens.csv +93 -57
- package/assets/data/schema-library.csv +48 -46
- package/assets/data/settings-profiles.csv +235 -0
- package/assets/data/shopify-best-practices.csv +58 -36
- package/assets/scripts/backfill-component-index.py +102 -0
- package/assets/scripts/core.py +30 -8
- package/assets/scripts/fix-schema-library.py +42 -0
- package/assets/scripts/kb-analyzer-helpers.py +136 -0
- package/assets/scripts/kb-analyzer.py +186 -0
- package/assets/scripts/kb-builder.py +32 -63
- package/assets/scripts/kb-constants.py +62 -0
- package/assets/scripts/kb-extractor-helpers.py +178 -0
- package/assets/scripts/kb-extractor.py +106 -170
- package/assets/scripts/kb-synthesizer.py +251 -0
- package/assets/scripts/quality-gate-checks.py +55 -0
- package/assets/scripts/quality-gate.py +56 -2
- package/assets/scripts/section-generator-helpers.py +74 -0
- package/assets/scripts/section-generator.py +59 -49
- package/assets/templates/generation-prompt.md +78 -14
- package/package.json +1 -1
|
@@ -0,0 +1,1377 @@
|
|
|
1
|
+
{% assign margin = section.settings.margin | split: ',' %}
|
|
2
|
+
{% assign margin_top = margin[0] %}
|
|
3
|
+
{% assign margin_bottom = margin[1] %}
|
|
4
|
+
{% assign padding = section.settings.padding | split: ',' %}
|
|
5
|
+
{% assign padding_top = padding[0] %}
|
|
6
|
+
{% assign padding_bottom = padding[1] %}
|
|
7
|
+
|
|
8
|
+
{% if section.settings.enable_overlay %}
|
|
9
|
+
{% assign section_overlay = 'dt-sc-overlay' %}
|
|
10
|
+
{% endif %}
|
|
11
|
+
|
|
12
|
+
{% if section.settings.show_background_image %}
|
|
13
|
+
{% assign lazyScript = "lazyload" %}
|
|
14
|
+
{% endif %}
|
|
15
|
+
|
|
16
|
+
{% assign ColumnWidth = section.settings.content_width | split: '/' %}
|
|
17
|
+
{% assign leftColumn = ColumnWidth[0] %}
|
|
18
|
+
{% assign rightColumn = ColumnWidth[1] %}
|
|
19
|
+
|
|
20
|
+
{% assign listWidth = section.settings.lap_content_width | split: '/' %}
|
|
21
|
+
{% assign lap_leftColumn = listWidth[0] %}
|
|
22
|
+
{% assign lap_rightColumn = listWidth[1] %}
|
|
23
|
+
|
|
24
|
+
{% assign listWidth = section.settings.tab_content_width | split: '/' %}
|
|
25
|
+
{% assign tab_leftColumn = listWidth[0] %}
|
|
26
|
+
{% assign tab_rightColumn = listWidth[1] %}
|
|
27
|
+
|
|
28
|
+
{% assign full = section.settings.full %}
|
|
29
|
+
{% assign top = margin[0] %}
|
|
30
|
+
{% assign bottom = margin[1] %}
|
|
31
|
+
<div class="dt-sc-section-wrapper {{lazyScript}} {{ section_overlay }} {% if section.settings.background_style == 'parallax' %} parallax-initiated{% endif %}" {% if section.settings.background_style == 'parallax' %} data-speed="2" data-style="parallax"{% endif %} style="{% render 'bg-color-image-padding' %} background-size: {{- section.settings.background_size -}}; {% if section.settings.background_style == 'fixed' %}background-attachment: fixed;{% endif %} background-repeat:{% if section.settings.background_size == 'repeat' %}repeat{% else %}no-repeat;{% endif %}" {% include 'bg_image' %}>
|
|
32
|
+
<div class="{% render 'container-settings' %}" style="{% render 'bg-color-image-padding' %}" data-section-id="{{ section.id }}" data-section-type="slideshow-section" data-autoPlay="{{ section.settings.autoplay }}" data-animation-speed="{{ section.settings.slideshow_speed}}">
|
|
33
|
+
<div class="row {{ section.settings.custom_class_name }}">
|
|
34
|
+
{% if section.settings.enable_promo_block %}
|
|
35
|
+
<div class="grouped-content {% if section.settings.reverse_column %}dt-sc-reverse-columns{% endif %}">
|
|
36
|
+
{% endif %}
|
|
37
|
+
{% if section.settings.enable_promo_block %}
|
|
38
|
+
<div class="main-block">
|
|
39
|
+
{% endif %}
|
|
40
|
+
<div class="dt-sc-swiper-slider swiper-container {% if section.settings.dots %} inside_element center_pagination {% endif %} {% if section.settings.arrows %} {{ section.settings.nav_arrow_position }} {{ section.settings.center_nav_arrow_alignment }} {% endif %}">
|
|
41
|
+
<div id="home-slider-{{ section.id }}">
|
|
42
|
+
<div class="swiper-wrapper">
|
|
43
|
+
{% for block in section.blocks %}
|
|
44
|
+
{%- if block.settings.text_alignment == 'text-start' -%}
|
|
45
|
+
{%- assign style = '1' -%}
|
|
46
|
+
{%- elsif block.settings.text_alignment == 'text-end' -%}
|
|
47
|
+
{%- assign style = '2' -%}
|
|
48
|
+
{%- else -%}
|
|
49
|
+
{%- assign style = '3' -%}
|
|
50
|
+
{%- endif -%}
|
|
51
|
+
<div class="slider_style_{{style}} slider-{{ block.id }}-list swiper-slide">
|
|
52
|
+
{% include 'slider-data' %}
|
|
53
|
+
</div>
|
|
54
|
+
{% endfor %}
|
|
55
|
+
</div>
|
|
56
|
+
{% if section.settings.arrows %}
|
|
57
|
+
<div class="swiper-{{ section.id}}-arrows swiper-arrows">
|
|
58
|
+
<div class="swiper-button-next dt-sc-btn" id="swiper-button-next-{{section.id}}"></div>
|
|
59
|
+
<div class="swiper-button-prev dt-sc-btn" id="swiper-button-prev-{{section.id}}"></div>
|
|
60
|
+
</div>
|
|
61
|
+
{% endif %}
|
|
62
|
+
{% if section.settings.dots -%}
|
|
63
|
+
<div class="swiper-pagination" id="swiper-pagination-{{section.id}}"></div>
|
|
64
|
+
{% endif %}
|
|
65
|
+
</div>
|
|
66
|
+
</div>
|
|
67
|
+
{% if section.settings.enable_promo_block %}
|
|
68
|
+
</div>
|
|
69
|
+
{% endif %}
|
|
70
|
+
{% if section.settings.enable_promo_block %}
|
|
71
|
+
<div class="additional-block dt-sc-column {{ section.settings.promo_block_style }}">
|
|
72
|
+
|
|
73
|
+
{% if section.settings.enable_additional_block_1 %}
|
|
74
|
+
|
|
75
|
+
<div class="dt-sc-promo-block">
|
|
76
|
+
{% if section.settings.link_1 != blank %}<a href="{{ section.settings.link_1 }}">{% endif%}
|
|
77
|
+
|
|
78
|
+
<div class="dt-sc-image-gallery">
|
|
79
|
+
{% if section.settings.image_1 != blank %}
|
|
80
|
+
<img class="dt-sc-block-image lazyload"
|
|
81
|
+
src="{{ 'loading.gif' | asset_url }}"
|
|
82
|
+
data-src="{{ section.settings.image_1 | img_url: 'large' }}"
|
|
83
|
+
data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
|
|
84
|
+
data-aspectratio="{{ section.settings.image_1.aspect_ratio }}"
|
|
85
|
+
data-sizes="auto"
|
|
86
|
+
data-alt="{{ section.settings.title_1 }}">
|
|
87
|
+
<noscript>
|
|
88
|
+
{{ section.settings.image_1 | img_url: '480x480', scale: 2 | img_tag: section.settings.image_1.alt, 'dt-sc-noscript-image' }}
|
|
89
|
+
</noscript>
|
|
90
|
+
{% else %}
|
|
91
|
+
<img data-src="//via.placeholder.com/650x380" class="lazyload">
|
|
92
|
+
{% endif %}
|
|
93
|
+
</div>
|
|
94
|
+
{% if section.settings.link_1 != blank %} </a>
|
|
95
|
+
{% endif%}
|
|
96
|
+
<div class="featured-content">
|
|
97
|
+
{% if section.settings.title_1 != blank %}
|
|
98
|
+
<h6>{{ section.settings.title_1 }}</h6>
|
|
99
|
+
{% endif %}
|
|
100
|
+
{% if section.settings.text_1 != blank %}
|
|
101
|
+
<h3>{{ section.settings.text_1}}</h3>
|
|
102
|
+
{% endif %}
|
|
103
|
+
{% if section.settings.button_1 != blank %}
|
|
104
|
+
<a class="dt-sc-btn" href="{{ section.settings.link_1 }}">{{ section.settings.button_1}}</a>
|
|
105
|
+
{% endif %}
|
|
106
|
+
</div>
|
|
107
|
+
</div>
|
|
108
|
+
|
|
109
|
+
{% endif %}
|
|
110
|
+
|
|
111
|
+
{% if section.settings.enable_additional_block_2 %}
|
|
112
|
+
|
|
113
|
+
<div class="dt-sc-promo-block">
|
|
114
|
+
{% if section.settings.link_2 != blank %}<a href="{{ section.settings.link_2 }}">{% endif%}
|
|
115
|
+
|
|
116
|
+
<div class="dt-sc-image-gallery">
|
|
117
|
+
{% if section.settings.image_2 != blank %}
|
|
118
|
+
<img class="dt-sc-block-image lazyload"
|
|
119
|
+
src="{{ 'loading.gif' | asset_url }}"
|
|
120
|
+
data-src="{{ section.settings.image_2 | img_url: 'large' }}"
|
|
121
|
+
data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
|
|
122
|
+
data-aspectratio="{{ section.settings.image_2.aspect_ratio }}"
|
|
123
|
+
data-sizes="auto"
|
|
124
|
+
data-alt="{{ section.settings.title_2 }}">
|
|
125
|
+
<noscript>
|
|
126
|
+
{{ section.settings.image_2 | img_url: '480x480', scale: 2 | img_tag: section.settings.image_2.alt, 'dt-sc-noscript-image' }}
|
|
127
|
+
</noscript>
|
|
128
|
+
{% else %}
|
|
129
|
+
<img data-src="//via.placeholder.com/650x380" class="lazyload">
|
|
130
|
+
{% endif %}
|
|
131
|
+
</div>
|
|
132
|
+
{% if section.settings.link_2 != blank %} </a>
|
|
133
|
+
{% endif%}
|
|
134
|
+
<div class="featured-content">
|
|
135
|
+
{% if section.settings.title_2 != blank %}
|
|
136
|
+
<h6>{{ section.settings.title_2 }}</h6>
|
|
137
|
+
{% endif %}
|
|
138
|
+
{% if section.settings.text_2 != blank %}
|
|
139
|
+
<h3>{{ section.settings.text_2}}</h3>
|
|
140
|
+
{% endif %}
|
|
141
|
+
{% if section.settings.button_2 != blank %}
|
|
142
|
+
<a class="dt-sc-btn" href="{{ section.settings.link_2 }}">{{ section.settings.button_2}}</a>
|
|
143
|
+
{% endif %}
|
|
144
|
+
</div>
|
|
145
|
+
</div>
|
|
146
|
+
|
|
147
|
+
{% endif %}
|
|
148
|
+
|
|
149
|
+
{% if section.settings.enable_additional_block_3 %}
|
|
150
|
+
|
|
151
|
+
<div class="dt-sc-promo-block">
|
|
152
|
+
{% if section.settings.link_3 != blank %}<a href="{{ section.settings.link_3 }}">{% endif%}
|
|
153
|
+
|
|
154
|
+
<div class="dt-sc-image-gallery">
|
|
155
|
+
{% if section.settings.image_3 != blank %}
|
|
156
|
+
<img class="dt-sc-block-image lazyload"
|
|
157
|
+
src="{{ 'loading.gif' | asset_url }}"
|
|
158
|
+
data-src="{{ section.settings.image_3 | img_url: 'large' }}"
|
|
159
|
+
data-widths="[180, 360, 470, 600, 770, 970, 1060, 1280, 1512, 1728, 2048]"
|
|
160
|
+
data-aspectratio="{{ section.settings.image_3.aspect_ratio }}"
|
|
161
|
+
data-sizes="auto"
|
|
162
|
+
data-alt="{{ section.settings.title_3 }}">
|
|
163
|
+
<noscript>
|
|
164
|
+
{{ section.settings.image_3 | img_url: '480x480', scale: 2 | img_tag: section.settings.image_3.alt, 'dt-sc-noscript-image' }}
|
|
165
|
+
</noscript>
|
|
166
|
+
{% else %}
|
|
167
|
+
<img data-src="//via.placeholder.com/650x380" class="lazyload">
|
|
168
|
+
{% endif %}
|
|
169
|
+
</div>
|
|
170
|
+
{% if section.settings.link_3 != blank %} </a>
|
|
171
|
+
{% endif%}
|
|
172
|
+
<div class="featured-content">
|
|
173
|
+
{% if section.settings.title_3 != blank %}
|
|
174
|
+
<h6>{{ section.settings.title_3 }}</h6>
|
|
175
|
+
{% endif %}
|
|
176
|
+
{% if section.settings.text_3 != blank %}
|
|
177
|
+
<h3>{{ section.settings.text_3}}</h3>
|
|
178
|
+
{% endif %}
|
|
179
|
+
{% if section.settings.button_3 != blank %}
|
|
180
|
+
<a class="dt-sc-btn" href="{{ section.settings.link_3 }}">{{ section.settings.button_3}}</a>
|
|
181
|
+
{% endif %}
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
{% endif %}
|
|
186
|
+
|
|
187
|
+
</div>
|
|
188
|
+
{% endif %}
|
|
189
|
+
{% if section.settings.enable_promo_block %}
|
|
190
|
+
</div>
|
|
191
|
+
{% endif %}
|
|
192
|
+
</div>
|
|
193
|
+
</div>
|
|
194
|
+
|
|
195
|
+
</div>
|
|
196
|
+
|
|
197
|
+
<style>
|
|
198
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-overlay:before {
|
|
199
|
+
color: var(--DTTertiaryColor);
|
|
200
|
+
color: {{ section.settings.background_color }};
|
|
201
|
+
background: currentcolor;
|
|
202
|
+
opacity: {{ section.settings.overlay_transparency }}; }
|
|
203
|
+
|
|
204
|
+
|
|
205
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider { padding-bottom: 0; height: 100%; }
|
|
206
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] { margin: 0; padding: 0;
|
|
207
|
+
|
|
208
|
+
{% if section.settings.enable_box_shadow %} box-shadow: var(--DTboxShadow); {% endif %}
|
|
209
|
+
border-radius: var(--DTRadius); border-radius: {{ section.settings.border_radius }}px; height: 100%;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper,
|
|
213
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide,
|
|
214
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide > img {
|
|
215
|
+
border-radius: inherit;
|
|
216
|
+
height: 100% !important;
|
|
217
|
+
object-fit: cover;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
|
|
221
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn {
|
|
222
|
+
background: var(--DT_Button_BG_Color);
|
|
223
|
+
background: {{ section.settings.navigation_button_color }};
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn[class*="swiper-button-"]:after {
|
|
227
|
+
color: var(--DT_Button_Text_Color);
|
|
228
|
+
color: {{ section.settings.navigation_button_icon_color }};
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn:hover {
|
|
232
|
+
background: var(--DT_Button_BG_Hover_Color);
|
|
233
|
+
background: {{ section.settings.navigation_button_hover_color }};
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-arrows .dt-sc-btn:hover[class*="swiper-button-"]:after {
|
|
237
|
+
color: var(--DT_Button_Text_Hover_Color);
|
|
238
|
+
color: {{ section.settings.navigation_button_hover_icon_color }};
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-pagination-bullet {
|
|
242
|
+
background: var(--DTSecondaryColor);
|
|
243
|
+
background: {{ section.settings.navigation_dot_color }};
|
|
244
|
+
}
|
|
245
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
|
|
246
|
+
background: var(--DTPrimaryColor);
|
|
247
|
+
background: {{ section.settings.navigation_dot_active_color }};
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
{% for block in section.blocks %}
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
|
|
254
|
+
#shopify-section-{{section.id}}.home-slideshow-section .row > .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper,
|
|
255
|
+
#shopify-section-{{section.id}}.home-slideshow-section .row > .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide,
|
|
256
|
+
#shopify-section-{{section.id}}.home-slideshow-section .row > .dt-sc-swiper-slider.swiper-container [class*="swiper-container"] > .swiper-wrapper > .swiper-slide > img
|
|
257
|
+
{
|
|
258
|
+
height: {{section.settings.slider_height}}px !important;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
|
|
262
|
+
.home-slideshow-section .slider-{{ block.id }}-list .dt-sc-btn {
|
|
263
|
+
background: var(--DT_Button_BG_Color); background:{{ block.settings.btn_bg_color }};
|
|
264
|
+
color: var(--DT_Button_Text_Color); color:{{ block.settings.btn_txt_color }}; border:none; }
|
|
265
|
+
.home-slideshow-section .slider-{{ block.id }}-list .dt-sc-btn:hover {
|
|
266
|
+
background: var(--DT_Button_BG_Hover_Color); background:{{ block.settings.btn_hoverbg_color }};
|
|
267
|
+
color: var(--DT_Button_Text_Hover_Color); color:{{ block.settings.btn_hovertxt_color }};border:none; }
|
|
268
|
+
|
|
269
|
+
.home-slideshow-section .slider-{{ block.id }}-list .dt-sc-btn.secondary {
|
|
270
|
+
background: var(--DT_Button_BG_Hover_Color); background:{{ block.settings.btn_bg_color_2 }};
|
|
271
|
+
color: var(--DT_Button_Text_Hover_Color); color:{{ block.settings.btn_txt_color_2 }}; }
|
|
272
|
+
.home-slideshow-section .slider-{{ block.id }}-list .dt-sc-btn.secondary:hover {
|
|
273
|
+
background: var(--DT_Button_BG_Color); background:{{ block.settings.btn_hoverbg_color_2 }};
|
|
274
|
+
color: var(--DT_Button_Text_Color); color:{{ block.settings.btn_hovertxt_color_2 }}; }
|
|
275
|
+
|
|
276
|
+
|
|
277
|
+
.home-slideshow-section .dt-sc-swiper-slider .slider-{{ block.id }}-list .slider-content [class*="slide_"] {
|
|
278
|
+
background: var(--DTTertiaryColor); background: {{ block.settings.slide_content_bg }};
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container .swiper-slide img { min-height: 100%; }
|
|
282
|
+
|
|
283
|
+
|
|
284
|
+
@media screen and (min-width: 768px){
|
|
285
|
+
|
|
286
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-heading { font-size: {{ block.settings.heading_size }}px; }
|
|
287
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-sub-heading-2 { font-size: {{ block.settings.subheading_size }}px; }
|
|
288
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-text { font-size: {{ block.settings.desc_size }}px; }
|
|
289
|
+
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
@media screen and (min-width: 320px) and (max-width: 767px){
|
|
293
|
+
|
|
294
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-heading { font-size: calc(.75* {{ block.settings.heading_size }}px); }
|
|
295
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-sub-heading-2 { font-size: calc(.75* {{ block.settings.subheading_size }}px); }
|
|
296
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-text { font-size: {{ settings.type_base_size }}px; }
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
|
|
300
|
+
{% endfor %}
|
|
301
|
+
|
|
302
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-top"],
|
|
303
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top"] { padding-top: 0; }
|
|
304
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"],
|
|
305
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"] { padding-bottom: 0; }
|
|
306
|
+
|
|
307
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top"] .swiper-arrows,
|
|
308
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"] .swiper-arrows { margin: 10px; }
|
|
309
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top-center"] .swiper-arrows,
|
|
310
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom-center"] .swiper-arrows{ margin: 10px auto; }
|
|
311
|
+
|
|
312
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-top-right"] .swiper-arrows,
|
|
313
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom-right"] .swiper-arrows,
|
|
314
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.outside_container[class*="navigation-bottom-right"] .swiper-pagination { right: 0; }
|
|
315
|
+
|
|
316
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].outside_element .swiper-pagination,
|
|
317
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].outside_element .swiper-pagination { margin: 20px; bottom: 0 }
|
|
318
|
+
|
|
319
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].outside_element.center_pagination .swiper-pagination,
|
|
320
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].outside_element.center_pagination .swiper-pagination {
|
|
321
|
+
margin: 20px auto; bottom: 70px; }
|
|
322
|
+
|
|
323
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].inside_element .swiper-pagination,
|
|
324
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].inside_element .swiper-pagination { bottom: 30px; }
|
|
325
|
+
|
|
326
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.along_with_container[class*="navigation-bottom"].inside_element.right_pagination .swiper-pagination,
|
|
327
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container[class*="navigation-bottom"].inside_element.right_pagination .swiper-pagination {
|
|
328
|
+
left: 20px; }
|
|
329
|
+
|
|
330
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.center_pagination.outside_container[class*="navigation-bottom-right"] .swiper-pagination { right: 0; left: 0;
|
|
331
|
+
transform: none; justify-content: center; }
|
|
332
|
+
|
|
333
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.left_pagination.outside_container[class*="navigation-bottom-right"].outside_element .swiper-pagination {
|
|
334
|
+
left: 0; }
|
|
335
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_container.navigation-bottom-center.inside_element.center_pagination .swiper-arrows { bottom: 90px; }
|
|
336
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.inside_element.center_pagination.navigation-bottom-center.along_with_container .swiper-pagination-bullets {
|
|
337
|
+
bottom: 70px; }
|
|
338
|
+
|
|
339
|
+
.home-slideshow-section .dt-sc-swiper-slider.swiper-container.center-navigation.outside_container [class*="swiper-container"] { margin: auto; padding: 0; }
|
|
340
|
+
|
|
341
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { position: absolute; height: 100%; width: 100%; left: 0; top: 0; display: flex;
|
|
342
|
+
padding: 0 60px;
|
|
343
|
+
}
|
|
344
|
+
|
|
345
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] { border-radius: var(--DTRadius); border-radius: {{ section.settings.content_border_radius }}px; }
|
|
346
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] { display: flex; flex-wrap: wrap; flex-direction: column; padding: 20px; width: 400px; align-self: flex-start; margin: 60px; }
|
|
347
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"]>* { width: 100%; line-height: normal; }
|
|
348
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] .multiple-buttons { display: flex; justify-content: center; flex-wrap: wrap; }
|
|
349
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"] .multiple-buttons > *:not(:last-child):not(:only-child) { margin-right: 10px; }
|
|
350
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"]>*,
|
|
351
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"]>*:not(:only-child) { margin: 0; }
|
|
352
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content *[class*="slide_"]>*:not(:last-child) { margin: 0 0 10px 0; }
|
|
353
|
+
|
|
354
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] { text-align: left; }
|
|
355
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] .multiple-buttons { justify-content: flex-start; }
|
|
356
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] { text-align: right; }
|
|
357
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] .multiple-buttons { justify-content: flex-end; }
|
|
358
|
+
|
|
359
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="text-center"] [class*="slide_"] { text-align: center; }
|
|
360
|
+
|
|
361
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="top-center"] [class*="slide_"],
|
|
362
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-center"] [class*="slide_"]{ margin-left: auto; margin-right: auto; }
|
|
363
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-right"] [class*="slide_"] { margin-left: auto; }
|
|
364
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-left"] [class*="slide_"] { margin-right: auto; }
|
|
365
|
+
|
|
366
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-"] [class*="slide_"] { align-self: flex-end; }
|
|
367
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="center-"] [class*="slide_"],
|
|
368
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="dt-sc-flex-center"] [class*="slide_"] { align-self: center; }
|
|
369
|
+
|
|
370
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > svg { width: 100px; height: auto; }
|
|
371
|
+
|
|
372
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] > img { min-height: auto; object-fit: contain; width: auto; }
|
|
373
|
+
|
|
374
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-start"] [class*="slide_"] > svg {
|
|
375
|
+
margin-right: auto !important;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
|
|
379
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-end"] [class*="slide_"] > svg {
|
|
380
|
+
margin-left: auto !important;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="-center"] [class*="slide_"] > svg {
|
|
384
|
+
margin-left: auto !important; margin-right: auto !important;
|
|
385
|
+
}
|
|
386
|
+
|
|
387
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content { display:flex; justify-content: space-between; flex-wrap: wrap; }
|
|
388
|
+
|
|
389
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block {
|
|
390
|
+
{% if section.settings.enable_promo_block %} width:{{leftColumn}}% {% endif %}
|
|
391
|
+
}
|
|
392
|
+
|
|
393
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block {
|
|
394
|
+
width:calc({{rightColumn}}% - {{ section.settings.grouped_column_gap }}px);
|
|
395
|
+
gap: {{ section.settings.grouped_column_gap }}px; margin-bottom: 0;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.default .dt-sc-promo-block {
|
|
399
|
+
background: var(--DTTertiaryColor); background: {{section.settings.promo_grid_bg_color}};
|
|
400
|
+
}
|
|
401
|
+
|
|
402
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block {
|
|
403
|
+
position: relative; z-index: 1;
|
|
404
|
+
}
|
|
405
|
+
|
|
406
|
+
|
|
407
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block .featured-content {
|
|
408
|
+
height: 100%; display: flex; flex-wrap: wrap; place-content: center;
|
|
409
|
+
}
|
|
410
|
+
|
|
411
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block .featured-content:before {
|
|
412
|
+
position: absolute;
|
|
413
|
+
content: "";
|
|
414
|
+
display: block;
|
|
415
|
+
top: 0;
|
|
416
|
+
left: 0;
|
|
417
|
+
color: var(--DTTertiaryColor);
|
|
418
|
+
color: {{section.settings.promo_overlay_bg_color}};
|
|
419
|
+
width: 100%; height: 100%; z-index: -1;
|
|
420
|
+
background: currentcolor;
|
|
421
|
+
opacity: {{section.settings.promo_overlay_opacity}};
|
|
422
|
+
transition: var(--DTBaseTransition);
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block:hover .featured-content:before {
|
|
426
|
+
opacity: 0.85;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
|
|
430
|
+
|
|
431
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .featured-content { padding: 20px;
|
|
432
|
+
align-items: center; place-content: center; text-align: center;
|
|
433
|
+
}
|
|
434
|
+
|
|
435
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .featured-content h6 {
|
|
436
|
+
color: {{section.settings.promo_heading_color}}; }
|
|
437
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .featured-content h3 {
|
|
438
|
+
color: {{section.settings.promo_description_color}}; }
|
|
439
|
+
|
|
440
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .dt-sc-btn {
|
|
441
|
+
display: inline-block; margin: 0;
|
|
442
|
+
background: var(--DT_Button_BG_Color); color: var(--DT_Button_Text_Color);
|
|
443
|
+
background: {{section.settings.promo_button_bg_color}}; color: {{section.settings.promo_button_text_color}};
|
|
444
|
+
}
|
|
445
|
+
|
|
446
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block {
|
|
447
|
+
{% if section.settings.enable_box_shadow %} box-shadow: var(--DTboxShadow); {% endif %}
|
|
448
|
+
border-radius: var(--DTRadius); border-radius: {{ section.settings.border_radius }}px;
|
|
449
|
+
overflow: hidden;
|
|
450
|
+
}
|
|
451
|
+
|
|
452
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .dt-sc-btn:hover {
|
|
453
|
+
background: var(--DT_Button_BG_Hover_Color); color: var(--DT_Button_Text_Hover_Color);
|
|
454
|
+
background: {{section.settings.promo_button_hover_bg_color}}; color: {{section.settings.promo_button_hover_text_color}};
|
|
455
|
+
}
|
|
456
|
+
|
|
457
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .featured-content > :not(:last-child) {
|
|
458
|
+
margin: 0 0 10px 0;
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block .dt-sc-promo-block .featured-content > :not(.dt-sc-btn) {
|
|
462
|
+
width: 100%;
|
|
463
|
+
}
|
|
464
|
+
|
|
465
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block .dt-sc-image-gallery {
|
|
466
|
+
position: absolute; height: 100%; width: 100%; z-index: -1;
|
|
467
|
+
}
|
|
468
|
+
|
|
469
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block .dt-sc-image-gallery img {
|
|
470
|
+
height: 100%; width: 100%; object-fit: cover;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block {
|
|
474
|
+
min-height: {{section.settings.promo_height}}px;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
|
|
478
|
+
@media (max-width: 1540px) {
|
|
479
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block {
|
|
480
|
+
min-height: {{section.settings.promo_height_lap}}px;
|
|
481
|
+
}
|
|
482
|
+
|
|
483
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block {
|
|
484
|
+
{% if section.settings.enable_promo_block %} width:{{lap_leftColumn}}% {% endif %}
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block {
|
|
488
|
+
width:calc({{lap_rightColumn}}% - {{ section.settings.grouped_column_gap }}px);
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
|
|
494
|
+
@media only screen and (min-width: 1200px) {
|
|
495
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-section-wrapper { margin-top:{{margin_top}}px; margin-bottom:{{margin_bottom}}px;padding-top:{{padding_top}}px; padding-bottom:{{padding_bottom}}px; }
|
|
496
|
+
}
|
|
497
|
+
|
|
498
|
+
@media only screen and (max-width: 1199px) {
|
|
499
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-section-wrapper { margin-top:{{margin_top | divided_by: 2 }}px; margin-bottom:{{margin_bottom | divided_by: 2}}px;padding-top:{{padding_top | divided_by: 2}}px; padding-bottom:{{padding_bottom | divided_by: 2}}px;}
|
|
500
|
+
|
|
501
|
+
|
|
502
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block {
|
|
503
|
+
min-height: {{section.settings.promo_height_tab}}px;
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { padding: 0; }
|
|
507
|
+
|
|
508
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block {
|
|
509
|
+
{% if section.settings.enable_promo_block %} width:{{tab_leftColumn}}% {% endif %}
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block {
|
|
513
|
+
width:calc({{tab_rightColumn}}% - {{ section.settings.grouped_column_gap }}px);
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
}
|
|
517
|
+
|
|
518
|
+
@media (min-width:768px) { .slide-img.mobile-only { display: none; } }
|
|
519
|
+
|
|
520
|
+
@media screen and (max-width: 767px){
|
|
521
|
+
|
|
522
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] {
|
|
523
|
+
background: var(--DTTertiaryColor); background:{{ block.settings.mobile_bg_clr | color_modify: 'alpha', 0.85 }};
|
|
524
|
+
width: 400px; }
|
|
525
|
+
|
|
526
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block.overlay .dt-sc-promo-block {
|
|
527
|
+
min-height: {{section.settings.promo_height_mobile}}px;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block { margin-bottom: {{ section.settings.grouped_column_gap }}px; }
|
|
531
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content.dt-sc-reverse-columns .main-block {
|
|
532
|
+
margin-top: {{ section.settings.grouped_column_gap }}px; }
|
|
533
|
+
|
|
534
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block,
|
|
535
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .additional-block { width: 100%; }
|
|
536
|
+
|
|
537
|
+
#shopify-section-{{section.id}}.home-slider-width-promo-images .grouped-content .main-block { height: {{section.settings.slider_height_mobile}}px; }
|
|
538
|
+
|
|
539
|
+
#shopify-section-{{section.id}}.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content { padding: 0 30px; }
|
|
540
|
+
|
|
541
|
+
.slide-img:not(.mobile-only){ display: none;}
|
|
542
|
+
}
|
|
543
|
+
|
|
544
|
+
|
|
545
|
+
|
|
546
|
+
|
|
547
|
+
|
|
548
|
+
@media screen and (min-width: 320px) and (max-width: 767px){
|
|
549
|
+
|
|
550
|
+
|
|
551
|
+
|
|
552
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"]
|
|
553
|
+
.multiple-buttons {
|
|
554
|
+
display: grid; gap: 10px;
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .multiple-buttons > *,
|
|
558
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .multiple-buttons > :not(:last-child):not(:only-child),
|
|
559
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] .multiple-buttons > :not(:only-child) {
|
|
560
|
+
margin: 0;
|
|
561
|
+
}
|
|
562
|
+
|
|
563
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-heading { font-size: calc(.75* {{ block.settings.heading_size }}px); }
|
|
564
|
+
.home-slideshow-section .slider-{{ block.id }}-list .slide-sub-heading-2 { font-size: calc(.75* {{ block.settings.subheading_size }}px); }
|
|
565
|
+
}
|
|
566
|
+
|
|
567
|
+
@media screen and (max-width: 576px) {
|
|
568
|
+
|
|
569
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] {
|
|
570
|
+
width: 300px; }
|
|
571
|
+
|
|
572
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="top-"] [class*="slide_"],
|
|
573
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="bottom-"] [class*="slide_"],
|
|
574
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content[class*="center-"] [class*="slide_"] { align-self: center; }
|
|
575
|
+
|
|
576
|
+
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-content [class*="slide_"] {
|
|
577
|
+
width: 100%; margin: auto; }
|
|
578
|
+
|
|
579
|
+
}
|
|
580
|
+
</style>
|
|
581
|
+
|
|
582
|
+
{% schema %}
|
|
583
|
+
{
|
|
584
|
+
"name": "Slider with promo images ",
|
|
585
|
+
"class": "index-section home-slideshow-section home-slider-width-promo-images",
|
|
586
|
+
"max_blocks": 10,
|
|
587
|
+
"settings": [
|
|
588
|
+
{
|
|
589
|
+
"type": "checkbox",
|
|
590
|
+
"id": "full",
|
|
591
|
+
"label": "Show Full width"
|
|
592
|
+
},
|
|
593
|
+
{
|
|
594
|
+
"type": "checkbox",
|
|
595
|
+
"id": "spacing_both_ends",
|
|
596
|
+
"label": "Enable Right & Left Spacing (Works only on Fullwidth)",
|
|
597
|
+
"default": false
|
|
598
|
+
},
|
|
599
|
+
{
|
|
600
|
+
"type": "text",
|
|
601
|
+
"id": "padding",
|
|
602
|
+
"label": "Style value (Padding)",
|
|
603
|
+
"default":"0,0",
|
|
604
|
+
"info":"Top(px),Bottom(px)"
|
|
605
|
+
},
|
|
606
|
+
{
|
|
607
|
+
"type": "text",
|
|
608
|
+
"id": "margin",
|
|
609
|
+
"label": "Style value (Margin)",
|
|
610
|
+
"default":"0,0",
|
|
611
|
+
"info":"Top(px),Bottom(px)"
|
|
612
|
+
},
|
|
613
|
+
{
|
|
614
|
+
"type": "checkbox",
|
|
615
|
+
"id": "show_background_image",
|
|
616
|
+
"label": "Enable Background image"
|
|
617
|
+
},
|
|
618
|
+
{
|
|
619
|
+
"type": "image_picker",
|
|
620
|
+
"id": "background_image",
|
|
621
|
+
"label": "Background image",
|
|
622
|
+
"info": "Size: 1920x1280"
|
|
623
|
+
},
|
|
624
|
+
{
|
|
625
|
+
"type": "select",
|
|
626
|
+
"id": "background_style",
|
|
627
|
+
"label": "Background Style",
|
|
628
|
+
"default": "none",
|
|
629
|
+
"options": [
|
|
630
|
+
{
|
|
631
|
+
"value": "fixed",
|
|
632
|
+
"label": "Fixed"
|
|
633
|
+
},
|
|
634
|
+
{
|
|
635
|
+
"value": "parallax",
|
|
636
|
+
"label": "Parallax"
|
|
637
|
+
},
|
|
638
|
+
{
|
|
639
|
+
"value": "none",
|
|
640
|
+
"label": "None"
|
|
641
|
+
}
|
|
642
|
+
]
|
|
643
|
+
},
|
|
644
|
+
{
|
|
645
|
+
"type": "select",
|
|
646
|
+
"id": "background_size",
|
|
647
|
+
"label": "Background Size",
|
|
648
|
+
"info": "This will not apply for parallax",
|
|
649
|
+
"default": "auto",
|
|
650
|
+
"options": [
|
|
651
|
+
{
|
|
652
|
+
"value": "auto",
|
|
653
|
+
"label": "Auto"
|
|
654
|
+
},
|
|
655
|
+
{
|
|
656
|
+
"value": "cover",
|
|
657
|
+
"label": "Cover"
|
|
658
|
+
},
|
|
659
|
+
{
|
|
660
|
+
"value": "contain",
|
|
661
|
+
"label": "Contain"
|
|
662
|
+
},
|
|
663
|
+
{
|
|
664
|
+
"value": "repeat",
|
|
665
|
+
"label": "Repeat"
|
|
666
|
+
}
|
|
667
|
+
]
|
|
668
|
+
},
|
|
669
|
+
{
|
|
670
|
+
"type": "checkbox",
|
|
671
|
+
"id": "enable_overlay",
|
|
672
|
+
"label": "Enable Background Color (Used as Background Image Overlay Color too)"
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"type": "color",
|
|
676
|
+
"id": "background_color",
|
|
677
|
+
"label":"Background color"
|
|
678
|
+
},
|
|
679
|
+
{
|
|
680
|
+
"type": "text",
|
|
681
|
+
"id": "overlay_transparency",
|
|
682
|
+
"label": "Overlay Transparency (0.01 to 1)",
|
|
683
|
+
"default": "0.5"
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"type": "header",
|
|
687
|
+
"content": "Main Block Settings"
|
|
688
|
+
},
|
|
689
|
+
{
|
|
690
|
+
"type": "checkbox",
|
|
691
|
+
"id": "enable_box_shadow",
|
|
692
|
+
"label": "Enable Box Shadow",
|
|
693
|
+
"default": false
|
|
694
|
+
},
|
|
695
|
+
{
|
|
696
|
+
"type": "text",
|
|
697
|
+
"id": "border_radius",
|
|
698
|
+
"label": "Overall Border Radius(Leave empty for Theme Default Border Radius)",
|
|
699
|
+
"default":"0",
|
|
700
|
+
"info": "Units not needed"
|
|
701
|
+
},
|
|
702
|
+
{
|
|
703
|
+
"type": "text",
|
|
704
|
+
"id": "content_border_radius",
|
|
705
|
+
"label": "Content Border Radius(Leave empty for Theme Default Border Radius)",
|
|
706
|
+
"default":"0",
|
|
707
|
+
"info": "Units not needed"
|
|
708
|
+
},
|
|
709
|
+
{
|
|
710
|
+
"type": "range",
|
|
711
|
+
"id": "slider_height",
|
|
712
|
+
"label": "Slider Height - Only if Promo blocks are Disabled",
|
|
713
|
+
"min": 100,
|
|
714
|
+
"max": 1000,
|
|
715
|
+
"step": 10,
|
|
716
|
+
"default": 800,
|
|
717
|
+
"unit": "px"
|
|
718
|
+
},
|
|
719
|
+
{
|
|
720
|
+
"type": "range",
|
|
721
|
+
"id": "slider_height_mobile",
|
|
722
|
+
"label": "Slider Height (Only for Mobile)",
|
|
723
|
+
"min": 100,
|
|
724
|
+
"max": 1000,
|
|
725
|
+
"step": 10,
|
|
726
|
+
"default": 500,
|
|
727
|
+
"unit": "px"
|
|
728
|
+
},
|
|
729
|
+
{
|
|
730
|
+
"type" : "checkbox",
|
|
731
|
+
"id" : "autoplay",
|
|
732
|
+
"label" : "Enable Autoplay Slides",
|
|
733
|
+
"default": false
|
|
734
|
+
},
|
|
735
|
+
{
|
|
736
|
+
"type": "select",
|
|
737
|
+
"id": "slideshow_speed",
|
|
738
|
+
"label": "Change slides every (Enable Autoplay Slider bfore selecting this)",
|
|
739
|
+
"options": [
|
|
740
|
+
{ "value": "5000", "label": "5 seconds" },
|
|
741
|
+
{ "value": "6000", "label": "6 seconds" },
|
|
742
|
+
{ "value": "7000", "label": "7 seconds" },
|
|
743
|
+
{ "value": "8000", "label": "8 seconds" },
|
|
744
|
+
{ "value": "9000", "label": "9 seconds" },
|
|
745
|
+
{ "value": "10000", "label": "10 seconds" }
|
|
746
|
+
],
|
|
747
|
+
"default": "5000"
|
|
748
|
+
},
|
|
749
|
+
{
|
|
750
|
+
"type" : "checkbox",
|
|
751
|
+
"id" : "dots",
|
|
752
|
+
"label" : "Enable Pagination Dots",
|
|
753
|
+
"default": true
|
|
754
|
+
},
|
|
755
|
+
{
|
|
756
|
+
"type" : "checkbox",
|
|
757
|
+
"id" : "arrows",
|
|
758
|
+
"label" : "Enable Navigation Arrows",
|
|
759
|
+
"default": true
|
|
760
|
+
},
|
|
761
|
+
{
|
|
762
|
+
"type": "select",
|
|
763
|
+
"id": "nav_arrow_position",
|
|
764
|
+
"label": "Navigation Arrows position",
|
|
765
|
+
"options": [
|
|
766
|
+
{
|
|
767
|
+
"value": "navigation-top-left",
|
|
768
|
+
"label": "Top Left"
|
|
769
|
+
},
|
|
770
|
+
{
|
|
771
|
+
"value": "navigation-top-center",
|
|
772
|
+
"label": "Top Center"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"value": "navigation-top-right",
|
|
776
|
+
"label": "Top Right"
|
|
777
|
+
},
|
|
778
|
+
{
|
|
779
|
+
"value": "center-navigation",
|
|
780
|
+
"label": "Center"
|
|
781
|
+
},
|
|
782
|
+
{
|
|
783
|
+
"value": "navigation-bottom-left",
|
|
784
|
+
"label": "Bottom left"
|
|
785
|
+
},
|
|
786
|
+
{
|
|
787
|
+
"value": "navigation-bottom-center",
|
|
788
|
+
"label": "Bottom center"
|
|
789
|
+
},
|
|
790
|
+
|
|
791
|
+
{
|
|
792
|
+
"value": "navigation-bottom-right",
|
|
793
|
+
"label": "Bottom right"
|
|
794
|
+
}
|
|
795
|
+
],
|
|
796
|
+
"default": "navigation-bottom-center"
|
|
797
|
+
},
|
|
798
|
+
{
|
|
799
|
+
"type": "select",
|
|
800
|
+
"id": "center_nav_arrow_alignment",
|
|
801
|
+
"label": "Navigation Arrows position",
|
|
802
|
+
"options": [
|
|
803
|
+
{
|
|
804
|
+
"value": "along_with_container",
|
|
805
|
+
"label": "Along with Container"
|
|
806
|
+
},
|
|
807
|
+
{
|
|
808
|
+
"value": "inside_container",
|
|
809
|
+
"label": "Inside Container"
|
|
810
|
+
}
|
|
811
|
+
],
|
|
812
|
+
"default": "inside_container"
|
|
813
|
+
},
|
|
814
|
+
{
|
|
815
|
+
"type": "header",
|
|
816
|
+
"content": "Navigation Dots/Arrows Color settings"
|
|
817
|
+
},
|
|
818
|
+
{
|
|
819
|
+
"type": "color",
|
|
820
|
+
"id": "navigation_button_color",
|
|
821
|
+
"label": "Navigation Arrow Bg Color"
|
|
822
|
+
},
|
|
823
|
+
{
|
|
824
|
+
"type": "color",
|
|
825
|
+
"id": "navigation_button_icon_color",
|
|
826
|
+
"label": "Navigation Arrow Icon Color"
|
|
827
|
+
},
|
|
828
|
+
{
|
|
829
|
+
"type": "color",
|
|
830
|
+
"id": "navigation_button_hover_color",
|
|
831
|
+
"label": "Navigation Arrow Hover Bg Color"
|
|
832
|
+
},
|
|
833
|
+
{
|
|
834
|
+
"type": "color",
|
|
835
|
+
"id": "navigation_button_hover_icon_color",
|
|
836
|
+
"label": "Navigation Arrow Hover Icon Color"
|
|
837
|
+
},
|
|
838
|
+
{
|
|
839
|
+
"type": "color",
|
|
840
|
+
"id": "navigation_dot_color",
|
|
841
|
+
"label": "Navigation Dot Color"
|
|
842
|
+
},
|
|
843
|
+
{
|
|
844
|
+
"type": "color",
|
|
845
|
+
"id": "navigation_dot_active_color",
|
|
846
|
+
"label": "Navigation Dot Active Color"
|
|
847
|
+
},
|
|
848
|
+
{
|
|
849
|
+
"type": "header",
|
|
850
|
+
"content": "Grouped Content Settings"
|
|
851
|
+
},
|
|
852
|
+
{
|
|
853
|
+
"type": "text",
|
|
854
|
+
"id": "content_width",
|
|
855
|
+
"label": "Desktop",
|
|
856
|
+
"default":"70/30"
|
|
857
|
+
},
|
|
858
|
+
{
|
|
859
|
+
"type": "text",
|
|
860
|
+
"id": "lap_content_width",
|
|
861
|
+
"label": "Laptop (Small Screen)",
|
|
862
|
+
"default":"65/35"
|
|
863
|
+
},
|
|
864
|
+
{
|
|
865
|
+
"type": "text",
|
|
866
|
+
"id": "tab_content_width",
|
|
867
|
+
"label": "Laptop (Small Screen)",
|
|
868
|
+
"default":"50/50",
|
|
869
|
+
"info": "For Mobile resolutions 100/100 comes by default"
|
|
870
|
+
},
|
|
871
|
+
{
|
|
872
|
+
"type": "text",
|
|
873
|
+
"id": "grouped_column_gap",
|
|
874
|
+
"label": "Grouped Content Column Gap",
|
|
875
|
+
"default":"30",
|
|
876
|
+
"info": "Units not needed"
|
|
877
|
+
},
|
|
878
|
+
{
|
|
879
|
+
"type" : "checkbox",
|
|
880
|
+
"id" : "reverse_column",
|
|
881
|
+
"label" : "Column Reverse",
|
|
882
|
+
"default": false
|
|
883
|
+
},
|
|
884
|
+
{
|
|
885
|
+
"type": "header",
|
|
886
|
+
"content": "Custom class"
|
|
887
|
+
},
|
|
888
|
+
{
|
|
889
|
+
"type": "text",
|
|
890
|
+
"id": "custom_class_name",
|
|
891
|
+
"label": "Add your custom class name here"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"type": "header",
|
|
895
|
+
"content": "Promo Block Settings"
|
|
896
|
+
},
|
|
897
|
+
{
|
|
898
|
+
"type" : "checkbox",
|
|
899
|
+
"id" : "enable_promo_block",
|
|
900
|
+
"label" : "Enable Promo blocks",
|
|
901
|
+
"default": true
|
|
902
|
+
},
|
|
903
|
+
{
|
|
904
|
+
"type": "select",
|
|
905
|
+
"id": "promo_block_style",
|
|
906
|
+
"label": "Promo block style",
|
|
907
|
+
"default": "overlay",
|
|
908
|
+
"options": [
|
|
909
|
+
{
|
|
910
|
+
"value": "default",
|
|
911
|
+
"label": "Grid"
|
|
912
|
+
},
|
|
913
|
+
{
|
|
914
|
+
"value": "overlay",
|
|
915
|
+
"label": "Overlay"
|
|
916
|
+
}
|
|
917
|
+
]
|
|
918
|
+
},
|
|
919
|
+
{
|
|
920
|
+
"type": "range",
|
|
921
|
+
"id": "promo_height",
|
|
922
|
+
"label": "Promo Block Height - Desktop (Only for Overlay Style)",
|
|
923
|
+
"min": 100,
|
|
924
|
+
"max": 1000,
|
|
925
|
+
"step": 10,
|
|
926
|
+
"default": 300,
|
|
927
|
+
"unit": "px"
|
|
928
|
+
},
|
|
929
|
+
{
|
|
930
|
+
"type": "range",
|
|
931
|
+
"id": "promo_height_lap",
|
|
932
|
+
"label": "Promo Block Height - Laptop (Only for Overlay Style)",
|
|
933
|
+
"min": 100,
|
|
934
|
+
"max": 1000,
|
|
935
|
+
"step": 10,
|
|
936
|
+
"default": 300,
|
|
937
|
+
"unit": "px"
|
|
938
|
+
},
|
|
939
|
+
{
|
|
940
|
+
"type": "range",
|
|
941
|
+
"id": "promo_height_tab",
|
|
942
|
+
"label": "Promo Block Height - Tablet (Only for Overlay Style)",
|
|
943
|
+
"min": 100,
|
|
944
|
+
"max": 1000,
|
|
945
|
+
"step": 10,
|
|
946
|
+
"default": 300,
|
|
947
|
+
"unit": "px"
|
|
948
|
+
},
|
|
949
|
+
{
|
|
950
|
+
"type": "range",
|
|
951
|
+
"id": "promo_height_mobile",
|
|
952
|
+
"label": "Promo Block Height - Mobile (Only for Overlay Style)",
|
|
953
|
+
"min": 100,
|
|
954
|
+
"max": 1000,
|
|
955
|
+
"step": 10,
|
|
956
|
+
"default": 300,
|
|
957
|
+
"unit": "px"
|
|
958
|
+
},
|
|
959
|
+
{
|
|
960
|
+
"type": "header",
|
|
961
|
+
"content": "Additional Block 1"
|
|
962
|
+
},
|
|
963
|
+
{
|
|
964
|
+
"type" : "checkbox",
|
|
965
|
+
"id" : "enable_additional_block_1",
|
|
966
|
+
"label" : "Enable this block",
|
|
967
|
+
"default": true
|
|
968
|
+
},
|
|
969
|
+
{
|
|
970
|
+
"type": "image_picker",
|
|
971
|
+
"id": "image_1",
|
|
972
|
+
"label": "Image",
|
|
973
|
+
"info": "Size: 650x380"
|
|
974
|
+
},
|
|
975
|
+
{
|
|
976
|
+
"type": "text",
|
|
977
|
+
"id": "title_1",
|
|
978
|
+
"label": "Heading",
|
|
979
|
+
"default": "Heading"
|
|
980
|
+
},
|
|
981
|
+
{
|
|
982
|
+
"type": "textarea",
|
|
983
|
+
"id": "text_1",
|
|
984
|
+
"label": "Description",
|
|
985
|
+
"default": "Short description"
|
|
986
|
+
},
|
|
987
|
+
{
|
|
988
|
+
"type": "text",
|
|
989
|
+
"id": "button_1",
|
|
990
|
+
"label": "Button text",
|
|
991
|
+
"default": "Shop Now"
|
|
992
|
+
},
|
|
993
|
+
{
|
|
994
|
+
"type": "url",
|
|
995
|
+
"id": "link_1",
|
|
996
|
+
"label": "Link URL"
|
|
997
|
+
},
|
|
998
|
+
{
|
|
999
|
+
"type": "header",
|
|
1000
|
+
"content": "Additional Block 2"
|
|
1001
|
+
},
|
|
1002
|
+
{
|
|
1003
|
+
"type" : "checkbox",
|
|
1004
|
+
"id" : "enable_additional_block_2",
|
|
1005
|
+
"label" : "Enable this block",
|
|
1006
|
+
"default": true
|
|
1007
|
+
},
|
|
1008
|
+
{
|
|
1009
|
+
"type": "image_picker",
|
|
1010
|
+
"id": "image_2",
|
|
1011
|
+
"label": "Image",
|
|
1012
|
+
"info": "Size: 325x380"
|
|
1013
|
+
},
|
|
1014
|
+
|
|
1015
|
+
{
|
|
1016
|
+
"type": "text",
|
|
1017
|
+
"id": "title_2",
|
|
1018
|
+
"label": "Heading",
|
|
1019
|
+
"default": "Heading"
|
|
1020
|
+
},
|
|
1021
|
+
{
|
|
1022
|
+
"type": "textarea",
|
|
1023
|
+
"id": "text_2",
|
|
1024
|
+
"label": "Description",
|
|
1025
|
+
"default": "Short description"
|
|
1026
|
+
},
|
|
1027
|
+
{
|
|
1028
|
+
"type": "text",
|
|
1029
|
+
"id": "button_2",
|
|
1030
|
+
"label": "Button text",
|
|
1031
|
+
"default": "Shop Now"
|
|
1032
|
+
},
|
|
1033
|
+
{
|
|
1034
|
+
"type": "url",
|
|
1035
|
+
"id": "link_2",
|
|
1036
|
+
"label": "Link URL"
|
|
1037
|
+
},
|
|
1038
|
+
{
|
|
1039
|
+
"type": "header",
|
|
1040
|
+
"content": "Additional Block 3"
|
|
1041
|
+
},
|
|
1042
|
+
{
|
|
1043
|
+
"type" : "checkbox",
|
|
1044
|
+
"id" : "enable_additional_block_3",
|
|
1045
|
+
"label" : "Enable this block",
|
|
1046
|
+
"default": false
|
|
1047
|
+
},
|
|
1048
|
+
{
|
|
1049
|
+
"type": "image_picker",
|
|
1050
|
+
"id": "image_3",
|
|
1051
|
+
"label": "Image",
|
|
1052
|
+
"info": "Size: 325x380"
|
|
1053
|
+
},
|
|
1054
|
+
{
|
|
1055
|
+
"type": "text",
|
|
1056
|
+
"id": "title_3",
|
|
1057
|
+
"label": "Heading",
|
|
1058
|
+
"default": "Heading"
|
|
1059
|
+
},
|
|
1060
|
+
{
|
|
1061
|
+
"type": "textarea",
|
|
1062
|
+
"id": "text_3",
|
|
1063
|
+
"label": "Description",
|
|
1064
|
+
"default": "Short Description"
|
|
1065
|
+
},
|
|
1066
|
+
{
|
|
1067
|
+
"type": "text",
|
|
1068
|
+
"id": "button_3",
|
|
1069
|
+
"label": "Button text",
|
|
1070
|
+
"default": "Shop Now"
|
|
1071
|
+
},
|
|
1072
|
+
{
|
|
1073
|
+
"type": "url",
|
|
1074
|
+
"id": "link_3",
|
|
1075
|
+
"label": "Link URL"
|
|
1076
|
+
},
|
|
1077
|
+
{
|
|
1078
|
+
"type": "header",
|
|
1079
|
+
"content": "Promo Block Colors"
|
|
1080
|
+
},
|
|
1081
|
+
{
|
|
1082
|
+
"type": "color",
|
|
1083
|
+
"id": "promo_heading_color",
|
|
1084
|
+
"label": "Promo Heading Color "
|
|
1085
|
+
},
|
|
1086
|
+
{
|
|
1087
|
+
"type": "color",
|
|
1088
|
+
"id": "promo_description_color",
|
|
1089
|
+
"label": "Promo Description Color "
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"type": "color",
|
|
1093
|
+
"id": "promo_button_text_color",
|
|
1094
|
+
"label": "Promo Button Text Color "
|
|
1095
|
+
},
|
|
1096
|
+
{
|
|
1097
|
+
"type": "color",
|
|
1098
|
+
"id": "promo_button_bg_color",
|
|
1099
|
+
"label": "Promo Button Bg Color "
|
|
1100
|
+
},
|
|
1101
|
+
{
|
|
1102
|
+
"type": "color",
|
|
1103
|
+
"id": "promo_button_hover_text_color",
|
|
1104
|
+
"label": "Promo Button Hover Text Color "
|
|
1105
|
+
},
|
|
1106
|
+
{
|
|
1107
|
+
"type": "color",
|
|
1108
|
+
"id": "promo_button_hover_bg_color",
|
|
1109
|
+
"label": "Promo Button Hover Bg Color "
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"type": "color",
|
|
1113
|
+
"id": "promo_grid_bg_color",
|
|
1114
|
+
"label": "Promo Bg Color - Only For Grid Style"
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
"type": "color",
|
|
1118
|
+
"id": "promo_overlay_bg_color",
|
|
1119
|
+
"label": "Promo Overlay Bg Color - Only For Overlay Style"
|
|
1120
|
+
},
|
|
1121
|
+
{
|
|
1122
|
+
"type": "text",
|
|
1123
|
+
"id": "promo_overlay_opacity",
|
|
1124
|
+
"label": "Promo Overlay Opacity (0 to 1) - Only For Overlay Style",
|
|
1125
|
+
"default": "0"
|
|
1126
|
+
}
|
|
1127
|
+
],
|
|
1128
|
+
"blocks": [
|
|
1129
|
+
{
|
|
1130
|
+
"type": "Slider",
|
|
1131
|
+
"name": "Slider",
|
|
1132
|
+
"settings": [
|
|
1133
|
+
{
|
|
1134
|
+
"type": "image_picker",
|
|
1135
|
+
"id": "image",
|
|
1136
|
+
"label": "Desktop Slider Image"
|
|
1137
|
+
},
|
|
1138
|
+
{
|
|
1139
|
+
"type": "image_picker",
|
|
1140
|
+
"id": "mobile_image",
|
|
1141
|
+
"label": "Mobile Slider Image",
|
|
1142
|
+
"info": "768x900"
|
|
1143
|
+
},
|
|
1144
|
+
|
|
1145
|
+
{
|
|
1146
|
+
"type": "color",
|
|
1147
|
+
"id": "mobile_bg_clr",
|
|
1148
|
+
"label": "Mobile Bg Color"
|
|
1149
|
+
},
|
|
1150
|
+
{
|
|
1151
|
+
"type": "header",
|
|
1152
|
+
"content": "Slider Content"
|
|
1153
|
+
},
|
|
1154
|
+
{
|
|
1155
|
+
"type": "select",
|
|
1156
|
+
"id": "text_alignment",
|
|
1157
|
+
"label": "Text Alignment",
|
|
1158
|
+
"options": [
|
|
1159
|
+
{
|
|
1160
|
+
"value": "text-start",
|
|
1161
|
+
"label": "Left"
|
|
1162
|
+
},
|
|
1163
|
+
{
|
|
1164
|
+
"value": "text-center",
|
|
1165
|
+
"label": "Center"
|
|
1166
|
+
},
|
|
1167
|
+
{
|
|
1168
|
+
"value": "text-end",
|
|
1169
|
+
"label": "Right"
|
|
1170
|
+
}
|
|
1171
|
+
],
|
|
1172
|
+
"default": "text-center"
|
|
1173
|
+
},
|
|
1174
|
+
{
|
|
1175
|
+
"type": "select",
|
|
1176
|
+
"id": "content_position",
|
|
1177
|
+
"label": "Content position",
|
|
1178
|
+
"options": [
|
|
1179
|
+
{
|
|
1180
|
+
"value": "top-left",
|
|
1181
|
+
"label": "Top Left"
|
|
1182
|
+
},
|
|
1183
|
+
{
|
|
1184
|
+
"value": "top-center",
|
|
1185
|
+
"label": "Top Center"
|
|
1186
|
+
},
|
|
1187
|
+
{
|
|
1188
|
+
"value": "top-right",
|
|
1189
|
+
"label": "Top Right"
|
|
1190
|
+
},
|
|
1191
|
+
{
|
|
1192
|
+
"value": "center-left",
|
|
1193
|
+
"label": "Center left"
|
|
1194
|
+
},
|
|
1195
|
+
{
|
|
1196
|
+
"value": "dt-sc-flex-center",
|
|
1197
|
+
"label": "Center"
|
|
1198
|
+
},
|
|
1199
|
+
{
|
|
1200
|
+
"value": "center-right",
|
|
1201
|
+
"label": "Center right"
|
|
1202
|
+
},
|
|
1203
|
+
{
|
|
1204
|
+
"value": "bottom-left",
|
|
1205
|
+
"label": "Bottom left"
|
|
1206
|
+
},
|
|
1207
|
+
{
|
|
1208
|
+
"value": "bottom-center",
|
|
1209
|
+
"label": "Bottom center"
|
|
1210
|
+
},
|
|
1211
|
+
{
|
|
1212
|
+
"value": "bottom-right",
|
|
1213
|
+
"label": "Bottom right"
|
|
1214
|
+
}
|
|
1215
|
+
],
|
|
1216
|
+
"default": "dt-sc-flex-center"
|
|
1217
|
+
},
|
|
1218
|
+
{
|
|
1219
|
+
"type": "image_picker",
|
|
1220
|
+
"id": "block_image",
|
|
1221
|
+
"label": "Slider Content Icon/Image",
|
|
1222
|
+
"info": "Size: 1280x820"
|
|
1223
|
+
},
|
|
1224
|
+
{
|
|
1225
|
+
"type": "checkbox",
|
|
1226
|
+
"id": "show_image",
|
|
1227
|
+
"label": "Show image",
|
|
1228
|
+
"default": false
|
|
1229
|
+
},
|
|
1230
|
+
{
|
|
1231
|
+
"type" : "checkbox",
|
|
1232
|
+
"id" : "show_content",
|
|
1233
|
+
"label" : "Show content",
|
|
1234
|
+
"default": false
|
|
1235
|
+
},
|
|
1236
|
+
{
|
|
1237
|
+
"type": "text",
|
|
1238
|
+
"id": "title_2",
|
|
1239
|
+
"label": "Sub Heading",
|
|
1240
|
+
"default": "Sub Heading"
|
|
1241
|
+
},
|
|
1242
|
+
{
|
|
1243
|
+
"type": "color",
|
|
1244
|
+
"id": "subheading_color",
|
|
1245
|
+
"label": "Sub Heading Color"
|
|
1246
|
+
},
|
|
1247
|
+
{
|
|
1248
|
+
"type": "text",
|
|
1249
|
+
"id": "subheading_size",
|
|
1250
|
+
"label": "Subheading Text Size",
|
|
1251
|
+
"default": "20"
|
|
1252
|
+
},
|
|
1253
|
+
{
|
|
1254
|
+
"type": "text",
|
|
1255
|
+
"id": "title",
|
|
1256
|
+
"label": "Heading",
|
|
1257
|
+
"default": "Heading"
|
|
1258
|
+
},
|
|
1259
|
+
{
|
|
1260
|
+
"type": "color",
|
|
1261
|
+
"id": "heading_color",
|
|
1262
|
+
"label": "Heading Color"
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"type": "text",
|
|
1266
|
+
"id": "heading_size",
|
|
1267
|
+
"label": "Heading Font Size",
|
|
1268
|
+
"default": "54"
|
|
1269
|
+
},
|
|
1270
|
+
|
|
1271
|
+
{
|
|
1272
|
+
"type": "html",
|
|
1273
|
+
"id": "desc",
|
|
1274
|
+
"label": "Desc",
|
|
1275
|
+
"default": "Few lines of short description."
|
|
1276
|
+
},
|
|
1277
|
+
{
|
|
1278
|
+
"type": "color",
|
|
1279
|
+
"id": "desc_color",
|
|
1280
|
+
"label": "Desc Color"
|
|
1281
|
+
},
|
|
1282
|
+
{
|
|
1283
|
+
"type": "text",
|
|
1284
|
+
"id": "desc_size",
|
|
1285
|
+
"label": "Desc Text Size",
|
|
1286
|
+
"default": "14"
|
|
1287
|
+
},
|
|
1288
|
+
{
|
|
1289
|
+
"type": "text",
|
|
1290
|
+
"id": "button",
|
|
1291
|
+
"label": "Slide Button",
|
|
1292
|
+
"default":"Shop Now"
|
|
1293
|
+
},
|
|
1294
|
+
{
|
|
1295
|
+
"type": "url",
|
|
1296
|
+
"id": "link",
|
|
1297
|
+
"label": "Slide link"
|
|
1298
|
+
},
|
|
1299
|
+
{
|
|
1300
|
+
"type": "color",
|
|
1301
|
+
"id": "btn_bg_color",
|
|
1302
|
+
"label": "Button Bg Color"
|
|
1303
|
+
},
|
|
1304
|
+
{
|
|
1305
|
+
"type": "color",
|
|
1306
|
+
"id": "btn_txt_color",
|
|
1307
|
+
"label": "Button Text Color"
|
|
1308
|
+
},
|
|
1309
|
+
{
|
|
1310
|
+
"type": "color",
|
|
1311
|
+
"id": "btn_hoverbg_color",
|
|
1312
|
+
"label": "Button Hover Bg Color"
|
|
1313
|
+
},
|
|
1314
|
+
{
|
|
1315
|
+
"type": "color",
|
|
1316
|
+
"id": "btn_hovertxt_color",
|
|
1317
|
+
"label": "Button Hover Text Color"
|
|
1318
|
+
},
|
|
1319
|
+
{
|
|
1320
|
+
"type": "text",
|
|
1321
|
+
"id": "button_2",
|
|
1322
|
+
"label": "Slide Button 2",
|
|
1323
|
+
"default":"Shop Now"
|
|
1324
|
+
},
|
|
1325
|
+
{
|
|
1326
|
+
"type": "url",
|
|
1327
|
+
"id": "link_2",
|
|
1328
|
+
"label": "Slide 2 link"
|
|
1329
|
+
},
|
|
1330
|
+
{
|
|
1331
|
+
"type": "color",
|
|
1332
|
+
"id": "btn_bg_color_2",
|
|
1333
|
+
"label": "Button 2 Bg Color"
|
|
1334
|
+
},
|
|
1335
|
+
{
|
|
1336
|
+
"type": "color",
|
|
1337
|
+
"id": "btn_txt_color_2",
|
|
1338
|
+
"label": "Button 2 Text Color"
|
|
1339
|
+
},
|
|
1340
|
+
{
|
|
1341
|
+
"type": "color",
|
|
1342
|
+
"id": "btn_hoverbg_color_2",
|
|
1343
|
+
"label": "Button 2 Hover Bg Color"
|
|
1344
|
+
},
|
|
1345
|
+
{
|
|
1346
|
+
"type": "color",
|
|
1347
|
+
"id": "btn_hovertxt_color_2",
|
|
1348
|
+
"label": "Button 2 Hover Text Color"
|
|
1349
|
+
},
|
|
1350
|
+
{
|
|
1351
|
+
"type": "color",
|
|
1352
|
+
"id": "slide_content_bg",
|
|
1353
|
+
"label": "Slide Content Bg Color"
|
|
1354
|
+
}
|
|
1355
|
+
]
|
|
1356
|
+
}
|
|
1357
|
+
],
|
|
1358
|
+
|
|
1359
|
+
"presets": [
|
|
1360
|
+
{
|
|
1361
|
+
"name": "Slider with promo images ",
|
|
1362
|
+
"category": "Slider",
|
|
1363
|
+
"blocks": [
|
|
1364
|
+
{
|
|
1365
|
+
"type": "Slider"
|
|
1366
|
+
},
|
|
1367
|
+
{
|
|
1368
|
+
"type": "Slider"
|
|
1369
|
+
},
|
|
1370
|
+
{
|
|
1371
|
+
"type": "Slider"
|
|
1372
|
+
}
|
|
1373
|
+
]
|
|
1374
|
+
}
|
|
1375
|
+
]
|
|
1376
|
+
}
|
|
1377
|
+
{% endschema %}
|