zz-shopify-components 0.2.0 → 0.3.1-beta.0

package/blocks/zz-accessories-item.liquid

@@ -1,5 +1,3 @@
-
-
 <style>
   
   #shopify-block-{{ block.id }}  {
@@ -178,7 +176,7 @@
 
   "presets": [
     {
-      "name": "配件 Item"
+      "name": "商品+描述 Buy Item"
     },
     {
       "name": "Accessories Swiper Item"

package/blocks/zz-accessories-price-item.liquid

@@ -0,0 +1,183 @@
+<style>
+  
+  #shopify-block-{{ block.id }}  {
+    width: 320px;
+    height: fit-content;
+  }
+  #shopify-block-{{ block.id }} .banner-item {
+    position: relative;
+    width: 320px;
+    height: 438px;
+    box-sizing: border-box;
+    background: {{ block.settings.banner_bg_color }};
+  }
+  
+  @media screen and (max-width: 1023px) {
+ 
+    #shopify-block-{{ block.id }}  {
+      width: 100%;
+    }
+    #shopify-block-{{ block.id }} .banner-item {
+      width: 100%;
+      height: auto;
+      
+    }
+ 
+  }
+</style>
+
+{% assign btn_class = 'zz-accessories-item-btn' | append: block.id %}
+
+<div class='banner-item tw-pb-[20px] tw-px-[20px] tw-rounded-[12px] lg:tw-rounded-[16px]'>
+  <div class='max-lg:tw-px-[15px]'>
+    {% render 'zz-img',
+      pc_image: block.settings.image_pc,
+      mb_image: block.settings.image,
+      image_alt: block.settings.slide_title,
+      pc_width: 915,
+      mb_width: 640,
+    %}
+  </div>
+  <div class="tw-flex tw-flex-col tw-justify-center tw-items-center lg:tw-h-[110px]">
+    <p 
+      class='slide-title tw-mt-[20px] lg:tw-mt-[30px] tw-mb-[8px] tw-text-[16px] lg:tw-text-[18px] tw-leading-[1.2] tw-text-center tw-font-bold tw-text-black'
+      style='color: {{ block.settings.slide_title_color }};'>
+      {{ block.settings.slide_title }}
+    </p>
+    {% content_for 'blocks' %}
+  </div>
+  <a
+    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'
+    style='background: {{ block.settings.btn_bg_color }}; color: {{ block.settings.btn_text_color }};hover: color: {{ block.settings.btn_hover_color }};'  
+    href='{{ block.settings.url }}'
+  >
+    {{ block.settings.btn_text }}
+  </a>
+</div>
+
+{% if block.settings.function_type == 'link_map' %}
+  <script>
+    document.addEventListener('DOMContentLoaded', (event) => {
+      const btns = document.querySelectorAll('.{{ btn_class }}')
+      if(btns && btns[0]) {
+        if(window.bindSiteJump) {
+          bindSiteJump(btns[0], {{ block.settings.links | json }})
+        }
+      }
+
+    })
+  </script>
+{% endif %}
+
+{% schema %}
+{
+  "name": "Accessories Price Item",
+  "settings": [
+    {
+      "type": "color",
+      "id": "banner_bg_color",
+      "default": "#F5F5F6",
+      "label": "轮播卡片背景色"
+    },
+    {
+      "type": "image_picker",
+      "id": "image_pc",
+      "label": "Image"
+    },
+    {
+      "type": "image_picker",
+      "id": "image",
+      "label": "Image(mobile)"
+    },
+    {
+      "type": "text",
+      "id": "slide_title",
+      "label": "标题"
+    },
+    {
+      "type": "color",
+      "id": "slide_title_color",
+      "default": "#000000",
+      "label": "标题颜色"
+    },
+    {
+      "type": "richtext",
+      "id": "slide_content",
+      "label": "内容"
+    },
+    {
+      "type": "color",
+      "id": "slide_content_color",
+      "default": "#170B01",
+      "label": "内容颜色"
+    },
+    {
+      "type": "text",
+      "id": "btn_text",
+      "label": "按钮文字",
+      "default": "Buy Now"
+    },
+    {
+      "type": "color",
+      "id": "btn_bg_color",
+      "default": "#000000",
+      "label": "按钮背景颜色"
+    },
+    {
+      "type": "color",
+      "id": "btn_hover_color",
+      "default": "#000000",
+      "label": "按钮hover颜色"
+    },
+    {
+      "type": "color",
+      "id": "btn_text_color",
+      "default": "#FFFFFF",
+      "label": "按钮文字颜色"
+    },
+    {
+      "type": "select",
+      "id": "function_type",
+      "label": "功能类型",
+      "options": [
+        {
+          "value": "link",
+          "label": "链接"
+        },
+        {
+          "value": "link_map",
+          "label": "多国家映射"
+        },
+      ],
+      "default": "link"
+    },
+    {
+      "type": "url",
+      "id": "url",
+      "label": "按钮链接",
+      "visible_if": "{{ block.settings.function_type == 'link' }}"
+    },
+    {
+      "type": "textarea",
+      "id": "links",
+      "label": "Sites Link Map",
+      "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
+      "visible_if": "{{ block.settings.function_type == 'link_map' }}"
+    },
+  ],
+
+  "blocks": [
+    {
+      "type": "zz-price-tag-mini"
+    },
+  ],
+  "presets": [
+    {
+      "name": "商品+价格 Buy Item"
+    },
+    {
+      "name": "Accessories Price Item"
+    }
+  ]
+}
+{% endschema %}

package/blocks/zz-accessories-swiper.liquid

@@ -209,6 +209,9 @@
   "blocks": [
     {
       "type": "zz-accessories-item"
+    },
+    {
+      "type": "zz-accessories-price-item",
     }
   ],
   "presets": [
@@ -216,7 +219,7 @@
       "name": "Accessories Swiper Block"
     },
     {
-      "name": "配件轮播"
+      "name": "商品轮播"
     }
   ]
 }

package/blocks/zz-flex-layout-bg-block.liquid

@@ -159,6 +159,13 @@
       "info": "非全屏展示时有效",
       "visible_if": "{{ block.settings.pc_full_width == false }}"
     },
+    {
+      "type": "number",
+      "id": "pc_fixed_height",
+      "label": "PC端固定高度",
+      "default": 0,
+      "info": "默认自适应高度，单位：px",
+    },
     {
       "type": "header",
       "content": "📱 移动端布局设置"
@@ -291,6 +298,23 @@
       "info": "国家对应链接的表,国家即是国家选择器上显示的字段，国家和路由之间用冒号隔开（ 冒号后要加空格)。国家之间换行，“default”为其他未写的默认的链接                    EG: Canada: https://hoverair.com/   default: https://hoverair.com/ ",
       "visible_if": "{{ block.settings.function_type == 'link_map' and block.settings.has_link == true }}"
     },
+    {
+      "type": "select",
+      "id": "pc_mobile_show",
+      "label": "PC/移动端分开显示",
+      "options": [
+        { "value": "pc_mobile_show", "label": "PC/移动端都显示" },
+        { "value": "pc_only", "label": "PC端显示" },
+        { "value": "mobile_only", "label": "移动端显示" }
+      ],
+      "default": "pc_mobile_show"
+    },
+    {
+      "type": "checkbox",
+      "id": "overflow_x_hidden",
+      "label": "是否禁止横轴移动",
+      "default": true
+    }
     
   ],
   "blocks": [
@@ -372,10 +396,26 @@
   #shopify-block-{{ block.id }} {
     width: 100%;
     position: relative;
-    overflow-x: hidden;
+    {% if block.settings.overflow_x_hidden %}
+      overflow-x: hidden;
+    {% endif %}
     background-color: {{ block.settings.background_color }};
   }
+  {% if block.settings.pc_mobile_show == "pc_only" %}
+    @media (max-width: 1023px) {
+      #shopify-block-{{ block.id }} {
+        display: none;
+      }
+    }
+  {% endif %}
 
+  {% if block.settings.pc_mobile_show == "mobile_only" %}
+    @media (min-width: 1024px) {
+      #shopify-block-{{ block.id }} {
+        display: none;
+      }
+    }
+  {% endif %}
   #shopify-block-{{ block.id }} .flex-layout-video {
     width: 100%;
     height: auto;
@@ -421,6 +461,14 @@
         transform: translateX(-50%);
       {% endif %}
     }
