shoplazza-cli 0.0.1

package/fixtures/sections/products.liquid

@@ -0,0 +1,216 @@
+{% assign p = collections[section.settings.collection.id].products %}
+{% if section.settings.is_show_recommended_products != nil %}
+  {% assign isShowRecommendedProducts = section.settings.is_show_recommended_products %}
+{% else %}
+  {% assign isShowRecommendedProducts = true %}
+{% endif %}
+{% if isShowRecommendedProducts %}
+  {% if product.recommend_collection_id != nil %}
+    {% if collections[product.recommend_collection_id]].products.size > 0%}
+      {% assign p = collections[product.recommend_collection_id]].products %}
+    {% endif %}
+  {% endif %}
+{% endif %}
+
+{% if p.size > 0 or shop.env == 1 %}
+  <div class="container container-gap">{% comment %} 卡片标题 {% endcomment %}
+    {% if section.settings.name %}
+      {% include 'card_title',
+        title: section.settings.name,
+        titlePath: 'name'
+      %}
+    {% endif %}
+    {% assign grid = section.settings.grid | default: 4 %}
+    {% case grid %}
+      {% when 2 %}
+        {% assign colMd="col-md-6"%}
+      {% when 3 %}
+        {% assign colMd="col-md-4"%}
+      {% when 4 %}
+        {% assign colMd="col-md-3"%}
+      {% when 5 %}
+        {% assign colMd="col-md-2_4"%}
+      {% else %}
+        {% assign colMd="col-md-3"%}
+    {% endcase %}
+    {% if grid == 2 %}
+      {% assign col="col-12"%}
+    {% else %}
+      {% assign col="col-6"%}
+    {% endif %}
+
+    {% case section.settings.image_size %}
+      {% when "small" %}
+        {% assign imageHeight="100%" %}
+      {% when "medium" %}
+        {% assign imageHeight="121%" %}
+      {% when "large" %}
+        {% assign imageHeight="150%" %}
+      {% when "auto" %}
+        {% assign imageHeight="auto" %}
+      {% else %}
+        {% assign imageHeight="100%" %}
+    {% endcase %}
+
+    <div class="row common__product-row">
+      {% comment %} 渲染C端节点 {% endcomment %}
+      {% assign lineNumber = section.settings.line_number | times: grid %}
+      {% assign showProductNum = 0 %}
+      {% assign collection_id = section.settings.collection.id %}
+      {% for block in p %}
+        {% if showProductNum < lineNumber %}
+          {% if block.published %}
+            <div class="{{col}} {{colMd}} common__product-gap">
+              {% include 'product',
+                product: block,
+                image_size: imageHeight %}
+            </div>
+            {% assign showProductNum = showProductNum | plus: 1 %}
+          {% endif %}
+        {% endif %}
+      {% endfor %}
+      {% comment %} 补充模拟数据 {% endcomment %}
+      {% if shop.env == 1 %}
+        {% assign num = lineNumber | minus: showProductNum %}
+        {% for block in (1..num) %}
+
+          <div class="{{col}} {{colMd}} common__product-gap">
+            {% include 'product',
+              product: default_product,
+              image_size: imageHeight %}
+          </div>
+        {% endfor %}
+      {% endif %}
+    </div>
+    {% if section.settings.view_all %}
+      <div class="text-center">
+        <a href="{{ section.settings.collection.url }}" class="btn btn-primary">{{ 'i18n.collections.general.all_of_collection' | t }}</a>
+      </div>
+    {% endif %}
+  </div>
+{% endif %}
+
+{% schema %}
+{
+  "name": "products",
+  "contentType": [
+    "products"
+  ],
+  "settings": [
+    {
+      "type": "collection",
+      "id": "collection",
+      "label": {
+        "en-US": "Collection",
+        "zh-CN": "专辑"
+      }
+    },
+    {
+      "type": "text",
+      "id": "name",
+      "label": {
+        "en-US": "Heading",
+        "zh-CN": "标题"
+      },
+      "default": "Featured collection",
+      "placeholder": {
+        "zh-CN": "请输入内容",
+        "en-US": "Input heading"
+      }
+    },
+    {
+      "type": "range",
+      "label": {
+        "zh-CN": "PC展示排数",
+        "en-US": "Show rows on desktop"
+      },
+      "id": "line_number",
+      "min": 1,
+      "max": 6,
+      "step": 1,
+      "default": 2
+    },
+    {
+      "type": "range",
+      "label": {
+        "zh-CN": "PC每排商品数",
+        "en-US": "Show products per row on desktop"
+      },
+      "id": "grid",
+      "min": 2,
+      "max": 5,
+      "step": 1,
+      "default": 4
+    },
+    {
+      "type": "select",
+      "label": {
+        "zh-CN": "图片高度",
+        "en-US": "Image height"
+      },
+      "id": "image_size",
+      "default": "medium",
+      "options": [
+        {
+          "value": "small",
+          "label": {
+            "zh-CN": "小",
+            "en-US": "Small"
+          }
+        },
+        {
+          "value": "medium",
+          "label": {
+            "zh-CN": "中",
+            "en-US": "Medium"
+          }
+        },
+        {
+          "value": "large",
+          "label": {
+            "zh-CN": "大",
+            "en-US": "Large"
+          }
+        },
+        {
+          "value": "auto",
+          "label": {
+            "zh-CN": "原始比例",
+            "en-US": "Natural"
+          }
+        }
+      ]
+    },
+    {
+      "type": "checkbox",
+      "label": {
+        "zh-CN": "显示”View all“",
+        "en-US": "Show \"View all\""
+      },
+      "id": "view_all",
+      "default": false
+    }
+  ],
+  "presets": [
+    {
+      "name": "products",
+      "cname": {
+        "zh-CN": "专辑商品",
+        "en-US": "Collection products"
+      },
+      "category": {
+        "en-US": "Product",
+        "zh-CN": "商品"
+      },
+      "ccategory": {
+        "en-US": "Product",
+        "zh-CN": "商品"
+      },
+      "display": true,
+      "is_show_recommended_products": true,
+      "view_all": false,
+      "blocks": []
+    }
+  ]
+}
+{% endschema %}

