zz-shopify-components 0.0.21 → 0.0.22

package/snippets/zz-icon-next.liquid

@@ -1,17 +1,17 @@
-<svg
-  width='48'
-  height='49'
-  viewBox='0 0 48 49'
-  fill='none'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <rect x="0.5" y="0.904297" width="47" height="47" rx="23.5" fill="white" fill-opacity="0.06" stroke="url(#paint0_linear_7505_5866)"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M29 24.4043L21.9289 17.3332L21.9392 19.5192L26.8243 24.4043L21.9289 29.2761L21.9289 31.4754L29 24.4043Z" fill="white"/>
-  <defs>
-  <linearGradient id="paint0_linear_7505_5866" x1="4.63636" y1="9.4043" x2="48.3522" y2="18.0623" gradientUnits="userSpaceOnUse">
-  <stop stop-color="white" stop-opacity="0.2"/>
-  <stop offset="0.468859" stop-color="white" stop-opacity="0.15"/>
-  <stop offset="1" stop-color="white" stop-opacity="0.4"/>
-  </linearGradient>
-  </defs>
-</svg>
+<svg
+  width='48'
+  height='49'
+  viewBox='0 0 48 49'
+  fill='none'
+  xmlns='http://www.w3.org/2000/svg'
+>
+  <rect x="0.5" y="0.904297" width="47" height="47" rx="23.5" fill="white" fill-opacity="0.06" stroke="url(#paint0_linear_7505_5866)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M29 24.4043L21.9289 17.3332L21.9392 19.5192L26.8243 24.4043L21.9289 29.2761L21.9289 31.4754L29 24.4043Z" fill="white"/>
+  <defs>
+  <linearGradient id="paint0_linear_7505_5866" x1="4.63636" y1="9.4043" x2="48.3522" y2="18.0623" gradientUnits="userSpaceOnUse">
+  <stop stop-color="white" stop-opacity="0.2"/>
+  <stop offset="0.468859" stop-color="white" stop-opacity="0.15"/>
+  <stop offset="1" stop-color="white" stop-opacity="0.4"/>
+  </linearGradient>
+  </defs>
+</svg>

package/snippets/zz-icon-prev.liquid

@@ -1,17 +1,17 @@
-<svg
-  width='48'
-  height='49'
-  viewBox='0 0 48 49'
-  fill='none'
-  xmlns='http://www.w3.org/2000/svg'
->
-  <rect x="0.5" y="0.904297" width="47" height="47" rx="23.5" fill="white" fill-opacity="0.06" stroke="url(#paint0_linear_7489_5863)"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.4043L26.0711 17.3332L26.0608 19.5192L21.1757 24.4043L26.0711 29.2761L26.0711 31.4754L19 24.4043Z" fill="white"/>
-  <defs>
-  <linearGradient id="paint0_linear_7489_5863" x1="4.63636" y1="9.4043" x2="48.3522" y2="18.0623" gradientUnits="userSpaceOnUse">
-  <stop stop-color="white" stop-opacity="0.2"/>
-  <stop offset="0.468859" stop-color="white" stop-opacity="0.15"/>
-  <stop offset="1" stop-color="white" stop-opacity="0.4"/>
-  </linearGradient>
-  </defs>
-</svg>
+<svg
+  width='48'
+  height='49'
+  viewBox='0 0 48 49'
+  fill='none'
+  xmlns='http://www.w3.org/2000/svg'
+>
+  <rect x="0.5" y="0.904297" width="47" height="47" rx="23.5" fill="white" fill-opacity="0.06" stroke="url(#paint0_linear_7489_5863)"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.4043L26.0711 17.3332L26.0608 19.5192L21.1757 24.4043L26.0711 29.2761L26.0711 31.4754L19 24.4043Z" fill="white"/>
+  <defs>
+  <linearGradient id="paint0_linear_7489_5863" x1="4.63636" y1="9.4043" x2="48.3522" y2="18.0623" gradientUnits="userSpaceOnUse">
+  <stop stop-color="white" stop-opacity="0.2"/>
+  <stop offset="0.468859" stop-color="white" stop-opacity="0.15"/>
+  <stop offset="1" stop-color="white" stop-opacity="0.4"/>
+  </linearGradient>
+  </defs>
+</svg>