+    {% if block.settings.pc_fixed_height != 0 %}
+      #shopify-block-{{ block.id }} .flex-layout-image {
+        height: {{ block.settings.pc_fixed_height }}px;
+      }
+      #shopify-block-{{ block.id }} .flex-layout-image {
+        height: {{ block.settings.pc_fixed_height }}px;
+      }
+    {% endif %}
   }
 
   @media (min-width: 1280px) {
@@ -457,8 +505,8 @@
     {% render 'zz-img',
       pc_image: block.settings.pc_background_image,
       mb_image: block.settings.mobile_background_image,
-      pc_width: 2000,
-      mb_width: 1024,
+      pc_width: 4000,
+      mb_width: 1200,
       class_name: 'flex-layout-image',
   %}
   {% endif %}

package/blocks/zz-flex-layout-block.liquid

@@ -176,6 +176,7 @@
       "label": "移动端圆角 (px)",
       "default": 0
     },
+ 
     {
       "type": "header",
       "content": "动画设置"
@@ -206,6 +207,23 @@
       ],
       "default": "none-animation"
     },
+    {
+      "type": "select",
+      "id": "pc_mobile_show",
+      "label": "PC/移动端分开显示",
+      "options": [
+        { "value": "pc_mobile_show", "label": "PC/移动端都显示" },
+        { "value": "pc_only", "label": "PC端显示" },
+        { "value": "mobile_only", "label": "移动端显示" }
+      ],
+      "default": "pc_mobile_show"
+    },
+    {
+      "type": "checkbox",
+      "id": "overflow_x_hidden",
+      "label": "是否禁止横轴移动",
+      "default": true
+    }
    
   ],
   "blocks": [
@@ -487,12 +505,26 @@
 <style>
   #shopify-block-{{ block.id }} {
     width: 100%;
-    overflow-x: hidden;
+    {% if block.settings.overflow_x_hidden %}
+      overflow-x: hidden;
+    {% endif %}
   }
+  {% if block.settings.pc_mobile_show == "pc_only" %}
+    @media (max-width: 1023px) {
+      #shopify-block-{{ block.id }} {
+        display: none;
+      }
+    }
+  {% endif %}
+
+  {% if block.settings.pc_mobile_show == "mobile_only" %}
+    @media (min-width: 1024px) {
+      #shopify-block-{{ block.id }} {
+        display: none;
+      }
+    }
+  {% endif %}
 
-  #shopify-block-{{ block.id }}.flex-layout-block{
-    display: flex;
-  }
 
   #shopify-block-{{ block.id }} .flex-layout-block-container {
     box-sizing: border-box;
@@ -546,4 +578,3 @@
 <div class="flex-layout-block-container {{ block.settings.self_animation }} {{ block.settings.child_animation }}">
     {% content_for 'blocks' %}
 </div>
-

package/blocks/zz-price-tag-mini.liquid

@@ -9,10 +9,11 @@
 
   {% if compare_at_price and compare_at_price > current_price %}
     {% assign percent = current_price
-      | times: 100
+      | times: 100.0
       | divided_by: compare_at_price
+      | round
     %}
-    {% assign discount_percentage = 100 | minus: percent %}
+    {% assign discount_percentage = 100 | minus: percent | round %}
     <span class='price-tag-mini'>
       <span class='price-tag-mini__main'>UP TO</span
       ><span class='price-tag-mini__main-price'>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.2.0",
+  "version": "0.3.1-beta.0",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",

package/sections/zz-shopping-card-list.liquid

@@ -143,6 +143,9 @@
   <div class='swiper zz-shopping-cart-list-swiper'>
     <div class='swiper-wrapper'>
       {% for block in section.blocks %}
