zz-shopify-components 0.36.1-beta.2 → 0.36.1-beta.3

package/package.json

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

package/sections/zz-swiper-banner.liquid

@@ -915,7 +915,7 @@
               {% render 'zz-img',
                 pc_image: banner.settings.banner,
                 mb_image: banner.settings.banner_mb,
-                image_alt: banner.settings.title | escape,
+                image_alt: banner.settings.title,
                 class_name: "zz-swiper-banner-img-video",
             %}
  
@@ -960,14 +960,14 @@
             <div
               class='center-content tw-absolute lg:tw-left-[50%] lg:tw-top-[50%] lg:tw-translate-x-[-50%] lg:tw-translate-y-[-50%] tw-z-10  max-lg:tw-h-full max-lg:tw-top-0 max-lg:tw-left-0 max-lg:tw-w-full max-lg:tw-pt-[90px] tw-box-border max-lg:tw-flex max-lg:tw-flex-col max-lg:tw-items-center'
             >
-              <div class='swiper-content-text {% if banner.settings.banner_type == 'image_type' or banner.settings.banner_type == 'title_description_type' %} lg:tw-w-[560px] {% else %} lg:tw-w-[784px] {% endif %}'>
+              <div class='swiper-content-text {% if banner.settings.banner_type == 'image_type' %} lg:tw-w-[560px] {% else %} lg:tw-w-[784px] {% endif %}'>
                 {%- if banner.settings.banner_type == 'product_type' or banner.settings.banner_type == 'title_description_type' or banner.settings.banner_type == 'discount_sale_type' -%}
                   {% if banner.settings.banner_type == 'product_type' and banner.settings.product_logo != blank %}
                     <div class="zz-swiper-banner-img-logo max-lg:tw-mb-[1.8rem] lg:tw-mb-[30px] max-lg:tw-w-[33.5rem] lg:tw-mb-[20px] lg:tw-h-[52px]">
                       {% render 'zz-img',
                           pc_image: banner.settings.product_logo,
                           mb_image: banner.settings.product_logo_mb,
-                          image_alt: banner.settings.banner_name | escape,
+                          image_alt: banner.settings.banner_name,
                           class_name: "lg:!tw-h-full lg:!tw-w-auto max-lg:!tw-w-full max-lg:!tw-h-auto",
                       %}
                     </div>
@@ -1116,8 +1116,18 @@
                 {% endif %}
               }
               if(bannerlink) {
-                {% if banner.settings.linksbanner != blank %}
-                bindSiteJump(bannerlink, {{ banner.settings.linksbanner | json }})
+                {% if banner.settings.btn_type == 'none' %}
+                  {% if banner.settings.linksbanner != blank %}
+                    bindSiteJump(bannerlink, {{ banner.settings.linksbanner | json }})
+                  {% endif %}
+                {% else %}
+                  {% if banner.settings.function_type == 'link' and banner.settings.link != blank %}
+                    bannerlink.addEventListener('click', () => {
+                      window.location.href = "{{ banner.settings.link }}";
+                    })
+                  {% elsif banner.settings.function_type == 'link_map' and banner.settings.links != blank %}
+                    bindSiteJump(bannerlink, {{ banner.settings.links | json }})
+                  {% endif %}
                 {% endif %}
               }
               if(buttonTwo) {

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

@@ -228,6 +228,8 @@
             text: block.settings.pc_text,
             mb_text: block.settings.mb_text,
             text_color: block.settings.text_color,
+            mobile_font_size: 14,
+            pc_font_size: 16,
             class_name: 'tab-content-text tw-text-center max-lg:tw-text-left'
           %}
           <style>