package/fixtures/sections/relative_product.liquid

@@ -0,0 +1,121 @@
+{% use 'relative_product.css' %}
+
+{% comment %} 商品详情页 商品推荐 {% endcomment %}
+<div class="container col-12 relative_product lazyload">
+  {% if section.settings.heading != blank %}
+    <div class="relative_product__title dj_skin_title_font position-relative">
+      {{ section.settings.heading}}
+      <span class="relative_product__change d-none">{{ 'i18n.product.product_detail.not_like_these' | t}}</span>
+    </div>
+  {% endif %}
+  <div class="relative_product__content row"></div>
+</div>
+{% comment %} 定义前端模板 {% endcomment %}
+<script id="relative-product-art-tpl" type="text/html">
+  <% for(var i = 0; i < products.length; i++) { %>
+    <div class="col-6 <%= colMd %> common__product-gap">
+      <% include ('product_art_tpl', {
+        product: products[i]
+      }) %>
+    </div>
+  <% } %>
+</script>
+
+{% javascript %}
+  $(function() {
+    $('.relative_product').lazy(function() {
+      var page = 1, per_page = 30, products = [], related_count = {{section.settings.product_number | default: 4}}, enableChangeCount = 10;
+        var $section = $('[data-section-id=' + {{section.id}} + ']');
+      {% comment %} 获取异步商品 {% endcomment %}
+      $.get('/api/product/similar-products?product_id={{product.id}}'+'&page='+page+'&per_page='+per_page, function(res) {
+        if (!(res.state == 0 && res.data)) { return ; }
+        products = (res.data.products || []).filter(function(item) { return item.published; });
+        {% comment %} 可以切换推荐 {% endcomment %}
+        products.length > enableChangeCount && $section.find('.relative_product__change').removeClass('d-none');
+        {% if shop.env == 0 %}
+          $('.relative_product__title')[products.length?"show":"hide"]();
+        {% else %}
+          if (products.length < related_count) {
+            products = products.concat(Array.apply(null, Array(related_count - products.length)).map(function(){ return {
+              image: { src: '{{ '0745b09b31974decc653e9a927fb444c.jpg' | img_url }}', width: 100, height: 100 },
+              compare_at_price: '99.99',
+              price: '88.88',
+              available: true,
+              published: true,
+              isMock: true,
+              title: 'Product Title'
+            }; }));
+          }
+        {% endif %}
+        var colMd = 'col-md-6';
+        colMd = ["","col-md-6","col-md-6","col-md-4","col-md-3","col-md-2_4"][related_count] || colMd;
+        var render = function () {
+          var count = 0;
+          products.length < related_count ? (count = products.length) : (count = related_count);
+          $section.find('.relative_product__content').html(window.template('relative-product-art-tpl', {
+            products:  new Array(count).fill(0).map(function (item, i) {
+              return products[((page-1)*related_count+i)%(products.length)];
+            }),
+            colMd: colMd
+          }));
+          console.log()
+          page+=1;
+        };
+        render();
+        $(document).on('click', '.relative_product__change', render);
+      });
+    });
+  });
+{% endjavascript %}
+
+{% schema %}
+{
+  "name": "relative_product",
+  "templates": [
+    "product"
+  ],
+  "limit": 1,
+  "settings": [
+    {
+      "type": "text",
+      "id": "heading",
+      "label": {
+        "en-US": "Heading",
+        "zh-CN": "标题"
+      },
+      "default": "You may also like"
+    },
+    {
+      "type": "range",
+      "id": "product_number",
+      "step": 1,
+      "max": 5,
+      "min": 2,
+      "label": {
+        "zh-CN": "商品总数",
+        "en-US": "Products number"
+      },
+      "default": 4,
+      "unit": ""
+    }
+  ],
+  "presets": [
+    {
+      "name": "relative_product",
+      "cname": {
+        "en-US": "Product recommendations",
+        "zh-CN": "商品推荐"
+      },
+      "category": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "ccategory": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "display": true
+    }
+  ]
+}
+{% endschema %}

