zz-shopify-components 0.27.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.
@@ -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>
@@ -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.27.0",
3
+ "version": "0.28.0",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
@@ -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]'>