shoplazza-cli 0.0.1

package/fixtures/snippets/settings.liquid

@@ -0,0 +1,295 @@
+{% assign titleFont = settings.skin_title_font_family %}
+{% assign textFont = settings.skin_text_font_family %}
+{% assign btnFont = settings.skin_btn_font_family %}
+{% assign productHeaderFont = settings.skin_product_header_font_family %}
+
+{% capture titleFontDesc %}
+    font-family: {{titleFont.family}},{{titleFont.fallback_families}} !important;
+    font-style:{{titleFont.style}} !important;
+    font-weight:{{titleFont.weight}} !important;
+{% endcapture %}
+
+{% capture textFontDesc %}
+    font-family: {{textFont.family}},{{textFont.fallback_families}} !important;
+    font-style:{{textFont.style}} !important;
+    font-weight:{{textFont.weight}} !important;
+{% endcapture %}
+
+{% capture btnFontDesc %}
+    font-family: {{btnFont.family}},{{btnFont.fallback_families}} !important;
+    font-style:{{btnFont.style}} !important;
+    font-weight:{{btnFont.weight}} !important;
+{% endcapture %}
+
+{% capture productHeaderFontDesc %}
+    font-family: {{productHeaderFont.family}},{{productHeaderFont.fallback_families}} !important;
+    font-style:{{productHeaderFont.style}} !important;
+    font-weight:{{productHeaderFont.weight}} !important;
+{% endcapture %}
+<style type="text/css">
+:root {
+  --skin_primary_btn_bg_color: {{settings.skin_primary_btn_bg_color}};
+  --skin_primary_btn_text_color: {{settings.skin_primary_btn_text_color}};
+  --skin_bg: {{settings.skin_bg}};
+}
+
+@media (min-width: 768px){
+  {% assign general_layout_width = settings.general_layout_width | default: 1080 %}
+  {% assign general_layout_spacing = settings.general_layout_spacing | default: 40 %}
+  .container{
+    max-width: {{general_layout_spacing | times: 2 | plus : general_layout_width}}px !important;
+    padding-right: {{general_layout_spacing | plus : 15}}px !important;
+    padding-left: {{general_layout_spacing | plus : 15}}px !important;
+  }
+  .tw-container{
+    max-width: {{general_layout_spacing | times: 2 | plus : general_layout_width}}px !important;
+    padding-right: {{general_layout_spacing | plus : 15}}px !important;
+    padding-left: {{general_layout_spacing | plus : 15}}px !important;
+    margin: 0 auto;
+  }
+}
+
+.tw-container{
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+/* 字体 */
+{% assign titleFont = settings.skin_title_font_family %}
+{% assign textFont = settings.skin_text_font_family %}
+{% assign btnFont = settings.skin_btn_font_family %}
+{% assign productHeaderFont = settings.skin_product_header_font_family %}
+{% capture fonts %}{{ titleFont.font_face }}|{{ textFont.font_face }}|{{ btnFont.font_face }}|{{ productHeaderFont.font_face }}{% endcapture %}
+{% assign arr = fonts | split:"|" | uniq %}
+{% for f in  arr  %}{{ f }}{% endfor %}
+
+/* 页面背景 */
+.dj_skin_bg {
+  background-color: {{settings.skin_bg}} !important;
+}
+/* 全局标题 */
+.dj_skin_title {
+  color: {{settings.skin_title_color}} !important;
+  font-size: {{settings.skin_title_font_size}}px !important;
+  {{titleFontDesc}}
+}
+
+/* 全局标题 --- 不包含font-size */
+.dj_skin_title_font {
+  color: {{settings.skin_title_color}} !important;
+  {{titleFontDesc}}
+}
+
+.dj_skin_title_font_family {
+  {{titleFontDesc}}
+}
+
+/* 全局文本 */
+.dj_skin_text {
+  color: {{settings.skin_text_color}} !important;
+}
+
+.dj_skin_body {
+  -webkit-font-smoothing: antialiased;
+  {{textFontDesc}}
+}
+
+/* 全局文本字体 */
+.dj_skin_text_font_family {
+  {{textFontDesc}}
+}
+
+/*----------------------------*/
+
+/* 商品标题 */
+.dj_skin_product_title {
+  color: {{settings.skin_title_color}} !important;
+  {{titleFontDesc}};
+}
+
+/* 商品列表标题 */
+.dj_skin_product_list_title{
+  color: {{settings.skin_text_color}} !important;
+  font-size: {{settings.skin_product_header_font_size}}px !important;
+  {{productHeaderFontDesc}};
+}
+
+/* 商品标题字体 */
+.dj_skin_product_title_font_family{
+  {{productHeaderFontDesc}}
+}
+
+/* 商品副标题 */
+.dj_skin_product_brief_title {
+  {{textFontDesc}}
+}
+
+/* 商品现价 */
+.dj_skin_product_price {
+  color: {{settings.skin_price_color}} !important;
+  font-size: {{settings.skin_price_font_size}}px !important;
+  {{textFontDesc}}
+}
+
+/* 商品详情现价--不需要限制字体 */
+.dj_skin_product_detail_price {
+  color: {{settings.skin_price_color}} !important;
+  {{textFontDesc}}
+}
+
+/* 商品原价 */
+.dj_skin_product_compare_at_price {
+  color: {{settings.skin_compare_at_price_color}} !important;
+  font-size: {{settings.skin_compare_at_price_font_size}}px !important;
+  {{textFontDesc}}
+}
+
+/* 商品详情原价--不需要限制字体 */
+.dj_skin_product_detail_compare_at_price {
+  color: {{settings.skin_compare_at_price_color}} !important;
+  {{textFontDesc}}
+}
+
+/* 商品数目和排序 */
+.dj_skin_product_text {
+  color: {{settings.skin_text_color}} !important;
+  {{textFontDesc}}
+}
+
+/* 商品详情款式选择框 */
+.dj_skin_product_variants_selected {
+  color: {{settings.skin_primary_btn_bg_color}} !important;
+}
+
+.dj_skin_product_variants_selected:hover {
+  color: {{settings.skin_primary_btn_bg_color}} !important;
+}
+
+.dj_skin_product_variants_selected::before,.dj_skin_product_variants_selected label::before {
+  border: 2px solid {{settings.skin_primary_btn_bg_color}} !important;
+}
+
+{% assign label_color = settings.label_color | default: '#FFFFFF' %}
+{% assign label_background_color = settings.label_background_color | default: '#9B3C44' %}
+.product-info__label {
+  color: {{label_color}};
+  background: {{label_background_color}};
+}
+.product-info__label-triangle {
+  box-shadow: 0px -100px 0px 100px {{label_background_color}};
+}
+/* 优惠折扣标签同时存在 */
+{% if settings.is_discount_show and settings.product_save_amount %}
+  .product-info__discount-label{
+    font-size: 12px;
+  }
+  .product-info__save-label{
+    font-weight: 300;
+  }
+  .product-info__label-triangle{
+    max-width: 90px;
+  }
+  @media (max-width: 576px){
+    .product-info__discount-label, .product-info__label-badge .money{
+      font-size: 10px;
+    }
+    .product-info__save-label{
+      font-size: 12px;
+    }
+  }
+{% endif %}
+
+{% unless settings.is_discount_show  %}.product-info__header_tag{display:none!important;}{% endunless %}
+{% unless settings.skin_price_color  %}.dj_skin_product_detail_price{display:none!important;}{% endunless %}
+{% unless settings.is_compare_at_price_show  %}.dj_skin_product_compare_at_price{display:none!important;}{% endunless %}
+{% unless settings.is_sales_show  %}.product__select_modal .product-info__header_sales {display:none!important;}{% endunless %}
+{% unless settings.is_stock_show  %}.product-info__qty_stock {display:none!important;}{% endunless %}
+{% unless settings.is_brief_show  %}.product-info__header_brief {display:none!important;}{% endunless %}
+{% unless settings.is_quantity_box_show  %}.product-info__qty_container {display:none!important;}{% endunless %}
+{% unless settings.vendor_enable  %}.product-info__vendor {display:none!important;}{% endunless %}
+
+/*----------------------------*/
+/* 页尾 */
+.dj_skin_footer_title{
+  {{titleFontDesc}}
+}
+/*----------------------------*/
+.btn {
+  {{btnFontDesc}}
+}
+
+/* 主要按钮 */
+.btn-primary {
+  position: relative !important;
+  border-color: {{settings.skin_primary_btn_border_color}} !important;
+  background: {{settings.skin_primary_btn_bg_color}} !important;
+  color: {{settings.skin_primary_btn_text_color}} !important;
+}
+.btn-primary:hover {
+  color: {{settings.skin_primary_btn_text_color}} !important;
+  border-color: {{settings.skin_primary_btn_border_color}} !important;
+  background: {{settings.skin_primary_btn_bg_color}} !important;
+  opacity: .9 !important;
+}
+.btn-primary:active,.btn-primary:focus {
+  color: {{settings.skin_primary_btn_text_color}} !important;
+  border-color: {{settings.skin_primary_btn_border_color}} !important;
+  background: {{settings.skin_primary_btn_bg_color}} !important;
+  opacity: .9 !important;
+}
+.btn-primary:disabled,.btn-primary.disabled {
+  color: #f9f9f9 !important;
+  background: #d6d6d6 !important;
+  border: 1px solid #d6d6d6 !important;
+}
+
+/* 次级按钮 */
+.btn-secondary {
+  position: relative !important;
+  background: {{settings.skin_secondary_btn_bg_color}} !important;
+  color: {{settings.skin_secondary_btn_text_color}} !important;
+  border: 1px solid {{settings.skin_secondary_btn_text_color}} !important;
+}
+.btn-secondary:hover {
+  color: {{settings.skin_secondary_btn_text_color}} !important;
+  border: 1px solid {{settings.skin_secondary_btn_text_color}} !important;
+  background: {{settings.skin_secondary_btn_bg_color}} !important;
+  opacity: .9 !important;
+}
+.btn-secondary:active,.btn-secondary:focus {
+  color: {{settings.skin_secondary_btn_text_color}} !important;
+  border: 1px solid {{settings.skin_secondary_btn_text_color}} !important;
+  background: {{settings.skin_secondary_btn_bg_color}} !important;
+  opacity: .9 !important;
+}
+.btn-secondary:disabled,.btn-secondary.disabled {
+  background: #f9f9f9 !important;
+  color: #d6d6d6 !important;
+  border-color: #d6d6d6 !important;
+}
+
+{% comment %} 列表色卡 {% endcomment %}
+.color-swatch {
+  position: relative;
+  display: inline-block;
+  text-indent: -9999px;
+  overflow-y: hidden;
+  width: 14px;
+  height: 14px;
+  background-position: center;
+  background-size: cover;
+  background-repeat: no-repeat;
+  margin: 0 2px 2px 0;
+  border-radius: 50%;
+  border: 1px solid {{ settings.skin_primary_btn_border_color | default: '#212121' }};
+}
+@media (min-width: 768px){
+  .color-swatch {
+    width: 17px;
+    height: 17px;
+  }
+}
+</style>

package/fixtures/snippets/social-meta-tags.liquid

@@ -0,0 +1,106 @@
+{% assign template_base = template.name | split: '.' | first %}
+{% assign og_title = shop.name  %}
+{% assign og_url = canonical_url | default: shop.url %}
+{% assign og_type = 'website' %}
+{% assign og_description = page_description | default: shop.description | default: shop.name %}
+
+{% assign page_image = images[settings.homepage_social_image] %}
+
+{% if template_base == 'product' %}
+  {% assign og_title = product.title | strip_html %}
+  {% assign og_type = 'product' %}
+  {% assign og_description = product.meta_description | newline_to_br | replace: "<br />", " " | default: shop.name %}
+  {% if og_description == " " %}
+    {% assign og_description = shop.name %}
+  {% endif %}
+  {% if product.image %}
+    {% assign page_image = product.image %}
+  {% endif %}
+{% elsif template_base == 'article' %}
+  {% assign og_title = article.title | strip_html %}
+  {% assign og_type = 'article' %}
+  {% assign og_description = article.excerpt_or_content | strip_html %}
+  {% if article.image %}
+    {% assign page_image = article.image %}
+  {% endif %}
+{% elsif template_base == 'collection' %}
+  {% if collection.image.src != blank %}
+    {% assign page_image = collection.image %}
+  {% else %}
+    {% paginate collection.products by 1 %}
+      {% assign collection_product0 = collection.products[0] %}
+    {% endpaginate %}
+    {% if collection_product0 %}
+      {% assign page_image = collection_product0.image %}
+    {% endif %}
+  {% endif %}
+{% endif %}
+
+<meta property="og:site_name" content="{{ shop.name }}">
+<meta property="og:url" content="{{ og_url }}">
+<meta property="og:title" content="{{ og_title }}">
+<meta property="og:type" content="{{ og_type }}">
+<meta property="og:description" content="{{ og_description | strip_html | escape }}">
+{% if template_base == 'product' %}
+  {% unless product.published %}
+    {% assign availability = 'discontinued' %}
+  {% else %}
+    {% if product.available %}
+      {% assign availability = 'in stock' %}
+    {% else %}
+      {% assign availability = 'out of stock' %}
+    {% endif %}
+  {% endunless %}
+  {% assign selectedVariantId = "" %}
+  {% assign selectedVariant = nil %}
+  {%  if product.variants.size == 1 %}
+    {% for variant in product.variants %}
+      {% if variant.available_quantity > 0 %}
+        {% assign selectedVariantId = variant.id %}
+        {% break %}
+      {% endif %}
+    {% endfor %}
+  {%  endif %}
+
+  {% assign params = REQUEST_URI | split: "?" | last | split: "&" %}
+  {% for p in params %}
+    {% assign pair = p | split: "=" %}
+    {% if pair[0] contains "variant" and pair[1] != '' %}
+      {% assign selectedVariantId = pair[1] %}
+    {% endif  %}
+  {% endfor %}
+
+  {% for variant in product.variants %}
+    {% if variant.id == selectedVariantId %}
+      {% assign selectedVariant = variant %}
+    {% endif %}
+  {% endfor %}
+
+  {% if selectedVariant %}
+    {% if selectedVariant.available %}
+      {% assign availability = 'in stock' %}
+    {% else %}
+      {% assign availability = 'out of stock' %}
+    {% endif %}
+  {% endif %}
+  <meta property="product:price:amount" content="{% if selectedVariant %}{{ selectedVariant.price }}{% else %}{{ product.price }}{% endif %}">
+  <meta property="product:price:currency" content="{{shop.currency_code}}">
+  <meta property="product:condition" content="new">
+  <meta property="product:availability" content="{{ availability }}">
+  <meta property="product:retailer_item_id" content="{% if selectedVariant %}{{ selectedVariant.id }}{% else %}{{ product.id }}{% endif %}">
+  {% comment %} 预加载商品选中的第一张图片 {% endcomment %}
+  <link rel="preload" as="image" href="{% if selectedVariant and selectedVariant.image.src %}{{ selectedVariant.image.src | img_url: '1080x' }}{% else %}{{ product.image.src | img_url: '1080x' }}{% endif %}">
+{% endif %}
+
+{% if page_image.src %}
+  <meta property="og:image" content="http:{{ page_image | img_url }}">
+  <meta property="og:image:secure_url" content="https:{{ page_image | img_url }}">
+  <meta property="og:image:width" content="{{ page_image.width }}">
+  <meta property="og:image:height" content="{{ page_image.height }}">
+  <meta property="og:image:alt" content="{{ page_image.alt }}">
+{% endif %}
+
+<meta name="twitter:site" content="{{ settings.twitter_url | split: 'twitter.com/' | last | prepend: '@' }}">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="{{ og_title }}">
+<meta name="twitter:description" content="{{ og_description | strip_html | escape }}">

package/fixtures/snippets/video_html.liquid

@@ -0,0 +1,11 @@
+<div style="padding-bottom: {{ padding_bottom }};" class="video_play_controls {{class}}">
+  <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" poster="{{media.preview_image}}">
+    {% if media.hls %}
+      <source src="{{media.hls}}" type="application/x-mpegURL">
+    {% endif %}
+    {% if media.mp4 %}
+      <source src="{{media.mp4}}" type="video/mp4">
+    {% endif %}
+  </video>
+  <div class="video_pause_icon">{% include 'icon_video_play_large' %}</div>
+</div>

package/fixtures/snippets/video_source.liquid

@@ -0,0 +1,98 @@
+<style>
+  .video_play_controls {
+    position: relative;
+  }
+  .video_play_controls > video {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    bottom: 0px;
+    left: 0px;
+    margin: auto;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    cursor: pointer;
+  }
+  .video_play_controls::after {
+    content: '';
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+  }
+  .video_play_controls > .video_pause_icon {
+    display: none;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+  .video_play_controls > .video_pause_icon > svg {
+    display: block;
+  }
+  .video_play_controls.playing > .video_pause_icon {
+    display: none !important;
+  }
+  .slides-active .video_play_controls > .video_pause_icon,
+  .slick-active .video_play_controls > .video_pause_icon {
+    display: block;
+  }
+</style>
+
+<script>
+  try {
+    window.handleVideoClick = window.handleVideoClick || (e => {
+      const classList = e.target.classList;
+      if (!classList.contains('video_play_controls')) return;
+      const video = e.target.querySelector('video');
+      video.paused ? video.play() : video.pause();
+    });
+    document.removeEventListener('click', window.handleVideoClick);
+    document.addEventListener('click', window.handleVideoClick);
+    ['pause', 'ended'].forEach(event => {
+      window.addEventListener(event, e => {
+        const video = e.target;
+        video.parentNode.classList.remove('playing');
+      }, true);
+    });
+    document.addEventListener('play', e => {
+      const video = e.target;
+      video.parentNode.classList.add('playing');
+    }, true);
+  } catch (e) {
+    console.error(e);
+  }
+  window.addEventListener("load", () => {
+    window.template.defaults.imports.media_parse = function (url) {
+      var result = {};
+      try {
+        url.replace(/[?&]+([^=&]+)=([^&]*)/gi, function (str, key, value) {
+          try {
+            result[key] = decodeURIComponent(value);
+          } catch (e) {
+            result[key] = value;
+          }
+        });
+        result.preview_image = url.split('?')[0];
+      } catch (e) {};
+      return result;
+    }
+  });
+</script>
+
+
+<script type="text/html" id="video_html_tpl">
+  <div style="padding-bottom: <%= padding_bottom %>;" class="video_play_controls <%= class_name %>">
+    <video x5-playsinline="true" playsinline="true" webkit-playsinline="true" poster="<%-media.preview_image%>">
+      <% if (media.hls) { %>
+        <source src="<%-media.hls%>" type="application/x-mpegURL">
+      <% } %>
+      <% if (media.mp4) { %>
+        <source src="<%-media.mp4%>" type="video/mp4">
+      <% } %>
+    </video>
+    <div class="video_pause_icon">{% include 'icon_video_play_large' %}</div>
+  </div>
+</script>

package/fixtures/snippets/video_thumb_icon.liquid

@@ -0,0 +1,2 @@
+<div class="product-image__thumb-video d-none d-md-block">{% include 'icon_video_play_medium' %}</div>
+<div class="product-image__thumb-video d-md-none">{% include 'icon_video_play_small' %}</div>

package/fixtures/templates/404.liquid

@@ -0,0 +1 @@
+{"content_for_page":[1539137345643],"sections":{"1539137345643":{"type":"not_found","settings":{"style":"1"},"version":"1","card_name":"404\u9875\u9762","customer_card_extra":6,"customer_card_name":"404\u9875\u97626","is_new":true}}}

package/fixtures/templates/collection.liquid

@@ -0,0 +1,92 @@
+{
+  "content_for_page": [1646030043188, 1646030049883, 1646030047569, 1539149755240],
+  "sections": {
+    "1646030043188": {
+      "name": "collection_image",
+      "cname": {
+        "en-US": "Collection image",
+        "zh-CN": "专辑封面"
+      },
+      "category": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "ccategory": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "display": true,
+      "settings": {
+        "pc_img_height": 450,
+        "md_img_height": 200,
+        "cover_width": "auto"
+      },
+      "type": "collection_image"
+    },
+    "1646030049883": {
+      "name": "collection_name",
+      "cname": {
+        "en-US": "Collection name",
+        "zh-CN": "专辑名称"
+      },
+      "category": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "ccategory": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "display": true,
+      "settings": [],
+      "type": "collection_name"
+    },
+    "1646030047569": {
+      "name": "collection_desc",
+      "cname": {
+        "en-US": "Collection description",
+        "zh-CN": "专辑描述"
+      },
+      "category": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "ccategory": {
+        "en-US": "Page",
+        "zh-CN": "页面"
+      },
+      "display": true,
+      "settings": [],
+      "type": "collection_desc"
+    },
+    "1539149755240": {
+      "type": "collection_detail",
+      "settings": {
+        "sort": true,
+        "is_pagination_show": false,
+        "select": 48,
+        "filter": false
+      },
+      "version": "1",
+      "card_name": "专辑详情",
+      "customer_card_extra": 405,
+      "customer_card_name": "专辑详情405",
+      "is_new": true,
+      "blocks": [{
+        "type": "tag_filter",
+        "settings": {
+          "title": "Color",
+          "is_all_tags_show": true,
+          "tags": "red,yellow,blue"
+        }
+      }, {
+        "type": "price_filter",
+        "settings": {
+          "title": "Price",
+          "is_last_price_show": true,
+          "tags": "0,50,100"
+        }
+      }]
+    }
+  }
+}