zz-shopify-components 0.26.1-beta.0 → 0.28.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 (7) hide show
  1. package/blocks/zz-accessories-item.liquid +6 -2
  2. package/blocks/zz-price-bundle.liquid +3 -3
  3. package/package.json +1 -1
  4. package/sections/zz-video-collapse-swiper.liquid +6 -5
  5. package/sections/zz-video-tab-swiper.liquid +3 -2
  6. package/sections/zz-voc-section.liquid +1 -1
  7. package/snippets/zz-accessories-preview-swiper.liquid +1 -1
package/blocks/zz-accessories-item.liquid CHANGED
@@ -56,9 +56,13 @@
56
56
  </div>
57
57
  <a
58
58
  {% if block.settings.btn_id != blank %}data-track-zz-element="{{ block.settings.btn_id }}"{% endif %}
59
- class='tw-block {{ btn_class }} tw-mx-auto tw-mt-[30px] tw-px-[28px] lg:tw-px-[12px] tw-w-fit tw-h-[42px] lg:tw-h-[28px] tw-rounded-[3px] tw-cursor-pointer tw-text-white tw-font-medium tw-text-[16px] lg:tw-text-[14px] tw-leading-[42px] lg:tw-leading-[28px] tw-bg-black tw-transition hover:tw-bg-black/80'
59
+ class='tw-block tw-cursor-pointer {{ btn_class }} tw-mx-auto tw-mt-[30px] tw-px-[28px] lg:tw-px-[12px] tw-w-fit tw-h-[42px] lg:tw-h-[28px] tw-rounded-[3px] tw-cursor-pointer tw-text-white tw-font-medium tw-text-[16px] lg:tw-text-[14px] tw-leading-[42px] lg:tw-leading-[28px] tw-bg-black tw-transition hover:tw-bg-black/80'
60
60
  style='background: {{ block.settings.btn_bg_color }}; color: {{ block.settings.btn_text_color }};hover: color: {{ block.settings.btn_hover_color }};'
61
- href='{{ block.settings.url }}'
61
+ {% if block.settings.function_type == 'link' and block.settings.url != blank %}
62
+ href="{{ block.settings.url }}"
63
+ {% else %}
64
+ href="javascript:void(0);"
65
+ {% endif %}
62
66
  >
63
67
  {{ block.settings.btn_text }}
64
68
  </a>
package/blocks/zz-price-bundle.liquid CHANGED
@@ -24,7 +24,7 @@
24
24
  %}
25
25
  <div class="tw-absolute lg:tw-bottom-[35px] tw-left-[24px] tw-right-[24px] tw-bottom-[16px] lg:tw-left-[30px] lg:tw-right-[30px]">
26
26
  <div class="tw-w-full">
27
- <p class="tw-font-bold tw-text-[28px] tw-leading-1 tw-text-white">{{ block.settings.heading }}</p>
27
+ <p class="tw-font-bold tw-text-[16px] lg:tw-text-[24px] tw-leading-1 tw-text-white">{{ block.settings.heading }}</p>
28
28
  {% if block.settings.price_type == 'hand' %}
29
29
  <p class='tw-font-bold tw-text-left tw-italic tw-leading-[1.2] tw-text-[28px] lg:tw-text-[40px] tw-text-white'>
30
30
  {{ block.settings.price | times: 100 | money_without_trailing_zeros }}
@@ -52,8 +52,8 @@
52
52
  SAVE {{ discount_value | money_without_trailing_zeros }}
53
53
  </span>
54
54
  {% else %}
55
- <span class='tw-font-bold tw-text-[20px] tw-text-black'>
56
- {{ discount_value | money_without_trailing_zeros }}
55
+ <span class='tw-border-white tw-text-white tw-ml-[8px] tw-border-[1px] tw-py-[4px] tw-pr-[6px] tw-pl-[6px] tw-text-[10px] lg:tw-text-[14px] tw-leading-[1.3] tw-border-solid tw-rounded-[4px]'>
56
+ SAVE {{ discount_value | money_without_trailing_zeros }}
57
57
  </span>
58
58
  {% endif %}
59
59
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.26.1-beta.0",
3
+ "version": "0.28.0",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
package/sections/zz-video-collapse-swiper.liquid CHANGED
@@ -330,7 +330,7 @@
330
330
  <div class="tw-daisy-collapse collapse-arrow tw-daisy-join-item ">
331
331
  <input type="radio" name="my-accordion-{{ section.id }}" value="{{ forloop.index }}" {% if forloop.first %}checked data-last-checked="true"{% endif %} style="cursor: pointer;" />