package/snippets/zz-icon.liquid

@@ -1,74 +1,74 @@
-{% comment %}
-  按钮配置选项：
-  type：按钮类型
-    - primary：主要按钮
-    - default：默认按钮
-    - round：圆角按钮
-    - link：链接按钮
-
-  color：按钮颜色
-    - black：黑色
-    - white：白色
-    - orange：橙色
-
-  size：按钮尺寸
-    - large：大号
-    - medium：中号（默认）
-    - small：小号
-
-  其他参数：
-  - href：链接地址
-  - backdrop_filter：毛玻璃效果 true/false
-  - icon：图标名称
-  - text：按钮文字
-  - class_name：自定义类名
-{% endcomment %}
-
-{% assign icon_name = icon_name | default: 'download' %}
-{% assign icon_color = icon_color | default: 'currentColor' %}
-{% assign icon_size = icon_size | default: '15' %}
-
-{% if icon_name == 'download' %}
-  <svg
-    width='{{ icon_size }}px'
-    height='{{ icon_size }}px'
-    viewBox='0 0 15 15'
-    fill='none'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d="M7.50005 1.04999C7.74858 1.04999 7.95005 1.25146 7.95005 1.49999V8.41359L10.1819 6.18179C10.3576 6.00605 10.6425 6.00605 10.8182 6.18179C10.994 6.35753 10.994 6.64245 10.8182 6.81819L7.81825 9.81819C7.64251 9.99392 7.35759 9.99392 7.18185 9.81819L4.18185 6.81819C4.00611 6.64245 4.00611 6.35753 4.18185 6.18179C4.35759 6.00605 4.64251 6.00605 4.81825 6.18179L7.05005 8.41359V1.49999C7.05005 1.25146 7.25152 1.04999 7.50005 1.04999ZM2.5 10C2.77614 10 3 10.2239 3 10.5V12C3 12.5539 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2239 12.2239 10 12.5 10C12.7761 10 13 10.2239 13 10.5V12C13 13.1041 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2239 2.22386 10 2.5 10Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
-  </svg>
-{% elsif icon_name == 'arrow-right' %}
-  <svg
-    width='{{ icon_size }}px'
-    height='{{ icon_size }}px'
-    viewBox='0 0 15 15'
-    fill='none'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
-  </svg>
-{% elsif icon_name == 'mail' %}
-  <svg
-    width='{{ icon_size }}px'
-    height='{{ icon_size }}px'
-    viewBox='0 0 15 15'
-    fill='none'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d="M1 2C0.447715 2 0 2.44772 0 3V12C0 12.5523 0.447715 13 1 13H14C14.5523 13 15 12.5523 15 12V3C15 2.44772 14.5523 2 14 2H1ZM1 3L14 3V3.92494C13.9174 3.92486 13.8338 3.94751 13.7589 3.99505L7.5 7.96703L1.24112 3.99505C1.16621 3.94751 1.0826 3.92486 1 3.92494V3ZM1 4.90797V12H14V4.90797L7.74112 8.87995C7.59394 8.97335 7.40606 8.97335 7.25888 8.87995L1 4.90797Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
-  </svg>
-{% elsif icon_name == "copy" %}
-  <svg
-    width='{{ icon_size }}px'
-    height='{{ icon_size }}px'
-    viewBox='0 0 25 25'
-    fill='none'
-    xmlns='http://www.w3.org/2000/svg'
-  >
-    <path d="M10 8.76172V7.26172C10 6.98558 10.2239 6.76172 10.5 6.76172H17.5C17.7761 6.76172 18 6.98558 18 7.26172V16.7617C18 17.0379 17.7761 17.2617 17.5 17.2617H15.7778" stroke="currentColor" stroke-linecap="round"/>
-    <rect x="8" y="8.76172" width="8" height="10" rx="0.5" stroke="currentColor"/>
-    <path d="M10 11.7617H13" stroke="currentColor" stroke-linecap="round"/>
-    <path d="M10 14.7617H12" stroke="currentColor" stroke-linecap="round"/>
-  </svg>
-{% endif %}
+{% comment %}
+  按钮配置选项：
+  type：按钮类型
+    - primary：主要按钮
+    - default：默认按钮
+    - round：圆角按钮
+    - link：链接按钮
+
+  color：按钮颜色
+    - black：黑色
+    - white：白色
+    - orange：橙色
+
+  size：按钮尺寸
+    - large：大号
+    - medium：中号（默认）
+    - small：小号
+
+  其他参数：
+  - href：链接地址
+  - backdrop_filter：毛玻璃效果 true/false
+  - icon：图标名称
+  - text：按钮文字
+  - class_name：自定义类名
+{% endcomment %}
+
+{% assign icon_name = icon_name | default: 'download' %}
+{% assign icon_color = icon_color | default: 'currentColor' %}
+{% assign icon_size = icon_size | default: '15' %}
+
+{% if icon_name == 'download' %}
+  <svg
+    width='{{ icon_size }}px'
+    height='{{ icon_size }}px'
+    viewBox='0 0 15 15'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path d="M7.50005 1.04999C7.74858 1.04999 7.95005 1.25146 7.95005 1.49999V8.41359L10.1819 6.18179C10.3576 6.00605 10.6425 6.00605 10.8182 6.18179C10.994 6.35753 10.994 6.64245 10.8182 6.81819L7.81825 9.81819C7.64251 9.99392 7.35759 9.99392 7.18185 9.81819L4.18185 6.81819C4.00611 6.64245 4.00611 6.35753 4.18185 6.18179C4.35759 6.00605 4.64251 6.00605 4.81825 6.18179L7.05005 8.41359V1.49999C7.05005 1.25146 7.25152 1.04999 7.50005 1.04999ZM2.5 10C2.77614 10 3 10.2239 3 10.5V12C3 12.5539 3.44565 13 3.99635 13H11.0012C11.5529 13 12 12.5528 12 12V10.5C12 10.2239 12.2239 10 12.5 10C12.7761 10 13 10.2239 13 10.5V12C13 13.1041 12.1062 14 11.0012 14H3.99635C2.89019 14 2 13.103 2 12V10.5C2 10.2239 2.22386 10 2.5 10Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
+  </svg>
+{% elsif icon_name == 'arrow-right' %}
+  <svg
+    width='{{ icon_size }}px'
+    height='{{ icon_size }}px'
+    viewBox='0 0 15 15'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path d="M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
+  </svg>
+{% elsif icon_name == 'mail' %}
+  <svg
+    width='{{ icon_size }}px'
+    height='{{ icon_size }}px'
+    viewBox='0 0 15 15'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path d="M1 2C0.447715 2 0 2.44772 0 3V12C0 12.5523 0.447715 13 1 13H14C14.5523 13 15 12.5523 15 12V3C15 2.44772 14.5523 2 14 2H1ZM1 3L14 3V3.92494C13.9174 3.92486 13.8338 3.94751 13.7589 3.99505L7.5 7.96703L1.24112 3.99505C1.16621 3.94751 1.0826 3.92486 1 3.92494V3ZM1 4.90797V12H14V4.90797L7.74112 8.87995C7.59394 8.97335 7.40606 8.97335 7.25888 8.87995L1 4.90797Z" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"></path>
+  </svg>
+{% elsif icon_name == "copy" %}
+  <svg
+    width='{{ icon_size }}px'
+    height='{{ icon_size }}px'
+    viewBox='0 0 25 25'
+    fill='none'
+    xmlns='http://www.w3.org/2000/svg'
+  >
+    <path d="M10 8.76172V7.26172C10 6.98558 10.2239 6.76172 10.5 6.76172H17.5C17.7761 6.76172 18 6.98558 18 7.26172V16.7617C18 17.0379 17.7761 17.2617 17.5 17.2617H15.7778" stroke="currentColor" stroke-linecap="round"/>
+    <rect x="8" y="8.76172" width="8" height="10" rx="0.5" stroke="currentColor"/>
+    <path d="M10 11.7617H13" stroke="currentColor" stroke-linecap="round"/>
+    <path d="M10 14.7617H12" stroke="currentColor" stroke-linecap="round"/>
+  </svg>
+{% endif %}

