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.
Files changed (161) hide show
  1. package/assets/data/block-patterns.csv +160 -0
  2. package/assets/data/component-library/GDPR-modal.liquid +183 -0
  3. package/assets/data/component-library/Ishi_parallaxblockstyle1.liquid +331 -0
  4. package/assets/data/component-library/_index.csv +157 -19
  5. package/assets/data/component-library/about.liquid +1557 -0
  6. package/assets/data/component-library/adv-header.liquid +344 -0
  7. package/assets/data/component-library/adv-navigation.liquid +542 -0
  8. package/assets/data/component-library/announcement-bar.liquid +42 -60
  9. package/assets/data/component-library/article.liquid +242 -0
  10. package/assets/data/component-library/axeo-perfume-cosmetics-store-shopify-theme-about.liquid +1557 -0
  11. package/assets/data/component-library/basel-gl_newsletter_pets.liquid +612 -0
  12. package/assets/data/component-library/bixbang-fullpackage-collection-template.liquid +990 -0
  13. package/assets/data/component-library/blog-sidebar-article.liquid +51 -0
  14. package/assets/data/component-library/blog-sidebar-deals.liquid +189 -0
  15. package/assets/data/component-library/blog-sidebar-instagram.liquid +126 -0
  16. package/assets/data/component-library/blog-sidebar-tags.liquid +30 -0
  17. package/assets/data/component-library/blog.liquid +371 -0
  18. package/assets/data/component-library/brands-page.liquid +114 -0
  19. package/assets/data/component-library/cake-shop-shopify-theme-for-bakery-and-cafe-home-support-blo.liquid +780 -0
  20. package/assets/data/component-library/collection-template-promotion.liquid +1139 -0
  21. package/assets/data/component-library/collection-template.liquid +146 -0
  22. package/assets/data/component-library/contact-us.liquid +663 -0
  23. package/assets/data/component-library/contact.liquid +256 -0
  24. package/assets/data/component-library/copyright_payment.liquid +95 -0
  25. package/assets/data/component-library/custom-content.liquid +832 -0
  26. package/assets/data/component-library/faq-template-3.liquid +1014 -0
  27. package/assets/data/component-library/footer-model-1.liquid +503 -0
  28. package/assets/data/component-library/footer-model-10.liquid +210 -0
  29. package/assets/data/component-library/footer-model-2.liquid +460 -0
  30. package/assets/data/component-library/footer-model-3.liquid +548 -0
  31. package/assets/data/component-library/footer-model-4.liquid +455 -0
  32. package/assets/data/component-library/footer-model-5.liquid +407 -0
  33. package/assets/data/component-library/footer-model-6.liquid +543 -0
  34. package/assets/data/component-library/footer-model-7.liquid +345 -0
  35. package/assets/data/component-library/footer-model-8.liquid +279 -0
  36. package/assets/data/component-library/footer-model-9.liquid +376 -0
  37. package/assets/data/component-library/gallery.liquid +236 -0
  38. package/assets/data/component-library/gecko-shopify-v5-7-6-nulled-manual_blog.liquid +720 -0
  39. package/assets/data/component-library/gl_newsletter_pets.liquid +612 -0
  40. package/assets/data/component-library/gp-logo-list.liquid +362 -0
  41. package/assets/data/component-library/grid-banner-type-3-b.liquid +655 -0
  42. package/assets/data/component-library/header-model-1.liquid +427 -0
  43. package/assets/data/component-library/header-model-10.liquid +599 -0
  44. package/assets/data/component-library/header-model-2.liquid +633 -0
  45. package/assets/data/component-library/header-model-3.liquid +415 -0
  46. package/assets/data/component-library/header-model-4.liquid +754 -0
  47. package/assets/data/component-library/header-model-5.liquid +562 -0
  48. package/assets/data/component-library/header-model-6.liquid +713 -0
  49. package/assets/data/component-library/header-model-7.liquid +743 -0
  50. package/assets/data/component-library/header-model-8.liquid +500 -0
  51. package/assets/data/component-library/header-model-9.liquid +506 -0
  52. package/assets/data/component-library/home-blog-posts-1.liquid +399 -0
  53. package/assets/data/component-library/home-blog-posts-2.liquid +393 -0
  54. package/assets/data/component-library/home-blog-posts-3.liquid +545 -0
  55. package/assets/data/component-library/home-brand-slider.liquid +224 -0
  56. package/assets/data/component-library/home-circled-block.liquid +332 -0
  57. package/assets/data/component-library/home-contact-block-1.liquid +395 -0
  58. package/assets/data/component-library/home-contact-block-2.liquid +372 -0
  59. package/assets/data/component-library/home-content-block-1.liquid +320 -0
  60. package/assets/data/component-library/home-donut-chart.liquid +335 -0
  61. package/assets/data/component-library/home-fade-in-banner.liquid +277 -0
  62. package/assets/data/component-library/home-faq-model.liquid +323 -0
  63. package/assets/data/component-library/home-featured-blog.liquid +1462 -0
  64. package/assets/data/component-library/home-featured-collections.liquid +484 -0
  65. package/assets/data/component-library/home-gallery-block1.liquid +276 -0
  66. package/assets/data/component-library/home-gallery-block2.liquid +396 -0
  67. package/assets/data/component-library/home-grid-banner-type-1.liquid +371 -0
  68. package/assets/data/component-library/home-grid-banner-type-2.liquid +362 -0
  69. package/assets/data/component-library/home-grid-banner-type-3.liquid +374 -0
  70. package/assets/data/component-library/home-grid-banner-type-4.liquid +900 -0
  71. package/assets/data/component-library/home-grid-banner-type-5.liquid +368 -0
  72. package/assets/data/component-library/home-grid-banner-type-6.liquid +382 -0
  73. package/assets/data/component-library/home-grid-banner-type-7.liquid +371 -0
  74. package/assets/data/component-library/home-hotspot-with-product-carousel.liquid +1425 -0
  75. package/assets/data/component-library/home-image-gallery.liquid +1087 -0
  76. package/assets/data/component-library/home-instagram.liquid +356 -0
  77. package/assets/data/component-library/home-newsletter.liquid +246 -0
  78. package/assets/data/component-library/home-number-counter.liquid +790 -0
  79. package/assets/data/component-library/home-price-table.liquid +416 -0
  80. package/assets/data/component-library/home-pricing-table.liquid +1076 -0
  81. package/assets/data/component-library/home-product-grid.liquid +413 -0
  82. package/assets/data/component-library/home-product-tab-1.liquid +528 -0
  83. package/assets/data/component-library/home-product-tab-2.liquid +342 -0
  84. package/assets/data/component-library/home-product-tab-3.liquid +357 -0
  85. package/assets/data/component-library/home-product-vertical-carousel.liquid +477 -0
  86. package/assets/data/component-library/home-quotes-1.liquid +274 -0
  87. package/assets/data/component-library/home-quotes-2.liquid +239 -0
  88. package/assets/data/component-library/home-quotes-3.liquid +244 -0
  89. package/assets/data/component-library/home-quotes-4.liquid +258 -0
  90. package/assets/data/component-library/home-slider-width-promo-images.liquid +1377 -0
  91. package/assets/data/component-library/home-slideshow-type-1.liquid +656 -0
  92. package/assets/data/component-library/home-slideshow-type-2.liquid +570 -0
  93. package/assets/data/component-library/home-specification-block-1.liquid +468 -0
  94. package/assets/data/component-library/home-specification-block-2.liquid +291 -0
  95. package/assets/data/component-library/home-specification-block-3.liquid +429 -0
  96. package/assets/data/component-library/home-support-block.liquid +392 -0
  97. package/assets/data/component-library/home-testimonial.liquid +1348 -0
  98. package/assets/data/component-library/home-video-banner.liquid +317 -0
  99. package/assets/data/component-library/home-wide-banner.liquid +327 -0
  100. package/assets/data/component-library/icon-with-content.liquid +478 -0
  101. package/assets/data/component-library/instafeed.liquid +1 -0
  102. package/assets/data/component-library/kea-ecommerce-interior-furniture-shopify-theme-about.liquid +1300 -0
  103. package/assets/data/component-library/kidslife-responsive-shopify-theme-home-number-counter.liquid +729 -0
  104. package/assets/data/component-library/logo-bar.liquid +314 -0
  105. package/assets/data/component-library/lookbook.liquid +367 -0
  106. package/assets/data/component-library/manual_blog.liquid +724 -0
  107. package/assets/data/component-library/navigation-etc.liquid +642 -0
  108. package/assets/data/component-library/newsletter.liquid +246 -0
  109. package/assets/data/component-library/order-form.liquid +96 -0
  110. package/assets/data/component-library/page-catev1-template.liquid +344 -0
  111. package/assets/data/component-library/popup_video.liquid +396 -0
  112. package/assets/data/component-library/product-sidebar-bestsellers.liquid +99 -0
  113. package/assets/data/component-library/product-sidebar-deals.liquid +158 -0
  114. package/assets/data/component-library/product-template-2.liquid +629 -0
  115. package/assets/data/component-library/product-template-3.liquid +670 -0
  116. package/assets/data/component-library/product-template-4.liquid +627 -0
  117. package/assets/data/component-library/product-template-5.liquid +652 -0
  118. package/assets/data/component-library/product-template.liquid +698 -0
  119. package/assets/data/component-library/rich-text.liquid +541 -0
  120. package/assets/data/component-library/section-countdown-v2.liquid +215 -0
  121. package/assets/data/component-library/services.liquid +596 -0
  122. package/assets/data/component-library/shipping_info.liquid +327 -0
  123. package/assets/data/component-library/sidebar-bestsellers.liquid +109 -0
  124. package/assets/data/component-library/sidebar-category.liquid +105 -0
  125. package/assets/data/component-library/sidebar-colors.liquid +104 -0
  126. package/assets/data/component-library/single_product_feature.liquid +1892 -0
  127. package/assets/data/component-library/social-links-menu.liquid +244 -0
  128. package/assets/data/component-library/someone-purchased.liquid +190 -0
  129. package/assets/data/component-library/special-offer-area.liquid +530 -0
  130. package/assets/data/component-library/theno-minimal-clean-watch-store-shopify-theme-page-catev1-te.liquid +344 -0
  131. package/assets/data/component-library/top-bar-type-1.liquid +200 -0
  132. package/assets/data/component-library/top-bar-type-10.liquid +395 -0
  133. package/assets/data/component-library/top-bar-type-11.liquid +395 -0
  134. package/assets/data/component-library/top-bar-type-2.liquid +106 -0
  135. package/assets/data/component-library/top-bar-type-3.liquid +205 -0
  136. package/assets/data/component-library/top-countdown-bar.liquid +116 -0
  137. package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-image-gallery.liquid +783 -0
  138. package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-pricing-table.liquid +1043 -0
  139. package/assets/data/component-library/trixe-solar-responsive-shopify-template-home-testimonial.liquid +1338 -0
  140. package/assets/data/component-library/video.liquid +511 -0
  141. package/assets/data/component-library/waffy-spices-dry-fruits-store-shopify-theme-v-1-1-contact-us.liquid +523 -0
  142. package/assets/data/design-tokens.csv +93 -57
  143. package/assets/data/schema-library.csv +48 -46
  144. package/assets/data/settings-profiles.csv +235 -0
  145. package/assets/data/shopify-best-practices.csv +58 -36
  146. package/assets/scripts/backfill-component-index.py +102 -0
  147. package/assets/scripts/core.py +30 -8
  148. package/assets/scripts/fix-schema-library.py +42 -0
  149. package/assets/scripts/kb-analyzer-helpers.py +136 -0
  150. package/assets/scripts/kb-analyzer.py +186 -0
  151. package/assets/scripts/kb-builder.py +32 -63
  152. package/assets/scripts/kb-constants.py +62 -0
  153. package/assets/scripts/kb-extractor-helpers.py +178 -0
  154. package/assets/scripts/kb-extractor.py +106 -170
  155. package/assets/scripts/kb-synthesizer.py +251 -0
  156. package/assets/scripts/quality-gate-checks.py +55 -0
  157. package/assets/scripts/quality-gate.py +56 -2
  158. package/assets/scripts/section-generator-helpers.py +74 -0
  159. package/assets/scripts/section-generator.py +59 -49
  160. package/assets/templates/generation-prompt.md +78 -14
  161. 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 %}