332
332
  {% assign collapsible_title_color = section.settings.collapsible_title_color
333
- | color_modify: 'alpha', 0.7
333
+ | color_modify: 'alpha', 0.5
334
334
  %}
335
335
  <div class="tw-daisy-collapse-title tw-py-[20px] tw-px-0 tw-text-[20px] tw-font-[700] tw-leading-[1]" style="color: {{ collapsible_title_color }};">
336
336
  {{ collapsible_row.settings.heading }}
@@ -369,14 +369,14 @@
369
369
  {% else %}
370
370
  {%
371
371
  render 'zz-img',
372
- mb_image: block.settings.poster_mb,
373
- image_alt: block.settings.heading | escape,
372
+ mb_image: collapsible_row.settings.poster_mb,
373
+ image_alt: collapsible_row.settings.heading | escape,
374
374
  class_name: 'image-video-box',
375
375
  %}
376
376
  {% endif %}
377
377
  </div>
378
378
 
379
- <div class='slide-box {% if section.settings.mobile_style == 'left_right' %}tw-pt-[20px] tw-h-[140px]{% else %}tw-mt-[100px] tw-h-[100px]{% endif %} tw-box-border'>
379
+ <div class='slide-box {% if section.settings.mobile_style == 'left_right' %}tw-pt-[20px] tw-h-[140px]{% else %}tw-mt-[100px] tw-h-[150px]{% endif %} tw-box-border'>
380
380
  <div class='active-box-content tw-hidden'>
381
381
  {% if section.settings.mobile_style == 'left_right' %}
382
382
  {% render 'zz-h5',
@@ -520,7 +520,7 @@
520
520
  {% if section.settings.mobile_style == 'tab' %}
521
521
  #shopify-section-{{ section.id }} .zz-collapse-swiper .swiper-pagination-bullets {
522
522
  {% if section.settings.mobile_style == 'tab' %}
523
- bottom: 120px;
523
+ bottom: 170px;
524
524
  {% else %}
525
525
  bottom: 85px;
526
526
  {% endif %}
@@ -529,6 +529,7 @@
529
529
  transform: translateX(-50%);
530
530
  width: calc(100% - 40px);
531
531
  background: white;
532
+ overflow-y: hidden;
532
533
  border-radius: 10px;
533
534
 
534
535
  }
package/sections/zz-video-tab-swiper.liquid CHANGED
@@ -55,9 +55,10 @@
55
55
  #shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-slide .media-box {
56
56
  position: relative;
57
57
  width: 100%;
58
- aspect-ratio: 16 / 9;
58
+ aspect-ratio: 335 / 252;
59
59
  }
60
60
  #shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-pagination-bullets {
61
+ overflow-y: hidden;
61
62
  bottom: 85px;
62
63
  left: 50%;
63
64
  transform: translateX(-50%);
@@ -163,7 +164,7 @@
163
164
  #shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-slide .media-box {
164
165
  position: relative;
165
166
  width: 1080px;
166
- height: 686px;
167
+ height: 608px;
167
168
  }
168
169
  #shopify-section-{{ section.id }} .zz-banner-tab-swiper .swiper-pagination-bullets {
169
170
  width: auto;
package/sections/zz-voc-section.liquid CHANGED
@@ -132,7 +132,7 @@
132
132
  {% endschema %}
133
133
 
134
134
  <div class='user-spokes-section lg:tw-w-[85.3906vw] xl:tw-w-[1093px] lg:tw-mx-auto'>
135
- <div class='max-lg:tw-px-[20px] tw-flex lg:tw-justify-between max-lg:tw-overflow-x-auto tw-gap-[20px] slow-reveal'>
135
+ <div class='max-lg:tw-px-[20px] tw-flex lg:tw-justify-between max-lg:tw-overflow-x-auto tw-gap-[8px] lg:tw-gap-[20px] slow-reveal'>
136
136
  {% for block in section.blocks %}
137
137
  <div class='comment-box lg:tw-w-[351px] tw-flex tw-flex-col'>
138
138
  <div class='comment-item lg:tw-w-[351px] lg:tw-h-[468px]'>
package/snippets/zz-accessories-preview-swiper.liquid CHANGED
@@ -58,7 +58,7 @@
58
58
  </svg>
59
59
 
60
60
  <div class=' tw-flex tw-flex-col '>
61
- <div class='lg:tw-text-[16px] tw-text-[12px] tw-leading-[1.2] tw-font-bold'>
61
+ <div class='lg:tw-text-[14px] tw-text-[12px] tw-leading-[1.2] tw-font-semibold'>
62
62
  {{
63
63
  block.settings.accessories_title
64
64
  | default: accessories_point_variant.title