zz-shopify-components 0.26.0 → 0.26.1-beta.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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/snippets/zz-gallery-tab.liquid +1 -1
  3. package/snippets/zz-product-preview.liquid +6 -4
  4. package/snippets/zz-product-video.liquid +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zz-shopify-components",
3
- "version": "0.26.0",
3
+ "version": "0.26.1-beta.0",
4
4
  "description": "Reusable Shopify components for theme projects",
5
5
  "keywords": [
6
6
  "shopify",
package/snippets/zz-gallery-tab.liquid CHANGED
@@ -1,5 +1,5 @@
1
1
  <gallery-tab>
2
- <div class='gallery-tab-container lg:tw-mt-[20px] tw-mt-[12px] tw-absolute bottom-0 left-0 tw-w-full tw-z-10 tw-text-center tw-flex tw-items-center tw-justify-center lg:tw-gap-[12px] tw-gap-[4px]'>
2
+ <div class='gallery-tab-container lg:tw-mt-[20px] tw-mt-[12px] tw-w-full tw-z-10 tw-text-center tw-flex tw-items-center tw-justify-center lg:tw-gap-[12px] tw-gap-[4px]'>
3
3
  <div
4
4
  class='gallery-tab-item active'
5
5
  data-test-locator='galleryTabItemPhoto'
package/snippets/zz-product-preview.liquid CHANGED
@@ -1,8 +1,8 @@
1
- <div class='tw-w-full tw-mx-auto'>
2
- <div class='product-container tw-flex tw-items-center tw-justify-center'>
1
+ <div class=' tw-h-full tw-flex tw-flex-col tw-flex-1 tw-relative lg:tw-py-[20px]'>
2
+ <div class='product-container lg:tw-max-h-[721px] tw-flex-1 tw-min-h-0 tw-flex tw-items-center tw-justify-center'>
3
3
  {% comment %} 左侧产品预览 {% endcomment %}
4
4
  <div
5
- class='product-preview tw-w-full lg:tw-max-w-[550px] 2xl:tw-max-w-[650px] tw-aspect-square lg:tw-rounded-[16px] tw-overflow-hidden'
5
+ class='product-preview max-lg:tw-w-full lg:tw-h-full tw-aspect-square lg:tw-rounded-[16px] tw-overflow-hidden'
6
6
  data-test-locator='productPreview'
7
7
  >
8
8
  <div
@@ -47,5 +47,7 @@
47
47
  {% endif %}
48
48
  </div>
49
49
  </div>
50
+ <div class="tw-shrink-0">
51
+ {% render 'zz-gallery-tab' show_accessories_point: show_accessories_point, show_video: show_video, show_model: show_model %}
52
+ </div>
50
53
  </div>
51
- {% render 'zz-gallery-tab' show_accessories_point: show_accessories_point, show_video: show_video, show_model: show_model %}
package/snippets/zz-product-video.liquid CHANGED
@@ -83,7 +83,7 @@
83
83
 
84
84
  {%- if tabs_count > 1 -%}
85
85
  <div
86
- class=' product-video-tabs tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-[30px] tw-bg-white '
86
+ class=' product-video-tabs tw-absolute tw-left-1/2 tw--translate-x-1/2 tw-top-[50px] tw-bg-white '
87
87
  role='tablist'
88
88
  aria-label='Product video tabs'
89
89
  >