package/fixtures/sections/reviews.liquid

@@ -0,0 +1,115 @@
+{% assign defaultImg = 'oss/operation/1468cb0e248c143782cd5161c2a81455.png' | img_url: '1080x' %}
+
+<div class="container">
+  <div class="row d-block reviews-product-container pt-5" data-aos="reviews">
+    <div class="reviews-product">
+    {% assign first_product_id = '0' %}
+    {% for i in (1..4) %}
+      {% assign key = i | prepend:"product" %}
+      {% assign product_id =  section.settings[key].id %}
+      {% assign product = all_products[product_id] %}
+      {% if first_product_id == '0' and product.published and product.available %}
+        {% assign first_product_id = product_id %}
+      {% endif %}
+      {% if product.published and product.available %}
+        <div class="review-product-item {% if first_product_id == product_id %}on{% endif %}" data-review-product-id="{{product_id}}">
+          <div class="image-wrap lazyload" data-bgset='{%if product.image.src %}{{ product.image.src }}{% else %}{{ defaultImg }}{% endif %}' alt="{{ product.image.alt | default: product.title }}" title="{{ product.image.alt || product.title }}"></div>
+          <h3>{%if product.title %}{{ product.title }}{% else %}Example product{% endif %}</h3>
+        </div>
+      {%else%}
+        <div class="review-product-item" data-review-product-id="">
+          <div class="image-wrap lazyload" data-bgset='{{ defaultImg }}' alt="" title=""></div>
+          <h3>Example product</h3>
+        </div>
+      {% endif %}
+    {% endfor %}
+
+    </div>
+  </div>
+  <div class="row d-block reviews-content reviews-section" id="section-{{section.id}}-contents" data-product-reviews="{{ first_product_id }}">
+  <div class="sep-loading__content reviews-content-loading"></div>
+  </div>
+</div>
+
+{% use 'reviews.css' %}
+
+{% javascript %}
+   $(function () {
+     $(document.body).on('click', '.review-product-item', function (event) {
+       $(this).addClass('on').siblings().removeClass('on');
+       $("#section-{{section.id}}-contents").attr("data-product-reviews", $(this).attr("data-review-product-id")).html('<div class="sep-loading__content reviews-content-loading"></div>');
+       $(document.body).trigger("update_section_review");
+       !event.isTrigger && this.scrollIntoView({
+        behavior: "smooth",
+        block: "start",
+        inline: "center"
+      });
+     });
+     $('.review-product-item:eq(0)').click();
+   })
+{% endjavascript %}
+
+{% schema %}
+{
+  "name": "reviews",
+  "settings": [
+    {
+      "type": "product",
+      "id": "product1",
+      "label": {
+        "zh-CN": "商品",
+        "en-US": "Product"
+      },
+      "default": ""
+    },
+    {
+      "type": "product",
+      "id": "product2",
+      "label": {
+        "zh-CN": "商品",
+        "en-US": "Product"
+      },
+      "default": ""
+    },
+    {
+      "type": "product",
+      "id": "product3",
+      "label": {
+        "zh-CN": "商品",
+        "en-US": "Product"
+      },
+      "default": ""
+    },
+    {
+      "type": "product",
+      "id": "product4",
+      "label": {
+        "zh-CN": "商品",
+        "en-US": "Product"
+      },
+      "default": ""
+    }
+  ],
+  "blocks": [],
+  "presets": [
+    {
+      "name": "reviews",
+      "cname": {
+        "zh-CN": "评论",
+        "en-US": "Testimonial"
+      },
+      "category": {
+        "en-US": "Material",
+        "zh-CN": "素材"
+      },
+      "ccategory": {
+        "en-US": "Material",
+        "zh-CN": "素材"
+      },
+      "display": true,
+      "blocks": [],
+      "icon": "oss/operation/e0ccc00871bdced0e572c90bfabfcacc.png"
+    }
+  ]
+}
+{% endschema %}

