zz-shopify-components 0.22.1-beta.4 → 0.23.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.22.1-beta.4",
3
+ "version": "0.23.0",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
@@ -601,8 +601,15 @@
601
601
  <div
602
602
  id='{{ banner.id }}-bannerlink'
603
603
  data-banner-name="{{ banner.settings.banner_name }}"
604
+ {% if banner.settings.banner_name != blank %}
605
+ data-track-zz-block="{{ banner.settings.banner_name }}"
606
+ data-track-zz-exposure="true"
607
+ {% endif %}
604
608
  class='{{ banner.id }}-site-event swiper-content tw-w-full tw-max-w-screen tw-relative tw-text-left tw-h-full'
605
609
  style="{% if banner.settings.need_btn == false %}cursor: pointer;{% endif %}"
610
+ {% if banner.settings.need_btn == false and banner.settings.banner_name != blank %}
611
+ data-track-zz-element="{{ banner.settings.banner_name }}"
612
+ {% endif %}
606
613
  >
607
614
  {%- if banner.type == 'img' -%}
608
615
  {% render 'zz-img',
@@ -700,6 +707,9 @@
700
707
  {%- if banner.settings.function_type == 'link' -%}
701
708
  <a
702
709
  href='{{ banner.settings.link }}'
710
+ {% if banner.settings.banner_name != blank %}
711
+ data-track-zz-element="{{ banner.settings.banner_name }}"
712
+ {% endif %}
703
713
  class='{{ banner.id }}-site-event tw-w-fit tw-block tw-no-underline tw-h-[48px] max-lg:tw-px-[20px] lg:tw-px-[24px] max-lg:tw-h-[36px] tw-leading-[48px] max-lg:tw-leading-[36px] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[13px] max-lg:tw-mx-auto tw-cursor-pointer'
704
714
  style='color: {{ banner.settings.btn_color | default: 'black' }}; border: 1px solid {{ banner.settings.btn_border_color | default: 'white' }}; background: {{ banner.settings.btn_background_color | default: 'white' }}'
705
715
  >
@@ -709,6 +719,9 @@
709
719
  {%- elsif banner.settings.function_type == 'link_map' -%}
710
720
  <div
711
721
  id='{{ banner.id }}-site-btn'
722
+ {% if banner.settings.banner_name != blank %}
723
+ data-track-zz-element="{{ banner.settings.banner_name }}"
724
+ {% endif %}
712
725
  class='{{ banner.id }}-site-event tw-w-fit tw-h-[48px] max-lg:tw-px-[20px] lg:tw-px-[24px] max-lg:tw-h-[36px] tw-leading-[48px] max-lg:tw-leading-[36px] tw-text-center tw-rounded-full tw-text-[16px] max-lg:tw-text-[13px] max-lg:tw-mx-auto tw-cursor-pointer'
713
726
  style='color: {{ banner.settings.btn_color | default: 'black' }}; border: 1px solid {{ banner.settings.btn_border_color | default: 'white' }}; background: {{ banner.settings.btn_background_color | default: 'white' }}'
714
727
  >
@@ -418,6 +418,7 @@
418
418
 
419
419
  <style>
420
420
  #shopify-section-{{section.id}} {
421
+ position: relative;
421
422
  background: {{ section.settings.bg_color }};
422
423
  display: flex;
423
424
  flex-direction: column;