shoplazza-cli 0.0.1

package/fixtures/assets/three_images.scss

@@ -0,0 +1,20 @@
+@import './tools.scss';
+
+.three-image__image {
+  margin-bottom: px-to-rem($mb_row_padding);
+
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+@media ($pc) {
+  .three-image__row {
+    margin: 0 px-to-rem(- $bootstrap_padding - $pc_row_padding / 2);
+  }
+
+  .three-image__image {
+    padding: 0 px-to-rem($pc_row_padding / 2);
+    margin-bottom: 0;
+  }
+}

package/fixtures/assets/tools.scss

@@ -0,0 +1,23 @@
+$primary-color: #212121;
+$white: #fff;
+$black: #000;
+$mb_row_padding: 30/2; // mobile row gap between products
+$mb_row_margin: 65/2; // mobile col gap between products
+$pc_row_padding: 24; // pc row gap between products
+$pc_row_margin: 40; // pc col gap between products
+
+$mb_collection_row_padding: 30/2; // mobile row gap between products
+$mb_collection_row_margin: 30/2; // mobile col gap between products
+$pc_collection_row_padding: 12; // pc row gap between products
+$pc_collection_row_margin: 12; // pc col gap between products
+
+$bootstrap_padding: 15; // bootstrap common padding
+
+$sm_mobile: 'max-width: 321px';
+$md: 'max-width: 991.98px';
+$mobile: 'max-width: 767.98px';
+$pc: 'min-width: 768px';
+
+@function px-to-rem ($px) {
+  @return $px / 16 * 1rem;
+}

package/fixtures/assets/two_images.scss

@@ -0,0 +1,24 @@
+@import './tools.scss';
+
+@media ($mobile) {
+  .two-image {
+    &__image {
+      &:last-child {
+        margin-top: px-to-rem($mb_row_padding);
+        margin-bottom: px-to-rem($mb_row_padding);
+      }
+    }
+  }
+}
+
+@media ($pc) {
+  .two-image {
+    &__row {
+      margin: 0 px-to-rem(- $bootstrap_padding - $pc_row_padding / 2);
+    }
+
+    &__image {
+      padding: 0 px-to-rem($pc_row_padding / 2);
+    }
+  }
+}

package/fixtures/assets/video.scss

@@ -0,0 +1,45 @@
+@import './tools.scss';
+
+.video {
+  width: 100%;
+  overflow: hidden;
+
+  @media ($mobile) {
+    padding: 0 15px;
+  }
+
+  &__title {
+    text-align: center;
+    font-weight: 500;
+    margin-bottom: px-to-rem(24);
+
+    @media ($mobile) {
+      white-space: normal;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      margin-bottom: px-to-rem(20);
+    }
+  }
+
+  &__wrapper {
+    position: relative;
+    width: 100%;
+    height: 0;
+    padding-bottom: 56.25%;
+    overflow: hidden;
+    background: #f7f7f7 !important;
+
+    img {
+      position: absolute;
+      width: 100%;
+      height: auto;
+    }
+
+    iframe {
+      width: 100%;
+      height: 100%;
+      position: absolute;
+    }
+  }
+}

package/fixtures/assets/video_text.scss

@@ -0,0 +1,63 @@
+@import './tools.scss';
+
+
+.video-text {
+  &__video {
+    @media ($mobile) {
+      margin-bottom: px-to-rem(20);
+      order: 0;
+    }
+
+    @media ($pc) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    &_wrapper {
+      position: relative;
+      width: 100%;
+      height: 0;
+      padding-bottom: 56.25%;
+      overflow: hidden;
+      background: rgb(247, 247, 247);
+
+      &-iframe {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+      }
+
+      &-default {
+        position: absolute;
+        width: 100%;
+      }
+    }
+  }
+
+  &__text {
+    @media ($mobile) {
+      order: 1;
+      text-align: center;
+    }
+
+    &_title {
+      font-size: px-to-rem(24);
+      font-weight: 500;
+      margin-bottom: px-to-rem(20);
+
+      @media ($pc) {
+        font-size: px-to-rem(30);
+        margin-bottom: px-to-rem(24);
+      }
+    }
+
+    &__desc {
+      font-size: px-to-rem(14);
+    }
+
+    @media ($pc) {
+      padding-left: 0;
+      padding-right: 10%;
+    }
+  }
+}

package/fixtures/config/settings_data.json

@@ -0,0 +1,107 @@
+{
+  "current": {
+    "general_layout_width": 1080,
+    "general_layout_spacing": 40,
+    "skin_bg": "#FFFFFF",
+    "skin_title_color": "#000000",
+    "skin_text_color": "#999999",
+    "skin_price_color": "#9B3C44",
+    "skin_compare_at_price_color": "#999999",
+    "skin_primary_btn_bg_color": "#212121",
+    "skin_primary_btn_text_color": "#FFFFFF",
+    "skin_primary_btn_border_color": "#212121",
+    "skin_secondary_btn_bg_color": "#FFFFFF",
+    "skin_secondary_btn_text_color": "#212121",
+    "skin_title_font_family": "work_sans_n7",
+    "skin_text_font_family": "work_sans_n4",
+    "skin_btn_font_family": "work_sans_n4",
+    "skin_product_header_font_family": "work_sans_n4",
+    "skin_title_font_size": 34,
+    "skin_product_header_font_size": 13,
+    "skin_price_font_size": 15,
+    "skin_compare_at_price_font_size": 15,
+    "is_compare_at_price_show": true,
+    "is_discount_show": true,
+    "label_style": "triangle",
+    "label_background_color": "#9B3C44",
+    "label_color": "#FFFFFF",
+    "vendor_enable": false,
+    "product_save_amount": false,
+    "is_sales_show": false,
+    "is_brief_show": true,
+    "is_quantity_box_show": true,
+    "is_select_default_variants": true,
+    "variant_type": "button",
+    "is_stock_show": true,
+    "is_add_to_cart_show": true,
+    "is_payment_btn_show": true,
+    "is_quick_view_btn_show": true,
+    "add_to_cart_process": "to_toast",
+    "quick_view_btn_text": "Quick View",
+    "product_grid_image_size": "100%",
+    "is_cart_recommended_products_show": true,
+    "cart_recommended_products_number": 4,
+    "facebook_url": "https://www.facebook.com",
+    "instagram_url": "https://instagram.com",
+    "twitter_url": "https://twitter.com",
+    "pinterest_url": "https://pinterest.com",
+    "youtube_url": "https://youtube.com",
+    "sections": {
+      "header": {
+        "type": "header",
+        "settings": {
+          "is_announce_show": true,
+          "is_announce_show_only_on_home": false,
+          "announce_title": "We Offer Free Shipping Worldwide.",
+          "announce_src": "",
+          "shop_logo": "",
+          "alignment": "center",
+          "cart_style": "cart",
+          "is_currency_show": true,
+          "is_account_show": true,
+          "is_search_show": true,
+          "is_header_fixed": true,
+          "menu_id": {
+            "id": "header",
+            "type": "menu",
+            "title": {
+              "en-US": "Main menu",
+              "zh-CN": "顶部导航菜单"
+            }
+          },
+          "announce_color": "#FFFFFF",
+          "announce_bg_color": "#7796A8",
+          "menu_color": "#3D4246",
+          "menu_bg_color": "#FFFFFF",
+          "logo_color": "#000000",
+          "logo_icon_color": "#3D4246",
+          "logo_bg_color": "#FFFFFF"
+        },
+        "blocks": []
+      },
+      "footer": {
+        "type": "footer",
+        "settings": { "special_desc": "", "footer_bg_color": "#222F3E", "footer_text_color": "#A6ABB1", "footer_title_color": "#FFFFFF", "footer_payment_icon": true },
+        "blocks": [
+          { "type": "social", "settings": { "instagram_url": true, "facebook_url": true, "twitter_url": true } },
+          {
+            "type": "menu",
+            "settings": {
+              "title": "SUPPORT",
+              "menu": {
+                "id": "footer",
+                "type": "menu",
+                "title": {
+                  "en-US": "Footer menu",
+                  "zh-CN": "页尾菜单"
+                }
+              }
+            }
+          },
+          { "type": "info", "settings": { "logo_src": "", "richtext": "<p><span>Use this text to share information about your brand with your customers.</span></p>" } }
+        ]
+      }
+    }
+  },
+  "presets": []
+}