+        {%- comment %}<locksmith:881a>{% endcomment -%}
+          {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: block.settings.product, subject_parent: section, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+        {%- comment %}</locksmith:881a>{% endcomment -%}
         <div class='swiper-slide {% if block_size > 1 %} max-lg:tw-pb-[60px]  {% endif %}'>
           <div class='banner-item tw-rounded-[10px] lg:tw-rounded-[16px] tw-flex tw-flex-col tw-justify-between'>
             <div class='tw-h-[168px] lg:tw-h-[214px] tw-overflow-hidden tw-rounded-t-[10px] lg:tw-rounded-t-[16px] tw-flex-shrink-0'>

package/sections/zz-video-collapse-swiper.liquid

@@ -243,6 +243,9 @@
   <div class="collapse-title-desc fade-in-box tw-flex tw-flex-col tw-justify-center">
     
     {% for block in non_collapsible_blocks %}
+      {%- comment %}<locksmith:0b82>{% endcomment -%}
+        {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: block, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+      {%- comment %}</locksmith:0b82>{% endcomment -%}
       {% case block.type %}
         {% when 'title' %}
           {% render 'zz-h2',
@@ -289,6 +292,9 @@
       <div class="tw-w-[68%]">
         {% assign swiper_blocks = section.blocks | where: 'type', 'collapsible_row' %}
         {% for collapsible_row in swiper_blocks %}
+          {%- comment %}<locksmith:9ed7>{% endcomment -%}
+            {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+          {%- comment %}</locksmith:9ed7>{% endcomment -%}
           <div class='collasps-video-box tw-hidden tw-w-full tw-rounded-[16px] tw-overflow-hidden'>
             {% comment %} pc端配置视频 {% endcomment %}
             {% if collapsible_row.settings.video_pc != blank %}
@@ -316,9 +322,15 @@
       </div>
       <div class="tw-w-[27%]">
         <div class="tw-daisy-join tw-daisy-join-vertical tw-w-full">
+          {%- comment %}<locksmith:8575>{% endcomment -%}
+            {%- assign locksmith_a30a_forloop__size = 0 %}{% for collapsible_row in swiper_blocks %}{% capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == 'true' %}{% assign locksmith_a30a_forloop__size = locksmith_a30a_forloop__size | plus: 1 %}{% endif %}{% endfor %}{% assign locksmith_a30a_forloop__index = nil -%}
+          {%- comment %}</locksmith:8575>{% endcomment -%}
           {% for collapsible_row in swiper_blocks %}
+            {%- comment %}<locksmith:7221>{% endcomment -%}
+              {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% if locksmith_a30a_forloop__index == nil %}{% assign locksmith_a30a_forloop__index = 1 %}{% assign locksmith_a30a_forloop__index0 = 0 %}{% else %}{% assign locksmith_a30a_forloop__index = locksmith_a30a_forloop__index | plus: 1 %}{% assign locksmith_a30a_forloop__index0 = locksmith_a30a_forloop__index0 | plus: 1 %}{% endif %}{% if locksmith_a30a_forloop__index == 1 %}{% assign locksmith_a30a_forloop__first = true %}{% else %}{% assign locksmith_a30a_forloop__first = false %}{% endif %}{% if locksmith_a30a_forloop__index == locksmith_a30a_forloop__size %}{% assign locksmith_a30a_forloop__last = true %}{% else %}{% assign locksmith_a30a_forloop__last = false %}{% endif %}{% assign locksmith_a30a_forloop__rindex = locksmith_a30a_forloop__size | minus: locksmith_a30a_forloop__index | minus: 1 %}{% assign locksmith_a30a_forloop__rindex0 = locksmith_a30a_forloop__size | minus: locksmith_a30a_forloop__index0 | minus: 1 %}{% else %}{% continue %}{% endif -%}
+            {%- comment %}</locksmith:7221>{% endcomment -%}
             <div class="tw-daisy-collapse collapse-arrow tw-daisy-join-item ">
-              <input type="radio" name="my-accordion-{{ section.id }}" value="{{ forloop.index }}" {% if forloop.first %}checked data-last-checked="true"{% endif %} onclick="handleFAQClick(this)" style="cursor: pointer;" /> 
+              <input type="radio" name="my-accordion-{{ section.id }}" value="{{ locksmith_a30a_forloop__index }}" {% if locksmith_a30a_forloop__first %}checked data-last-checked="true"{% endif %} onclick="handleFAQClick(this)" style="cursor: pointer;" /> 
               <div class="tw-daisy-collapse-title tw-py-[20px] tw-px-0  tw-text-[20px]  tw-font-[700]  tw-leading-[1]" style="color: {{ section.settings.tab_title_active_color }};">
                 {{ collapsible_row.settings.heading }}
               </div>
@@ -337,6 +349,9 @@
   
   <div class='tw-px-[20px] tw-py-[20px] lg:tw-hidden'>
     {% for collapsible_row in swiper_blocks %}
+      {%- comment %}<locksmith:7587>{% endcomment -%}
+        {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+      {%- comment %}</locksmith:7587>{% endcomment -%}
       <div class='video-box tw-hidden tw-rounded-[10px] tw-overflow-hidden'>
         {% comment %} 移动端配置视频 {% endcomment %}
         {% if collapsible_row.settings.video_mb != blank %}
@@ -365,11 +380,17 @@
       <div 
         class='tabs tw-flex tw-justify-between tw-w-full tw-min-w-[320px] tw-max-w-[480px] tw-px-[16px] tw-rounded-[16px] tw-items-center tw-h-[32px] tw-mb-[12px]' 
         style="background-color: {{ section.settings.tab_bar_bg_color }};">
+        {%- comment %}<locksmith:ec8e>{% endcomment -%}
+          {%- assign locksmith_1f74_forloop__size = 0 %}{% for collapsible_row in swiper_blocks %}{% capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == 'true' %}{% assign locksmith_1f74_forloop__size = locksmith_1f74_forloop__size | plus: 1 %}{% endif %}{% endfor %}{% assign locksmith_1f74_forloop__index = nil -%}
+        {%- comment %}</locksmith:ec8e>{% endcomment -%}
         {% for collapsible_row in swiper_blocks %}
+          {%- comment %}<locksmith:6093>{% endcomment -%}
+            {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% if locksmith_1f74_forloop__index == nil %}{% assign locksmith_1f74_forloop__index = 1 %}{% assign locksmith_1f74_forloop__index0 = 0 %}{% else %}{% assign locksmith_1f74_forloop__index = locksmith_1f74_forloop__index | plus: 1 %}{% assign locksmith_1f74_forloop__index0 = locksmith_1f74_forloop__index0 | plus: 1 %}{% endif %}{% if locksmith_1f74_forloop__index == 1 %}{% assign locksmith_1f74_forloop__first = true %}{% else %}{% assign locksmith_1f74_forloop__first = false %}{% endif %}{% if locksmith_1f74_forloop__index == locksmith_1f74_forloop__size %}{% assign locksmith_1f74_forloop__last = true %}{% else %}{% assign locksmith_1f74_forloop__last = false %}{% endif %}{% assign locksmith_1f74_forloop__rindex = locksmith_1f74_forloop__size | minus: locksmith_1f74_forloop__index | minus: 1 %}{% assign locksmith_1f74_forloop__rindex0 = locksmith_1f74_forloop__size | minus: locksmith_1f74_forloop__index0 | minus: 1 %}{% else %}{% continue %}{% endif -%}
+          {%- comment %}</locksmith:6093>{% endcomment -%}
           <div
             class='tab-item tw-cursor-pointer tw-text-[10px] tw-font-[500] hover:tw-border-white'
             style="color: {{ section.settings.tab_title_color }};"
-            data-index='{{ forloop.index0 }}'
+            data-index='{{ locksmith_1f74_forloop__index0 }}'
           >
             {{ collapsible_row.settings.heading }}
           </div>
@@ -377,9 +398,15 @@
       </div>
     
       <div class='video-content '>
+        {%- comment %}<locksmith:a1fa>{% endcomment -%}
+          {%- assign locksmith_3ef6_forloop__size = 0 %}{% for collapsible_row in swiper_blocks %}{% capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == 'true' %}{% assign locksmith_3ef6_forloop__size = locksmith_3ef6_forloop__size | plus: 1 %}{% endif %}{% endfor %}{% assign locksmith_3ef6_forloop__index = nil -%}
+        {%- comment %}</locksmith:a1fa>{% endcomment -%}
         {% for collapsible_row in swiper_blocks %}
+          {%- comment %}<locksmith:7a77>{% endcomment -%}
+            {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: collapsible_row, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% if locksmith_3ef6_forloop__index == nil %}{% assign locksmith_3ef6_forloop__index = 1 %}{% assign locksmith_3ef6_forloop__index0 = 0 %}{% else %}{% assign locksmith_3ef6_forloop__index = locksmith_3ef6_forloop__index | plus: 1 %}{% assign locksmith_3ef6_forloop__index0 = locksmith_3ef6_forloop__index0 | plus: 1 %}{% endif %}{% if locksmith_3ef6_forloop__index == 1 %}{% assign locksmith_3ef6_forloop__first = true %}{% else %}{% assign locksmith_3ef6_forloop__first = false %}{% endif %}{% if locksmith_3ef6_forloop__index == locksmith_3ef6_forloop__size %}{% assign locksmith_3ef6_forloop__last = true %}{% else %}{% assign locksmith_3ef6_forloop__last = false %}{% endif %}{% assign locksmith_3ef6_forloop__rindex = locksmith_3ef6_forloop__size | minus: locksmith_3ef6_forloop__index | minus: 1 %}{% assign locksmith_3ef6_forloop__rindex0 = locksmith_3ef6_forloop__size | minus: locksmith_3ef6_forloop__index0 | minus: 1 %}{% else %}{% continue %}{% endif -%}
+          {%- comment %}</locksmith:7a77>{% endcomment -%}
           <div 
-            class='content-item row-content tw-hidden tw-font-[500] tw-leading-[1.5] tw-text-center' data-index='{{ forloop.index0 }}'
+            class='content-item row-content tw-hidden tw-font-[500] tw-leading-[1.5] tw-text-center' data-index='{{ locksmith_3ef6_forloop__index0 }}'
             style="color: {{ section.settings.collapsible_text_color }};"
           >
             {{ collapsible_row.settings.row_content }}

package/sections/zz-video-tab-swiper.liquid

@@ -175,6 +175,9 @@
 >
   <div class='fade-in-box tw-flex tw-flex-col tw-justify-center'>
     {% for block in non_collapsible_blocks %}
+      {%- comment %}<locksmith:ad09>{% endcomment -%}
+        {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: block, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+      {%- comment %}</locksmith:ad09>{% endcomment -%}
       {% case block.type %}
         {% when 'title' %}
           {% render 'zz-h2',
@@ -220,6 +223,9 @@
     >
       <div class='swiper-wrapper'>
         {% for banner in swiper_blocks %}
+          {%- comment %}<locksmith:6e8b>{% endcomment -%}
+            {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: banner, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+          {%- comment %}</locksmith:6e8b>{% endcomment -%}
           <div class='swiper-slide'>
             <div class='media-box tw-rounded-[10px] lg:tw-rounded-[16px] tw-overflow-hidden'>
               {% if banner.settings.video_pc != blank or banner.settings.video_url_pc != blank %}
@@ -279,6 +285,9 @@
   // 添加标题数组
   const slideTitles = [
     {% for block in swiper_blocks %}
+      {%- comment %}<locksmith:41d3>{% endcomment -%}
+        {%- capture var %}{% render 'locksmith-variables', scope: 'subject', subject: block, variable: 'transparent' %}{% endcapture %}{% if var == "true" %}{% else %}{% continue %}{% endif -%}
+      {%- comment %}</locksmith:41d3>{% endcomment -%}
       "{{ block.settings.slide_title }}",
     {% endfor %}
   ];

package/snippets/locksmith-content-variables.liquid

@@ -0,0 +1,60 @@
+{%- comment %}
+  Hey there! This asset is managed by Locksmith (uselocksmith.com).
+
+  Do not modify this file. Any changes will be reset the next time that
+  Locksmith interacts with this theme.
+
+  Last updated: Fri, 08 Aug 2025 17:56:55 -0700 (PDT)
+{% endcomment -%}
+
+{%assign _p=cart%}{%assign _l=customer%}{%assign _h=theme%}{%capture _%}{%assign _d=_9%}{%capture locksmith_client%}<script data-locksmith>!function(){var require=undefined,reqwest=function(){function succeed(e){var t=protocolRe.exec(e.url);return t=t&&t[1]||context.location.protocol,httpsRe.test(t)?twoHundo.test(e.request.status):!!e.request.response}function handleReadyState(e,t,n){return function(){return e._aborted?n(e.request):e._timedOut?n(e.request,"Request is aborted: timeout"):void(e.request&&4==e.request[readyState]&&(e.request.onreadystatechange=noop,succeed(e)?t(e.request):n(e.request)))}}function setHeaders(e,t){var n,s=t.headers||{};s.Accept=s.Accept||defaultHeaders.accept[t.type]||defaultHeaders.accept["*"];var r="undefined"!=typeof FormData&&t.data instanceof FormData;for(n in!t.crossOrigin&&!s[requestedWith]&&(s[requestedWith]=defaultHeaders.requestedWith),!s[contentType]&&!r&&(s[contentType]=t.contentType||defaultHeaders.contentType),s)s.hasOwnProperty(n)&&"setRequestHeader"in e&&e.setRequestHeader(n,s[n])}function setCredentials(e,t){"undefined"!=typeof t.withCredentials&&"undefined"!=typeof e.withCredentials&&(e.withCredentials=!!t.withCredentials)}function generalCallback(e){lastValue=e}function urlappend(e,t){return e+(/[?]/.test(e)?"&":"?")+t}function handleJsonp(e,t,n,s){var r=uniqid++,o=e.jsonpCallback||"callback",a=e.jsonpCallbackName||reqwest.getcallbackPrefix(r),i=new RegExp("((^|[?]|&)"+o+")=([^&]+)"),l=s.match(i),c=doc.createElement("script"),u=0,d=-1!==navigator.userAgent.indexOf("MSIE 10.0");return l?"?"===l[3]?s=s.replace(i,"$1="+a):a=l[3]:s=urlappend(s,o+"="+a),context[a]=generalCallback,c.type="text/javascript",c.src=s,c.async=!0,"undefined"!=typeof c.onreadystatechange&&!d&&(c.htmlFor=c.id="_reqwest_"+r),c.onload=c.onreadystatechange=function(){if(c[readyState]&&"complete"!==c[readyState]&&"loaded"!==c[readyState]||u)return!1;c.onload=c.onreadystatechange=null,c.onclick&&c.onclick(),t(lastValue),lastValue=undefined,head.removeChild(c),u=1},head.appendChild(c),{abort:function(){c.onload=c.onreadystatechange=null,n({},"Request is aborted: timeout",{}),lastValue=undefined,head.removeChild(c),u=1}}}function getRequest(e,t){var n,s=this.o,r=(s.method||"GET").toUpperCase(),o="string"==typeof s?s:s.url,a=!1!==s.processData&&s.data&&"string"!=typeof s.data?reqwest.toQueryString(s.data):s.data||null,i=!1;return("jsonp"==s.type||"GET"==r)&&a&&(o=urlappend(o,a),a=null),"jsonp"==s.type?handleJsonp(s,e,t,o):((n=s.xhr&&s.xhr(s)||xhr(s)).open(r,o,!1!==s.async),setHeaders(n,s),setCredentials(n,s),context[xDomainRequest]&&n instanceof context[xDomainRequest]?(n.onload=e,n.onerror=t,n.onprogress=function(){},i=!0):n.onreadystatechange=handleReadyState(this,e,t),s.before&&s.before(n),i?setTimeout(function(){n.send(a)},200):n.send(a),n)}function Reqwest(e,t){this.o=e,this.fn=t,init.apply(this,arguments)}function setType(e){return null===e?undefined:e.match("json")?"json":e.match("javascript")?"js":e.match("text")?"html":e.match("xml")?"xml":void 0}function init(o,fn){function complete(e){for(o.timeout&&clearTimeout(self.timeout),self.timeout=null;0<self._completeHandlers.length;)self._completeHandlers.shift()(e)}function success(resp){var type=o.type||resp&&setType(resp.getResponseHeader("Content-Type"));resp="jsonp"!==type?self.request:resp;var filteredResponse=globalSetupOptions.dataFilter(resp.responseText,type),r=filteredResponse;try{resp.responseText=r}catch(e){}if(r)switch(type){case"json":try{resp=context.JSON?context.JSON.parse(r):eval("("+r+")")}catch(err){return error(resp,"Could not parse JSON in response",err)}break;case"js":resp=eval(r);break;case"html":resp=r;break;case"xml":resp=resp.responseXML&&resp.responseXML.parseError&&resp.responseXML.parseError.errorCode&&resp.responseXML.parseError.reason?null:resp.responseXML}for(self._responseArgs.resp=resp,self._fulfilled=!0,fn(resp),self._successHandler(resp);0<self._fulfillmentHandlers.length;)resp=self._fulfillmentHandlers.shift()(resp);complete(resp)}function timedOut(){self._timedOut=!0,self.request.abort()}function error(e,t,n){for(e=self.request,self._responseArgs.resp=e,self._responseArgs.msg=t,self._responseArgs.t=n,self._erred=!0;0<self._errorHandlers.length;)self._errorHandlers.shift()(e,t,n);complete(e)}this.url="string"==typeof o?o:o.url,this.timeout=null,this._fulfilled=!1,this._successHandler=function(){},this._fulfillmentHandlers=[],this._errorHandlers=[],this._completeHandlers=[],this._erred=!1,this._responseArgs={};var self=this;fn=fn||function(){},o.timeout&&(this.timeout=setTimeout(function(){timedOut()},o.timeout)),o.success&&(this._successHandler=function(){o.success.apply(o,arguments)}),o.error&&this._errorHandlers.push(function(){o.error.apply(o,arguments)}),o.complete&&this._completeHandlers.push(function(){o.complete.apply(o,arguments)}),this.request=getRequest.call(this,success,error)}function reqwest(e,t){return new Reqwest(e,t)}function normalize(e){return e?e.replace(/\r?\n/g,"\r\n"):""}function serial(e,t){var n,s,r,o,a=e.name,i=e.tagName.toLowerCase(),l=function(e){e&&!e.disabled&&t(a,normalize(e.attributes.value&&e.attributes.value.specified?e.value:e.text))};if(!e.disabled&&a)switch(i){case"input":/reset|button|image|file/i.test(e.type)||(n=/checkbox/i.test(e.type),s=/radio/i.test(e.type),r=e.value,(!n&&!s||e.checked)&&t(a,normalize(n&&""===r?"on":r)));break;case"textarea":t(a,normalize(e.value));break;case"select":if("select-one"===e.type.toLowerCase())l(0<=e.selectedIndex?e.options[e.selectedIndex]:null);else for(o=0;e.length&&o<e.length;o++)e.options[o].selected&&l(e.options[o])}}function eachFormElement(){var e,t,o=this,n=function(e,t){var n,s,r;for(n=0;n<t.length;n++)for(r=e[byTag](t[n]),s=0;s<r.length;s++)serial(r[s],o)};for(t=0;t<arguments.length;t++)e=arguments[t],/input|select|textarea/i.test(e.tagName)&&serial(e,o),n(e,["input","select","textarea"])}function serializeQueryString(){return reqwest.toQueryString(reqwest.serializeArray.apply(null,arguments))}function serializeHash(){var n={};return eachFormElement.apply(function(e,t){e in n?(n[e]&&!isArray(n[e])&&(n[e]=[n[e]]),n[e].push(t)):n[e]=t},arguments),n}function buildParams(e,t,n,s){var r,o,a,i=/\[\]$/;if(isArray(t))for(o=0;t&&o<t.length;o++)a=t[o],n||i.test(e)?s(e,a):buildParams(e+"["+("object"==typeof a?o:"")+"]",a,n,s);else if(t&&"[object Object]"===t.toString())for(r in t)buildParams(e+"["+r+"]",t[r],n,s);else s(e,t)}var context=this,XHR2;if("window"in context)var doc=document,byTag="getElementsByTagName",head=doc[byTag]("head")[0];else try{XHR2=require("xhr2")}catch(ex){throw new Error("Peer dependency `xhr2` required! Please npm install xhr2")}var httpsRe=/^http/,protocolRe=/(^\w+):\/\//,twoHundo=/^(20\d|1223)$/,readyState="readyState",contentType="Content-Type",requestedWith="X-Requested-With",uniqid=0,callbackPrefix="reqwest_"+ +new Date,lastValue,xmlHttpRequest="XMLHttpRequest",xDomainRequest="XDomainRequest",noop=function(){},isArray="function"==typeof Array.isArray?Array.isArray:function(e){return e instanceof Array},defaultHeaders={contentType:"application/x-www-form-urlencoded",requestedWith:xmlHttpRequest,accept:{"*":"text/javascript, text/html, application/xml, text/xml, */*",xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript",js:"application/javascript, text/javascript"}},xhr=function(e){if(!0!==e.crossOrigin)return context[xmlHttpRequest]?new XMLHttpRequest:XHR2?new XHR2:new ActiveXObject("Microsoft.XMLHTTP");var t=context[xmlHttpRequest]?new XMLHttpRequest:null;if(t&&"withCredentials"in t)return t;if(context[xDomainRequest])return new XDomainRequest;throw new Error("Browser does not support cross-origin requests")},globalSetupOptions={dataFilter:function(e){return e}};return Reqwest.prototype={abort:function(){this._aborted=!0,this.request.abort()},retry:function(){init.call(this,this.o,this.fn)},then:function(e,t){return e=e||function(){},t=t||function(){},this._fulfilled?this._responseArgs.resp=e(this._responseArgs.resp):this._erred?t(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):(this._fulfillmentHandlers.push(e),this._errorHandlers.push(t)),this},always:function(e){return this._fulfilled||this._erred?e(this._responseArgs.resp):this._completeHandlers.push(e),this},fail:function(e){return this._erred?e(this._responseArgs.resp,this._responseArgs.msg,this._responseArgs.t):this._errorHandlers.push(e),this},"catch":function(e){return this.fail(e)}},reqwest.serializeArray=function(){var n=[];return eachFormElement.apply(function(e,t){n.push({name:e,value:t})},arguments),n},reqwest.serialize=function(){if(0===arguments.length)return"";var e,t=Array.prototype.slice.call(arguments,0);return(e=t.pop())&&e.nodeType&&t.push(e)&&(e=null),e&&(e=e.type),("map"==e?serializeHash:"array"==e?reqwest.serializeArray:serializeQueryString).apply(null,t)},reqwest.toQueryString=function(e,t){var n,s,r=t||!1,o=[],a=encodeURIComponent,i=function(e,t){t="function"==typeof t?t():null==t?"":t,o[o.length]=a(e)+"="+a(t)};if(isArray(e))for(s=0;e&&s<e.length;s++)i(e[s].name,e[s].value);else for(n in e)e.hasOwnProperty(n)&&buildParams(n,e[n],r,i);return o.join("&").replace(/%20/g,"+")},reqwest.getcallbackPrefix=function(){return callbackPrefix},reqwest.compat=function(e,t){return e&&(e.type&&(e.method=e.type)&&delete e.type,e.dataType&&(e.type=e.dataType),e.jsonpCallback&&(e.jsonpCallbackName=e.jsonpCallback)&&delete e.jsonpCallback,e.jsonp&&(e.jsonpCallback=e.jsonp)),new Reqwest(e,t)},reqwest.ajaxSetup=function(e){for(var t in e=e||{})globalSetupOptions[t]=e[t]},reqwest}();
+/*!
+  * Reqwest! A general purpose XHR connection manager
+  * license MIT (c) Dustin Diaz 2015
+  * https://github.com/ded/reqwest
+  */!function(){var a=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(a.state={},a.util={},a.loading=!1,n)try{a.state=JSON.parse(n)}catch(u){}if(document.addEventListener&&document.querySelector){var s,r,o,t=[76,79,67,75,83,77,73,84,72,49,49],i=function(){r=t.slice(0)},l="style",c=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",c),document.removeEventListener("click",c),s&&document.body.removeChild(s),s=null)};i(),document.addEventListener("keyup",function(e){if(e.keyCode===r[0]){if(clearTimeout(o),r.shift(),0<r.length)return void(o=setTimeout(i,1e3));i(),c(),(s=document.createElement("div"))[l].width="50%",s[l].maxWidth="1000px",s[l].height="85%",s[l].border="1px rgba(0, 0, 0, 0.2) solid",s[l].background="rgba(255, 255, 255, 0.99)",s[l].borderRadius="4px",s[l].position="fixed",s[l].top="50%",s[l].left="50%",s[l].transform="translateY(-50%) translateX(-50%)",s[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",s[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,s.appendChild(t),document.body.appendChild(s),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",c),document.addEventListener("click",c)}})}a.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),a.path=a.state.path||window.location.pathname,a.basePath=a.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),a.reloading=!1,a.util.console=window.console||{log:function(){},error:function(){}},a.util.makeUrl=function(e,t){var n,s=a.basePath+e,r=[],o=a.cache();for(n in o)r.push(n+"="+encodeURIComponent(o[n]));for(n in t)r.push(n+"="+encodeURIComponent(t[n]));return a.state.customer_id&&(r.push("customer_id="+encodeURIComponent(a.state.customer_id)),r.push("customer_id_signature="+encodeURIComponent(a.state.customer_id_signature))),s+=(-1===s.indexOf("?")?"?":"&")+r.join("&")},a._initializeCallbacks=[],a.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';a._initializeCallbacks.push(t)},a.initializeSession=function(e){if(!a.isEmbedded){var t=!1,n=!0,s=!0;(e=e||{}).silent&&(s=n=!(t=!0)),a.ping({silent:t,spinner:n,reload:s,callback:function(){a._initializeCallbacks.forEach(function(e){e()})}})}},a.cache=function(e){var t={};try{var n=function r(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(u){}if(e){for(var s in e)t[s]=e[s];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},a.cache.cart=a.state.cart,a.cache.cartLastSaved=null,a.params=a.cache(),a.util.reload=function(){a.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(u){a.util.console.error("Preferred reload method failed",u),window.location.reload()}},a.cache.saveCart=function(e){if(!a.cache.cart||a.cache.cart===a.cache.cartLastSaved)return e?e():null;var t=a.cache.cartLastSaved;a.cache.cartLastSaved=a.cache.cart,reqwest({url:"/cart/update.json",method:"post",type:"json",data:{attributes:{locksmith:a.cache.cart}},complete:e,error:function(e){if(a.cache.cartLastSaved=t,!a.reloading)throw e}})},a.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',a.util.clobberBody=function(e){document.body.innerHTML=e},a.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},a.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,s={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":s[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(s[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":s[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":s[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(s[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":s[e.elements[t].name]=e.elements[t].value}}return s}},a.util.on=function(e,o,a,t){t=t||document;var i="locksmith-"+e+o,n=function(e){var t=e.target,n=e.target.parentElement,s=t.className.baseVal||t.className||"",r=n.className.baseVal||n.className||"";("string"==typeof s&&-1!==s.split(/\s+/).indexOf(o)||"string"==typeof r&&-1!==r.split(/\s+/).indexOf(o))&&!e[i]&&(e[i]=!0,a(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},a.util.enableActions=function(e){a.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,a.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),a.util.reload()}}))},e)},a.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var s=document.createElement("div");s.innerHTML=t,e.appendChild(s)}else e.innerHTML=t;var r,o,a=e.querySelectorAll("script");for(o=0;o<a.length;++o){r=a[o];var i=document.createElement("script");if(r.type&&(i.type=r.type),r.src)i.src=r.src;else{var l=document.createTextNode(r.innerHTML);i.appendChild(l)}e.appendChild(i)}var c=e.querySelector("[autofocus]");c&&c.focus()},a.post=function(e,t,n){!1!==(n=n||{}).spinner&&a.util.clobberBody(a.util.spinnerHTML);var s={};n.container===document?(s.layout=1,n.success=function(e){document.getElementById(n.container);a.util.clobberDocument(e)}):n.container&&(s.layout=0,n.success=function(e){var t=document.getElementById(n.container);a.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t)}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),a.loading=!0;var r=a.util.makeUrl(e,s);reqwest({url:r,method:"post",type:n.type||"html",data:t,complete:function(){a.loading=!1},error:function(e){if(!a.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)},success:n.success||a.util.clobberDocument})},a.postResource=function(e,t){e.path=a.path,e.search=window.location.search,e.state=a.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=a.cache.cart,e.locksmith_json=a.jsonTag,e.locksmith_json_signature=a.jsonTagSignature,a.post("/resource",e,t)},a.ping=function(e){if(!a.isEmbedded){e=e||{};a.post("/ping",{path:a.path,search:window.location.search,state:a.state},{spinner:!!e.spinner,silent:"undefined"==typeof e.silent||e.silent,type:"text",success:function(e){(e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&a.showMessages(e.messages)}})}},a.timeoutMonitor=function(){var e=a.cache.cart;a.ping({callback:function(){e!==a.cache.cart||setTimeout(function(){a.timeoutMonitor()},6e4)}})},a.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML="        <style>          .locksmith-ab .locksmith-b { display: none; }          .locksmith-ab.toggled .locksmith-b { display: flex; }          .locksmith-ab.toggled .locksmith-a { display: none; }          .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }          .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }          .locksmith-message a { color: inherit; font-weight: bold; }          .locksmith-message a:hover { color: inherit; opacity: 0.8; }          a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }          .locksmith-text { flex-grow: 1; }          .locksmith-cta { flex-grow: 0; text-align: right; }          .locksmith-cta button { transform: scale(0.8); transform-origin: left; }          .locksmith-cta > * { display: block; }          .locksmith-cta > * + * { margin-top: 10px; }          .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }                    @media screen and (max-width: 600px) {            .locksmith-wide-only { display: none !important; }            .locksmith-flex { padding: 0 15px; }            .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }            .locksmith-cta { text-align: left; }          }                    @media screen and (min-width: 601px) {            .locksmith-narrow-only { display: none !important; }          }        </style>      "+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),a.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),a.util.enableActions(t)}}()}();</script>
+      <script data-locksmith>Locksmith.cache.cart={{_p.attributes.locksmith|json}}</script>{%endcapture%}{%capture locksmith_customer_register_form%}{%capture _9%}{%section 'main-page'%}{%endcapture%}{{_9|replace:'</form>', '<input type="hidden" name="return_to" value=""></form>'}}
+
+      <script data-locksmith>
+        
+        
+        window.document.title = "";
+        var redirectUrl = window.location.href.replace('/account/register', '/');
+        var inputNodes = document.querySelectorAll('input[name=return_to]');
+        for (var i = 0; i < inputNodes.length; i++) {
+          inputNodes[i].value = redirectUrl;
+        }
+      </script>{%endcapture%}{%capture locksmith_customer_login_form%}{%capture _9%}{%section 'main-page'%}{%endcapture%}{{_9|replace:'</form>', '<input type="hidden" name="return_url" value=""></form>'}}
+
+      <script data-locksmith>
+        
+        
+        window.document.title = "";
+        var redirectUrl = window.location.href.replace('/account/login', '/');
+        var inputNodes = document.querySelectorAll('input[name=return_url]');
+        for (var i = 0; i < inputNodes.length; i++) {
+          inputNodes[i].value = redirectUrl;
+        }
+
+        document.querySelectorAll('a[data-locksmith][href*="/customer_authentication/login"]').forEach(function(node) {
+          var returnTo = encodeURIComponent(window.location.pathname);
+          var locale = encodeURIComponent('{{request.locale.iso_code}}');
+          node.search = `return_to=${returnTo}&locale=${locale}`;
+        });
+      </script>{%endcapture%}{%assign customer_login_form=locksmith_customer_login_form%}{%assign customer_register_form=locksmith_customer_register_form%}{%unless _lock_guest_content%}{%capture locksmith_guest_content%}{%if _lock_guest_content != blank%}{{_lock_guest_content}}{%else%}<div class="page-width">
+  <p>This content is protected. Please log in with your customer account to continue.</p>
+
+  <div>{{locksmith_customer_login_form}}</div>
+</div>{%endif%}{%endcapture%}{%endunless%}{%if locksmith_access_denied_content == blank%}{%capture locksmith_access_denied_content%}{%if _l%}{%if _lock_access_denied_content != blank%}{{_lock_access_denied_content}}{%else%}<div class="page-width">
+  <p>This content is protected, but it doesn’t look like you have access. If you feel this is a mistake, please contact the store owner.</p>
+</div>{%endif%}{%if locksmith_manual_lock%}<p><a href="#" onclick="window.parent.__locksmith_hide_frame(); return false;">&lsaquo; Back</a></p>{%endif%}{%elsif locksmith_requires_customer%}{{locksmith_guest_content}}{%else%}{%if _lock_access_denied_content != blank%}{{_lock_access_denied_content}}{%else%}<div class="page-width">
+  <p>This content is protected, but it doesn’t look like you have access. If you feel this is a mistake, please contact the store owner.</p>
+</div>{%endif%}{%endif%}{%if _h.name contains "Debut"%}<style>
+            /* fix for Debut+Gempages, per Gempages technical support */
+            html.gemapp.video {
+              display: block;
+            }
+          </style>{%endif%}{%endcapture%}{%endif%}{%capture locksmith_passcode_form%}<p id="locksmith-passcode-form-content"><strong>…</strong></p>
+      <script>Locksmith.postResource({}, {spinner: false, container: 'locksmith-passcode-form-content', form_type: 'passcode'});</script>{%endcapture%}{%capture locksmith_email_form%}<p id="locksmith-newsletter-form-content"><strong>…</strong></p>
+      <script>Locksmith.postResource({}, {spinner: false, container: 'locksmith-newsletter-form-content', form_type: 'mailing_list'});</script>{%endcapture%}{%capture locksmith_confirmation_form%}<p id="locksmith-confirmation-form-content"><strong>…</strong></p>
+      <script>Locksmith.postResource({}, {spinner: false, container: 'locksmith-confirmation-form-content', form_type: 'confirmation'});</script>{%endcapture%}{%assign _9=_d%}{%endcapture%}

package/snippets/locksmith-variables.liquid

@@ -0,0 +1,10 @@
+{%- comment %}
+  Hey there! This asset is managed by Locksmith (uselocksmith.com).
+
+  Do not modify this file. Any changes will be reset the next time that
+  Locksmith interacts with this theme.
+
+  Last updated: Fri, 08 Aug 2025 17:56:55 -0700 (PDT)
+{% endcomment -%}
+
+{%assign _c=false%}{%assign _0o='product_in_collection'%}{%assign _0g='variant'%}{%assign _14='collection'%}{%capture _%}{%assign _0k=_c%}{%assign _8=nil%}{%assign _2o=scope%}{%assign _g=nil%}{%assign _1o=_c%}{%assign _0c=true%}{%assign _1c=_c%}{%assign _1g=_c%}{%assign _0w=_c%}{%assign _10=_c%}{%assign _1k=_c%}{%assign _w='resource'%}{%assign _s=''%}{%assign _00=''%}{%assign _18=''%}{%assign _1s=_c%}{%assign _1w=_c%}{%assign _20=''|split:''%}{%assign _3o=nil%}{%assign _3k=_c%}{%assign _28=nil%}{%assign _3g=_c%}{%assign _3c=nil%}{%assign _38=_c%}{%assign _40=(0..2)%}{%assign _3s=nil%}{%assign _20=""|split:""%}{%assign _0k=true%}{%assign _34="now"|date:"%s"|plus:0%}{%for _30 in _20%}{%assign _0s=_30|split:"-"%}{%assign _3w=_0s[0]%}{%assign _2w=_0s[1]|plus:0%}{%unless _0s[1]%}{%assign skip_timestamp_check=true%}{%endunless%}{%if skip_timestamp_check or _34 < _2w%}{%endif%}{%endfor%}{%if original_template%}{%assign _08=template%}{%assign template=original_template%}{%elsif locksmith_original_template%}{%assign _08=template%}{%assign template=locksmith_original_template%}{%else%}{%assign _08=nil%}{%endif%}{%assign _o=template%}{%assign _04=_o|split:'.'|first%}{%if scope and scope != _0o%}{%assign _8=scope%}{%elsif locksmith_scope and locksmith_scope != _0o%}{%assign _8=locksmith_scope%}{%else%}{%assign _8=_o|split:'/'|first|split:'.'|first%}{%endif%}{%if hiding_scope%}{%assign _w=hiding_scope%}{%elsif locksmith_hiding_scope%}{%assign _w=locksmith_hiding_scope%}{%endif%}{%if _8 == blank%}{%assign _8='app'%}{%endif%}{%if _8 == "app" and content_for_layout contains "spof-container"%}{%assign app="single-page-order-form"%}{%endif%}{%if _8 == "app" and content_for_layout contains "sc-shopify-qs-main-container"%}{%assign app="one-page-quick-shop"%}{%endif%}{%if _8 == "app" and content_for_layout contains "get_surrounding_stores.php"%}{%assign app="store-locator"%}{%endif%}{%if _8 == 'subject'%}{%if subject%}{%assign _4=subject%}{%else%}{%assign _4=locksmith_subject%}{%endif%}{%if subject_parent%}{%assign _k=subject_parent%}{%else%}{%assign _k=locksmith_subject_parent%}{%endif%}{%if _4.price and _4.variants%}{%assign product=_4%}{%assign _8='product'%}{%elsif _4.position and _4.src and _4.variants == nil and _4.position != 1%}{%for _2c in _k.variants%}{%if _2c.featured_media.id == _4.id%}{%assign variant=_2c%}{%assign product=_k%}{%break%}{%endif%}{%endfor%}{%assign _8=_0g%}{%elsif _4.position and _4.product_id and _4.src and _4.position != 1%}{%assign variant=_4.variants.first%}{%assign _8=_0g%}{%if _4.product_id == _k.id%}{%assign product=_k%}{%else%}{%assign product=nil%}{%endif%}{%elsif _4.inventory_policy%}{%assign variant=_4%}{%assign _8=_0g%}{%if _k.variants contains variant%}{%assign product=_k%}{%else%}{%assign _2s=variant.url|split:'?variant='|first|split:'/'|last%}{%assign product=all_products[_2s]%}{%endif%}{%elsif _k.name and _k.position and _k.values contains _4%}{%assign variant=nil%}{%assign variant_option_name=_k.name%}{%assign variant_option_value=_4%}{%assign _8=_0g%}{%assign _44=_k.name%}{%assign _48=_4%}{%elsif _4.all_types and _4.products%}{%assign collection=_4%}{%assign _8=_14%}{%elsif _4.handle and _4.articles%}{%assign blog=_4%}{%assign _8='blog'%}{%elsif _4.content and _4.excerpt and _4.comments%}{%assign article=_4%}{%assign _8='article'%}{%elsif _4.handle and _4.url contains '/pages/' and _4.current == nil%}{%assign page=_4%}{%assign _8='page'%}{%elsif _4.total_price and _4.total_weight%}{%assign cart=_4%}{%assign _8='cart'%}{%elsif _4.type and _4.url%}{%assign _w='link_to_resource'%}{%if _4.type == 'collection_link'%}{%assign collection=_4.object%}{%assign _8=_14%}{%elsif _4.type == 'product_link'%}{%assign product=_4.object%}{%assign _8='product'%}{%elsif _4.type == 'page_link'%}{%assign page=_4.object%}{%assign _8='page'%}{%elsif _4.type == 'blog_link'%}{%assign blog=_4.object%}{%assign _8='blog'%}{%elsif _4.url == '/collections/all'%}{%assign collection=collections.all%}{%assign _8=_14%}{%else%}{%assign _w='resource'%}{%assign link=_4%}{%assign _8='link'%}{%endif%}{%elsif _4.links and _4.title%}{%assign linklist=_4%}{%assign _8='linklist'%}{%elsif shop.vendors contains _4%}{%assign _8='vendor'%}{%assign vendor=_4%}{%endif%}{%endif%}{%if _8 == _0g%}{%assign _38=true%}{%endif%}{%if collection and _8 == 'product'%}{%assign locksmith_scope=_0o%}{%assign scope=_0o%}{%else%}{%assign locksmith_scope=_8%}{%assign scope=_8%}{%endif%}{%if is_edu_checked%}{%assign _s=_s|append:",722911,"%}{%assign _1g=true%}{%endif%}{%assign _s=_s|remove_first:","|replace:",,", ","|split:","%}{%assign _00=_00|remove_first:","|replace:",,", ","|split:","%}{%assign _18=_18|remove_first:","|replace:",,", ","|split:","%}{%assign _2k="722911"|split:","%}{%for _24 in _2k%}{%if _s contains _24%}{%unless _00 contains _24%}{%assign _10=true%}{%endunless%}{%endif%}{%endfor%}{%if request.design_mode or request.host contains ".shopifypreview.com"%}{%unless __locksmith_disable_preview_mode_escape_hatch%}{%assign _1s=true%}{%endunless%}{%endif%}{%if _1s%}{%assign _00=_s%}{%assign _0w=_c%}{%endif%}{%if _0w == _c%}{%assign _0k=true%}{%endif%}{%assign locksmith_lock_ids=_s%}{%assign locksmith_opened_lock_ids=_00%}{%assign locksmith_key_ids=_18%}{%if locksmith_lock_ids.size > 0%}{%assign _1o=true%}{%unless locksmith_opened_lock_ids == locksmith_lock_ids%}{%assign _0c=_c%}{%assign _1c=true%}{%endunless%}{%endif%}{%assign _28=request.locale.root_url%}{%if _0c%}{%assign _1w=_c%}{%endif%}{%assign locksmith_initialized=_0k%}{%assign locksmith_locked=_1o%}{%unless locksmith_scope%}{%assign locksmith_scope=_8%}{%endunless%}{%assign locksmith_access_granted=_0c%}{%assign locksmith_access_denied=_1c%}{%assign locksmith_manual_lock=_1g%}{%assign locksmith_remote_lock=_0w%}{%assign locksmith_hide_resource=_10%}{%assign locksmith_hide_links_to_resource=_1k%}{%assign locksmith_requires_customer=_1w%}{%assign locksmith_redirect=_3o%}{%assign locksmith_noindex=_3k%}{%assign locksmith_locale_root_url=_28%}{%assign locksmith_has_timeout=_3g%}{%assign locksmith_section_replacement_content=_3c%}{%assign locksmith_transparent=_c%}{%if _0c%}{%assign locksmith_transparent=true%}{%elsif _w == 'resource' and _10 == _c%}{%assign locksmith_transparent=true%}{%elsif _w == 'link_to_resource' and _1k == _c%}{%assign locksmith_transparent=true%}{%endif%}{%if _04 == 'product'%}{%capture _g%}{%if collection%}/collections/{{collection.handle}}{%endif%}/products/{{product.handle}}{%endcapture%}{%elsif _04 == _14%}{%capture _g%}/collections/{{collection.handle}}{%endcapture%}{%elsif _04 == 'page'%}{%assign _g=page.url%}{%elsif _04 == 'blog'%}{%assign _g=blog.url%}{%elsif _04 == 'article'%}{%assign _g=article.url%}{%elsif _o == 'customers/login'%}{%assign _g='/account/login'%}{%elsif _o == 'customers/register'%}{%assign _g='/account/register'%}{%elsif _o == 'index'%}{%assign _g='/'%}{%elsif _o == 'list-collections'%}{%assign _g='/collections'%}{%elsif _o == 'cart'%}{%assign _g='/cart'%}{%elsif _o contains 'search'%}{%assign _g='/search'%}{%endif%}{%assign locksmith_path=_g%}{%assign locksmith_current_path=_g%}{%assign locksmith_version="v222"%}{%capture locksmith_json%}{"version":{{locksmith_version|json}},"locked":{{locksmith_locked|json}},"initialized":{{_0k|json}},"scope":{{_8|json}},"access_granted":{{locksmith_access_granted|json}},"access_denied":{{locksmith_access_denied|json}},"requires_customer":{{locksmith_requires_customer|json}},"manual_lock":{{locksmith_manual_lock|json}},"remote_lock":{{locksmith_remote_lock|json}},"has_timeout":{{locksmith_has_timeout|json}},"remote_rendered":{{locksmith_remote_rendered|json}},"hide_resource":{{locksmith_hide_resource}},"hide_links_to_resource":{{locksmith_hide_links_to_resource|json}},"transparent":{{locksmith_transparent|json}},"locks":{"all":{{locksmith_lock_ids|json|replace:'"', ''}},"opened":{{locksmith_opened_lock_ids|json|replace:'"', ''}}},"keys":{{locksmith_key_ids|json|replace:'"', ''}},"keys_signature":{{locksmith_key_ids|join:','|hmac_sha256:shop.metafields.locksmith.client_key|json}},"state":{"template":{{template|json}},"theme":{{theme.id|json}},"product":{{product.handle|json}},"collection":{{collection.handle|json}},"page":{{page.handle|json}},"blog":{{blog.handle|json}},"article":{{article.id|json}},"app":{%if locksmith_scope == "app" and app%}{{app|json}}{%else%}null{%endif%}},"now":{{"now"|date:"%s"}},"path":{{locksmith_path|json}},"locale_root_url":{{locksmith_locale_root_url|json}},"canonical_url":{{canonical_url|json}},"customer_id":{{customer.id|json}},"customer_id_signature":{{customer.id|hmac_sha256:shop.metafields.locksmith.client_key|json}},"cart":{{cart.attributes.locksmith|json}}}{%endcapture%}{%assign locksmith_json_signature=locksmith_json|hmac_sha256: shop.metafields.locksmith.client_key%}{%capture locksmith_json_script%}<script type="application/vnd.locksmith+json" data-locksmith>{{locksmith_json}}</script>{%endcapture%}{%if _08%}{%assign template=_08%}{%endif%}{%assign scope=_2o%}{%endcapture%}{%if variable != blank%}{%capture value%}{%case variable%}{%when "locked"%}{{locksmith_locked|json}}{%when "initialized"%}{{locksmith_initialized|json}}{%when "scope"%}{{locksmith_scope|json}}{%when "access_granted"%}{{locksmith_access_granted|json}}{%when "access_denied"%}{{locksmith_access_denied|json}}{%when "requires_customer"%}{{locksmith_requires_customer|json}}{%when "manual_lock"%}{{locksmith_manual_lock|json}}{%when "remote_lock"%}{{locksmith_remote_lock|json}}{%when "remote_rendered"%}{{locksmith_remote_rendered|json}}{%when "hide_resource"%}{{locksmith_hide_resource|json}}{%when "hide_links_to_resource"%}{{locksmith_hide_links_to_resource|json}}{%when "transparent"%}{{locksmith_transparent|json}}{%when "lock_ids"%}{{locksmith_lock_ids|join:","|json}}{%when "opened_lock_ids"%}{{locksmith_opened_lock_ids|join:","|json}}{%when "key_ids"%}{{locksmith_key_ids|join:","|json}}{%when "json_tag"%}{{locksmith_json_script}}{%when "section_replacement"%}{{locksmith_section_replacement_content}}{%endcase%}{%endcapture%}{{value|strip}}{%endif%}

package/snippets/locksmith.liquid

@@ -0,0 +1,108 @@
+{%- comment %}
+  Hey there! This asset is managed by Locksmith (uselocksmith.com).
+
+  Do not modify this file. Any changes will be reset the next time that
+  Locksmith interacts with this theme.
+
+  Last updated: Fri, 08 Aug 2025 17:56:55 -0700 (PDT)
+{% endcomment -%}
+
+{%include 'locksmith-variables', locksmith_scope: nil%}{%if locksmith_access_denied_content == blank%}{%capture locksmith_access_denied_content%}{%if locksmith_manual_lock%}{{content_for_layout}}{%elsif locksmith_remote_lock%}<div id="locksmith-content">
+        <div id="locksmith-spinner-wrapper" style="background:#FFF;z-index:999999;top:0;left:0;right:0;bottom:0;position:fixed">
+          <style>
+            @keyframes spin { from { transform: rotate(0deg) } to { transform: rotate(360deg) } }
+
+            .locksmith-spinner {
+              display: flex;
+              width: 100%;
+              height: 50vh;
+              color: #777;
+              align-items: center;
+              justify-content: center;
+            }
+
+            .locksmith-spinner .spinner {
+              display: block;
+              animation: spin 600ms linear infinite;
+              position: relative;
+              width: 50px;
+              height: 50px;
+            }
+
+            .locksmith-spinner .spinner svg {
+              /* ran into a theme once that defined dimensions for all (??) svg elements */
+              width: inherit;
+              height: inherit;
+            }
+
+            .locksmith-spinner .spinner-ring {
+              stroke: currentColor;
+              stroke-dasharray: 100%;
+              stroke-width: 2px;
+              stroke-linecap: round;
+              fill: none;
+            }
+          </style>
+          <div class="locksmith-spinner">
+            <div class="spinner">
+              <svg width="100%" height="100%">
+                <svg preserveAspectRatio="xMinYMin">
+                  <circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle>
+                </svg>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>{%assign _7=true%}<script data-locksmith>
+        var load = function () {
+          Locksmith.postResource(
+            {},
+            {
+              container: 'locksmith-content',
+              spinner: false
+            }
+          );
+        };
+
+        if (typeof Locksmith !== 'undefined') {
+          load();
+        } else {
+          window.addEventListener('load', load);
+        }
+      </script>{%endif%}{%endcapture%}{%endif%}{%include 'locksmith-content-variables'%}{%include 'locksmith-variables', locksmith_scope: nil%}{%if locksmith_access_denied%}{%capture content_for_header%}{{content_for_header|replace:'.oembed', ''|replace:'.atom', ''|replace:'link rel="alternate" type="application/json+oembed"', 'link'|replace:' title="Feed" rel="alternate" type="application/atom+xml"', ''}}{%endcapture%}{%endif%}{%capture locksmith_initializations%}{%if locksmith_access_denied and locksmith_manual_lock == false and locksmith_noindex%}<meta name="robots" content="noindex" />{%endif%}{{locksmith_json_script}}{{locksmith_client}}
+
+  <script data-locksmith>Locksmith.jsonTag={{locksmith_json|json}};Locksmith.jsonTagSignature={{locksmith_json_signature|json}}</script>{%endcapture%}{%if locksmith_access_granted or locksmith_manual_lock%}{%if locksmith_redirect != blank%}{%assign content_for_layout=locksmith_redirect%}{%endif%}{%else%}{%assign content_for_layout=locksmith_access_denied_content%}{%endif%}{%capture _3%}<script data-locksmith>
+    var load = function () {
+{%unless _7%}
+          if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) {
+            Locksmith.ping();
+          }
+{%endunless%}{%if locksmith_has_timeout%}
+        Locksmith.timeoutMonitor();
+{%endif%}
+
+      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
+        event.preventDefault();
+        var data = Locksmith.util.serializeForm(event.target);
+        Locksmith.postResource(data, { spinner: false, container: 'locksmith-content' });
+      });
+
+      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
+        event.preventDefault();
+        Locksmith.postResource({}, { spinner: true, container: document });
+      });
+
+      Locksmith.submitPasscode = function (passcode) {
+        Locksmith.postResource(
+          { passcode: passcode },
+          { spinner: false, container: 'locksmith-content' }
+        );
+      };
+    };
+
+    if (typeof Locksmith !== 'undefined') {
+      load();
+    } else {
+      window.addEventListener('load', load);
+    }
+  </script>{%endcapture%}{%unless request.design_mode or request.host contains ".shopifypreview.com" or request.page_type == "password"%}{%assign content_for_layout=content_for_layout|append:_3%}{%endunless%}{%if locksmith_access_denied and content_for_layout contains '<input type="hidden" name="form_type" value="customer_login" />'%}{%assign locksmith_original_template=template%}{%assign template='customers/login'%}{%endif%}

package/snippets/zz-img-md.liquid

@@ -7,8 +7,8 @@
   pc_width: pc 端宽度, 做图片尺寸优化
   mb_width: 移动端宽度, 做图片尺寸优化
 {% endcomment %}
-{%- assign pc_width = pc_width | default: 1800 -%}
-{%- assign mb_width = mb_width | default: 800 -%}
+{%- assign pc_width = pc_width | default: 4800 -%}
+{%- assign mb_width = mb_width | default: 1200 -%}
 
 {%- assign pc_classes = class_name | append: ' max-md:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
 {%- assign mb_classes = class_name | append: ' md:tw-hidden tw-w-full tw-h-auto tw-object-cover' -%}
@@ -26,7 +26,7 @@
   | image_tag:
     alt: image_alt,
     class: pc_classes,
-    widths: '800, 1000, 1200, 1500, 1800 2000',
+    widths: '800, 1000, 1200, 1500, 1800 2000 3000 4000 5000',
     loading: lazy_load
 }}
 {%- endif -%}
@@ -41,4 +41,3 @@
     loading: lazy_load
 }}
 {%- endif -%}
-

package/snippets/zz-img.liquid

@@ -7,8 +7,8 @@
   pc_width: pc 端宽度, 做图片尺寸优化
   mb_width: 移动端宽度, 做图片尺寸优化
 {% endcomment %}
-{%- assign pc_width = pc_width | default: 1800 -%}
-{%- assign mb_width = mb_width | default: 800 -%}
+{%- assign pc_width = pc_width | default: 4800 -%}
+{%- assign mb_width = mb_width | default: 1200 -%}
 
 {%- 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' -%}
@@ -26,7 +26,7 @@
   | image_tag:
     alt: image_alt,
     class: pc_classes,
-    widths: '800, 1000, 1200, 1500, 1800 2000',
+    widths: '800, 1000, 1200, 1500, 1800 2000 3000 4000 5000',
     loading: lazy_load
 }}
 {%- endif -%}
@@ -37,8 +37,7 @@
   | image_tag:
     alt: image_alt,
     class: mb_classes,
-    widths: '400, 600, 800',
+    widths: '400, 600, 800 1200',
     loading: lazy_load
 }}
 {%- endif -%}
-

package/snippets/zz-price-tag.liquid

@@ -6,7 +6,11 @@
     <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 percent = price
+      | times: 100.0
+      | divided_by: compare_at_price
+      | round
+    %}
     {% 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 %}