zz-shopify-components 0.35.1-beta.5 → 0.35.1-beta.6

package/blocks/zz-content-description-html.liquid

@@ -102,6 +102,14 @@
       ],
       "default": "left"
     },
+    {
+      "type": "checkbox",
+      "id": "separate_display",
+      "label": "区分显示pc还是mb",
+      "default": false,
+      "info": "区分显示pc还是mb, true时 没有配置PC与mb将不会显示。不会使用PC的配置来配置mb"
+
+    },
     {
       "type": "select",
       "id": "animation",
@@ -182,7 +190,8 @@
     mobile_font_size: block.settings.mobile_font_size,
     pc_text_align: block.settings.pc_text_align,
     mobile_text_align: block.settings.mobile_text_align,
-    class_name: block.settings.animation
+    class_name: block.settings.animation,
+    separate_display: block.settings.separate_display,
 %}
 
 {% if block.settings.use_margin %}

package/blocks/zz-content-description.liquid

@@ -153,6 +153,14 @@
       "default": false,
       "info": "Blod 高亮文字是否加粗"
 
+    },
+    {
+      "type": "checkbox",
+      "id": "separate_display",
+      "label": "区分显示pc还是mb",
+      "default": false,
+      "info": "区分显示pc还是mb, true时 没有配置PC与mb将不会显示。不会使用PC的配置来配置mb"
+
     },
 
     {
@@ -221,6 +229,7 @@
   mobile_text_align: block.settings.mobile_text_align,
   pc_font_line_height: block.settings.pc_font_line_height,
   mobile_font_line_height: block.settings.mobile_font_line_height,
+  separate_display: block.settings.separate_display,
 %}
 
 

package/package.json

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

package/snippets/zz-content-text.liquid

@@ -10,7 +10,13 @@
   pc_text_align: pc端对齐方式
   font_weight: 字体粗细
   mobile_text_align: 移动端对齐方式
+  separate_display: 区分显示pc还是mb, true时 没有配置PC与mb将不会显示。不会使用PC的配置来配置mb
 {% endcomment %}
+{% if separate_display == true %}
+  {% assign separate_display = true %}
+{% else %}
+  {% assign separate_display = false %}
+{% endif %}
 
 {% if text != blank %}
   <div class="content-text content-text-pc max-lg:tw-hidden tw-text-[#170B01B2] tw-text-[16px] tw-leading-[1.5] tw-text-left {{ class_name }} " 
@@ -23,7 +29,11 @@
 </div>
 {% endif %}
 
-{% if mb_text != blank %}
+{% assign mobile_text = mb_text %}
+{% if mb_text == blank and separate_display == false %}
+  {% assign mobile_text = text %}
+{% endif %}
+{% if mobile_text != blank %}
 <div 
     class="content-text content-text-mobile lg:tw-hidden tw-text-[#170B01B2] tw-text-[1.4rem] tw-leading-[1.5] tw-text-left {{ class_name }}" 
     style="color: {{ text_color }};font-weight: {{ font_weight }};
@@ -31,7 +41,7 @@
     text-align: {{ mobile_text_align }}; 
     {% if mobile_font_line_height %}line-height: {{ mobile_font_line_height }};{% endif %}"
 >
-    {{ mb_text | default: text }}
+    {{ mobile_text | default: text }}
 </div>
 {% endif %}