package/snippets/zz-img.liquid

@@ -1,44 +1,44 @@
-{% comment %}
-  pc_image: pc 端图片
-  mb_image: 移动端图片
-  image_alt: 图片描述
-  class_name: 增加类名
-  close_lazy: 是否关闭懒加载 true 关闭 false 开启
-  pc_width: pc 端宽度, 做图片尺寸优化
-  mb_width: 移动端宽度, 做图片尺寸优化
-{% endcomment %}
-{%- assign pc_width = pc_width | default: 1800 -%}
-{%- assign mb_width = mb_width | default: 800 -%}
-
-{%- assign pc_classes = class_name | append: ' max-lg:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
-{%- assign mb_classes = class_name | append: ' lg:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
-
-{%- if close_lazy == true -%}
-  {%- assign lazy_load = 'eager' -%}
-{%- else -%}
-  {%- assign lazy_load = 'lazy' -%}
-{%- endif -%}
-
-{%- if pc_image -%}
-{{
-  pc_image
-  | image_url: width: pc_width
-  | image_tag:
-    alt: image_alt,
-    class: pc_classes,
-    widths: '800, 1000, 1200, 1500, 1800 2000',
-    loading: lazy_load
-}}
-{%- endif -%}
-{%- if mb_image -%}
-{{
-  mb_image
-  | image_url: width: mb_width
-  | image_tag:
-    alt: image_alt,
-    class: mb_classes,
-    widths: '400, 600, 800',
-    loading: lazy_load
-}}
-{%- endif -%}
-
+{% comment %}
+  pc_image: pc 端图片
+  mb_image: 移动端图片
+  image_alt: 图片描述
+  class_name: 增加类名
+  close_lazy: 是否关闭懒加载 true 关闭 false 开启
+  pc_width: pc 端宽度, 做图片尺寸优化
+  mb_width: 移动端宽度, 做图片尺寸优化
+{% endcomment %}
+{%- assign pc_width = pc_width | default: 1800 -%}
+{%- assign mb_width = mb_width | default: 800 -%}
+
+{%- assign pc_classes = class_name | append: ' max-lg:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
+{%- assign mb_classes = class_name | append: ' lg:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
+
+{%- if close_lazy == true -%}
+  {%- assign lazy_load = 'eager' -%}
+{%- else -%}
+  {%- assign lazy_load = 'lazy' -%}
+{%- endif -%}
+
+{%- if pc_image -%}
+{{
+  pc_image
+  | image_url: width: pc_width
+  | image_tag:
+    alt: image_alt,
+    class: pc_classes,
+    widths: '800, 1000, 1200, 1500, 1800 2000',
+    loading: lazy_load
+}}
+{%- endif -%}
+{%- if mb_image -%}
+{{
+  mb_image
+  | image_url: width: mb_width
+  | image_tag:
+    alt: image_alt,
+    class: mb_classes,
+    widths: '400, 600, 800',
+    loading: lazy_load
+}}
+{%- endif -%}
+

package/snippets/zz-prev-next-btn.liquid

@@ -1,62 +1,62 @@
-{% comment %}
-  type: 类型 prev | next
-  color_type: 颜色类型 dark | light
-  class_name: 增加类名
-{% endcomment %}
-{% if type == 'prev' %}
-  {% if color_type == 'light' %}
-    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <foreignObject x="-12" y="-12" width="72" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_15512_12512_clip_path);height:100%;width:100%"></div></foreignObject><rect data-figma-bg-blur-radius="12" width="48" height="48" rx="24" fill="white" fill-opacity="0.3"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19 24L26.0711 16.9289L26.0608 19.1149L21.1757 24L26.0711 28.8718L26.0711 31.0711L19 24Z" fill="white"/>
-      <defs>
-      <clipPath id="bgblur_0_15512_12512_clip_path" transform="translate(12 12)"><rect width="48" height="48" rx="24"/>
-      </clipPath></defs>
-      </svg>        
-  {% else %}
-      <svg
-          width='36'
-          height='36'
-          viewBox='0 0 36 36'
-          fill='none'
-          xmlns='http://www.w3.org/2000/svg'
-        >
-          <foreignObject x="-12" y="-12" width="60" height="60"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_12868_2987_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="12">
-          <rect width="36" height="36" rx="18" fill="black" fill-opacity="0.03"/>
-          <rect x="0.5" y="0.5" width="35" height="35" rx="17.5" stroke="black" stroke-opacity="0.06"/>
-          </g>
-          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 18L20.0711 10.9289L20.0608 13.1149L15.1757 18L20.0711 22.8718L20.0711 25.0711L13 18Z" fill="black"/>
-          <defs>
-          <clipPath id="bgblur_0_12868_2987_clip_path" transform="translate(12 12)"><rect width="36" height="36" rx="18"/>
-          </clipPath></defs>
-        </svg>
-          
-  {% endif %}
-{% else %}
-  {% if color_type == 'light' %}
-    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-      <foreignObject x="-12" y="-12" width="72" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_15512_12506_clip_path);height:100%;width:100%"></div></foreignObject><rect data-figma-bg-blur-radius="12" width="48" height="48" rx="24" fill="white" fill-opacity="0.3"/>
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M29 24L21.9289 16.9289L21.9392 19.1149L26.8243 24L21.9289 28.8718L21.9289 31.0711L29 24Z" fill="white"/>
-      <defs>
-      <clipPath id="bgblur_0_15512_12506_clip_path" transform="translate(12 12)"><rect width="48" height="48" rx="24"/>
-      </clipPath></defs>
-      </svg>
-      
-  {% else %}
-      <svg
-          width='36'
-          height='36'
-          viewBox='0 0 36 36'
-          fill='none'
-          xmlns='http://www.w3.org/2000/svg'
-        >
-          <foreignObject x="-11.9957" y="-12" width="60" height="60"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_12868_2998_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="12">
-          <rect x="0.0043335" width="36" height="36" rx="18" fill="black" fill-opacity="0.03"/>
-          <rect x="0.504333" y="0.5" width="35" height="35" rx="17.5" stroke="black" stroke-opacity="0.06"/>
-          </g>
-          <path fill-rule="evenodd" clip-rule="evenodd" d="M23.0043 18L15.9333 10.9289L15.9435 13.1149L20.8286 18L15.9333 22.8718L15.9333 25.0711L23.0043 18Z" fill="black"/>
-          <defs>
-          <clipPath id="bgblur_0_12868_2998_clip_path" transform="translate(11.9957 12)"><rect x="0.0043335" width="36" height="36" rx="18"/>
-          </clipPath></defs>
-        </svg>
-  {% endif %}
-{% endif %}
+{% comment %}
+  type: 类型 prev | next
+  color_type: 颜色类型 dark | light
+  class_name: 增加类名
+{% endcomment %}
+{% if type == 'prev' %}
+  {% if color_type == 'light' %}
+    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject x="-12" y="-12" width="72" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_15512_12512_clip_path);height:100%;width:100%"></div></foreignObject><rect data-figma-bg-blur-radius="12" width="48" height="48" rx="24" fill="white" fill-opacity="0.3"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M19 24L26.0711 16.9289L26.0608 19.1149L21.1757 24L26.0711 28.8718L26.0711 31.0711L19 24Z" fill="white"/>
+      <defs>
+      <clipPath id="bgblur_0_15512_12512_clip_path" transform="translate(12 12)"><rect width="48" height="48" rx="24"/>
+      </clipPath></defs>
+      </svg>        
+  {% else %}
+      <svg
+          width='36'
+          height='36'
+          viewBox='0 0 36 36'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+        >
+          <foreignObject x="-12" y="-12" width="60" height="60"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_12868_2987_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="12">
+          <rect width="36" height="36" rx="18" fill="black" fill-opacity="0.03"/>
+          <rect x="0.5" y="0.5" width="35" height="35" rx="17.5" stroke="black" stroke-opacity="0.06"/>
+          </g>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M13 18L20.0711 10.9289L20.0608 13.1149L15.1757 18L20.0711 22.8718L20.0711 25.0711L13 18Z" fill="black"/>
+          <defs>
+          <clipPath id="bgblur_0_12868_2987_clip_path" transform="translate(12 12)"><rect width="36" height="36" rx="18"/>
+          </clipPath></defs>
+        </svg>
+          
+  {% endif %}
+{% else %}
+  {% if color_type == 'light' %}
+    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <foreignObject x="-12" y="-12" width="72" height="72"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_15512_12506_clip_path);height:100%;width:100%"></div></foreignObject><rect data-figma-bg-blur-radius="12" width="48" height="48" rx="24" fill="white" fill-opacity="0.3"/>
+      <path fill-rule="evenodd" clip-rule="evenodd" d="M29 24L21.9289 16.9289L21.9392 19.1149L26.8243 24L21.9289 28.8718L21.9289 31.0711L29 24Z" fill="white"/>
+      <defs>
+      <clipPath id="bgblur_0_15512_12506_clip_path" transform="translate(12 12)"><rect width="48" height="48" rx="24"/>
+      </clipPath></defs>
+      </svg>
+      
+  {% else %}
+      <svg
+          width='36'
+          height='36'
+          viewBox='0 0 36 36'
+          fill='none'
+          xmlns='http://www.w3.org/2000/svg'
+        >
+          <foreignObject x="-11.9957" y="-12" width="60" height="60"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(6px);clip-path:url(#bgblur_0_12868_2998_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="12">
+          <rect x="0.0043335" width="36" height="36" rx="18" fill="black" fill-opacity="0.03"/>
+          <rect x="0.504333" y="0.5" width="35" height="35" rx="17.5" stroke="black" stroke-opacity="0.06"/>
+          </g>
+          <path fill-rule="evenodd" clip-rule="evenodd" d="M23.0043 18L15.9333 10.9289L15.9435 13.1149L20.8286 18L15.9333 22.8718L15.9333 25.0711L23.0043 18Z" fill="black"/>
+          <defs>
+          <clipPath id="bgblur_0_12868_2998_clip_path" transform="translate(11.9957 12)"><rect x="0.0043335" width="36" height="36" rx="18"/>
+          </clipPath></defs>
+        </svg>
+  {% endif %}
+{% endif %}

package/snippets/zz-price-tag.liquid

@@ -1,22 +1,22 @@
-<div class='tw-flex tw-items-center'>
-  <span class='tw-font-bold tw-text-[20px] tw-text-black'>
-    {{ price | money_without_trailing_zeros }}
-  </span>
-  {% if compare_at_price > price %}
-    <span class='before tw-font-regular tw-ml-[4px] tw-text-[16px] tw-text-[rgba(0,0,0,0.3)] tw-line-through'>
-      {{ compare_at_price | money_without_trailing_zeros }}
-    </span>
-    {% assign percent = price | times: 100 | divided_by: compare_at_price %}
-    {% assign discount_percentage = 100 | minus: percent %}
-    <span class='discount_percentage tw-font-regular tw-ml-[10px] tw-px-[10px] tw-pt-[2px] tw-text-[10px] lg:tw-text-[12px] tw-rounded-[6px] tw-text-white tw-bg-[#FC6C0F]'>
-      {% if show_discount_percentage_off == true %}
-        {{- discount_percentage -}}
-        %OFF
-      {% else %}
-        -
-        {{- discount_percentage -}}
-        %
-      {% endif %}
-    </span>
-  {% endif %}
-</div>
+<div class='tw-flex tw-items-center'>
+  <span class='tw-font-bold tw-text-[20px] tw-text-black'>
+    {{ price | money_without_trailing_zeros }}
+  </span>
+  {% if compare_at_price > price %}
+    <span class='before tw-font-regular tw-ml-[4px] tw-text-[16px] tw-text-[rgba(0,0,0,0.3)] tw-line-through'>
+      {{ compare_at_price | money_without_trailing_zeros }}
+    </span>
+    {% assign percent = price | times: 100 | divided_by: compare_at_price %}
+    {% assign discount_percentage = 100 | minus: percent %}
+    <span class='discount_percentage tw-font-regular tw-ml-[10px] tw-px-[10px] tw-pt-[2px] tw-text-[10px] lg:tw-text-[12px] tw-rounded-[6px] tw-text-white tw-bg-[#FC6C0F]'>
+      {% if show_discount_percentage_off == true %}
+        {{- discount_percentage -}}
+        %OFF
+      {% else %}
+        -
+        {{- discount_percentage -}}
+        %
+      {% endif %}
+    </span>
+  {% endif %}
+</div>