package/fixtures/sections/rich_text.liquid

@@ -0,0 +1,157 @@
+{% use 'rich_text.css' %}
+<div class="container container-gap">
+  <div class="row">
+    {% assign  width= section.settings.width %}
+    {% assign  text_size= section.settings.text_size %}
+    <div class="rich-text container-gap mb-padding text-center rich-text__width_{{width}}">
+      {% for block in section.blocks %}
+        {% if block.type == 'heading' and block.settings.title %}
+          <div class="rich-text__title rich-text__title_{{ text_size }} dj_skin_title_font">{{ block.settings.title | escape }}</div>
+        {% endif %}
+        {% if block.type == 'text' and block.settings.text %}
+          <div class="dj-mce-view rich-text__text_{{ text_size }} dj_skin_text">{{ block.settings.text }}</div>
+        {% endif %}
+      {% endfor %}
+    </div>
+  </div>
+</div>
+
+
+
+{% schema %}
+{
+  "name": "rich_text",
+  "max_blocks": 2,
+  "settings": [
+    {
+      "type": "select",
+      "id": "text_size",
+      "label": {
+        "zh-CN": "字体大小",
+        "en-US": "Font Size"
+      },
+      "default": "medium",
+      "options": [
+        {
+          "value": "large",
+          "label": {
+            "zh-CN": "大",
+            "en-US": "Large"
+          }
+        },
+        {
+          "value": "medium",
+          "label": {
+            "zh-CN": "中",
+            "en-US": "Medium"
+          }
+        },
+        {
+          "value": "small",
+          "label": {
+            "zh-CN": "小",
+            "en-US": "Small"
+          }
+        }
+      ]
+    },
+    {
+      "type": "select",
+      "id": "width",
+      "label": {
+        "en-US": "Text width",
+        "zh-CN": "文本宽度"
+      },
+      "default": "large",
+      "options": [
+        {
+          "value": "large",
+          "label": {
+            "zh-CN": "大（1080px）",
+            "en-US": "Large（1080px）"
+          }
+        },
+        {
+          "value": "medium",
+          "label": {
+            "zh-CN": "中（760px）",
+            "en-US": "Medium（760px）"
+          }
+        }
+      ]
+    }
+  ],
+  "blocks": [
+    {
+      "type": "heading",
+      "name": {
+        "zh-CN": "标题",
+        "en-US": "Heading"
+      },
+      "limit": 1,
+      "settings": [
+        {
+          "type": "text",
+          "id": "title",
+          "label": {
+            "en-US": "Heading",
+            "zh-CN": "标题"
+          },
+          "default": "Talk about your brand"
+        }
+      ]
+    },
+    {
+      "type": "text",
+      "name": {
+        "zh-CN": "文字",
+        "en-US": "Text"
+      },
+      "limit": 1,
+      "settings": [
+        {
+          "type": "richtext",
+          "id": "text",
+          "label": {
+            "en-US": "Text",
+            "zh-CN": "文本"
+          },
+          "default": "<p><span>A sentence or two introducing your brand, what you sell, and what makes your brand compelling to customers.</span></p>"
+        }
+      ]
+    }
+  ],
+  "presets": [
+    {
+      "name": "rich_text",
+      "cname": {
+        "en-US": "Rich text",
+        "zh-CN": "富文本"
+      },
+      "category": {
+        "en-US": "Material",
+        "zh-CN": "素材"
+      },
+      "ccategory": {
+        "en-US": "Material",
+        "zh-CN": "素材"
+      },
+      "display": true,
+      "blocks": [
+        {
+          "type": "heading",
+          "settings": {
+            "title": "Talk about your brand"
+          }
+        },
+        {
+          "type": "text",
+          "settings": {
+            "text": "<p><span>A sentence or two introducing your brand, what you sell, and what makes your brand compelling to customers.</span></p>"
+          }
+        }
+      ]
+    }
+  ]
+}
+{% endschema %}