wickes-css2 2.98.0-develop.1 → 2.98.0-develop.10

package/src/page_my-account_tradePro-with-google-banner.html

@@ -1,147 +0,0 @@
-{{#extend "my-account" pageClass="page_my-account_new page_my-account_tradePro" title="My TradePro Account" 
-  logo-tp=true
-  tradepro-nav=true
-  googleBanner=true
-  pageMyAcc=true
-}}
-{{#content "head" mode="append"}}
-<link type="text/css" rel="stylesheet" href="./css/pages/page_my-account_tradePro.css">
-{{/content}}
-{{#content "heading"}}
-{{> notifications notification-page.updated classModifier="personal-update-warning  notification_success" withCloseBtn="true"}}
-{{> account-heading title="My TradePro Account"}}
-{{/content}}
-{{#content "aside"}}
-{{> aside-nav2 my-account-tradePro-menu-new active-index="0" page-name="MY TRADEPRO ACCOUNT" tradePro="true"}}
-{{/content}}
-{{#content "main"}}
-<div class="table table_profile my-account-section_details my-account_new_order">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-box-open"></i>
-      </div>
-      <div class="table__content-heading">Order history</div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_tradePro_order-history.html" class="btn btn-secondary">View orders</a>
-  </div>
-</div>
-<div class="table table_profile my-account-section_details my-account_mp">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="far fa-sliders-h"></i>
-      </div>
-      <div class="table__content-heading">Marketing Preferences</div>
-    </div>
-    <div class="row">
-      <div class="acc-icon pt-3"></div>
-      <div class="col opted">
-        <div class="table__content-heading opted__quest">Opted in</div>
-        <span class="table__content-info table__content-info-mob">Yes</span>
-      </div>
-      <div class="col opted opted-desk">
-        <div class="table__content-info table__content-info-desk opted__value">Yes</div>
-      </div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_marketing-preferences.html" class="btn btn-secondary">Update marketing preferences</a>
-  </div>
-</div>
-{{> table_profile please-email=true icon=true mod="my-account_new_name" tradePro=true}}
-<div class="table table_profile my-account-section_details my-account_new_email">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-envelope"></i>
-      </div>
-      <div class="table__content-heading">Email</div>
-    </div>
-    <div class="row">
-      <div class="acc-icon"></div>
-      <div class="col table__content-info">Test@Test.com</div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_my-account_change-email_tradePro.html" class="btn btn-secondary">Change email address</a>
-    <a href="page_my-account_change-password_tradePro.html" class="btn btn-secondary">Change your password</a>
-  </div>
-</div>
-<div class="table table_profile my-account-section_details my-account_new_address">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-book"></i>
-      </div>
-      <div class="table__content-heading">Address</div>
-      <div class="col table__content-address">
-        <span>1 Test road, testington, TES T10</span>
-      </div>
-    </div>
-    <div class="row my-tradePro-acc_business-address">
-      <div class="acc-icon">
-        <i class="fas fa-hard-hat"></i>
-      </div>
-      <div class="table__content-heading">Business Address</div>
-      <div class="col table__content-address">
-        <span>1 Test road, testington, TES T10</span>
-      </div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_my-account_address-book_tradePro.html" class="btn btn-secondary">Manage address book</a>
-  </div>
-</div>
-<div class="table table_profile my-account-section_details my-account_new_payment">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-credit-card-front"></i>
-      </div>
-      <div class="table__content-heading">Payment details</div>
-      <div class="col">41111*****11111</div>
-    </div>
-    <div class="row">
-      <div class="acc-icon"></div>
-      <div class="table__content-heading">Billing address</div>
-      <div class="col table__content-address">1 Test road, testington, TES T10</div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_my-account_payment-details_tradePro.html" class="btn btn-secondary">Manage payment details</a>
-  </div>
-</div>
-<div class="table table_profile my-account-section_details my-account_new_tradepro">
-  <div class="table__content">
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-hard-hat"></i>
-      </div>
-      <div class="table__content-heading">TradePro Discount</div>
-      <div class="col table__content-address">
-        <span>In-store & online discount code</span>
-      </div>
-    </div>
-    <div class="row">
-      <div class="acc-icon">
-        <i class="fas fa-gift"></i>
-      </div>
-      <div class="table__content-heading">TradePro Rewards</div>
-      <div class="col table__content-address">
-        <span>Rewards & competitions</span>
-      </div>
-    </div>
-  </div>
-  <div class="table__actions">
-    <a href="page_tradePro_discount.html" class="btn btn-secondary">View TradePro Discount</a>
-    <a href="page_tradePro_rewards.html" class="btn btn-secondary">View TradePro Reward
-      <span class="rewards-counter">0</span>
-    </a>
-  </div>
-</div>
-<!-- /.my-account-section -->
-{{/content}}
-{{/extend}}

package/src/page_product-details_google-banner.html

@@ -1,124 +0,0 @@
-{{#extend "base" pageClass="page-product-details" title="Product details page new"
-          isDiscount=true
-          isSQM=true
-          isDescription=false
-          isCashback=false
-          isSize=true
-          isGuide=true
-          hourly-delivery=true
-          badge-text='15% off'
-          badge-color='yellow'
-          badge-text-color='gray'
-          currentlyInStock=true
-          pagePdp=true
-          googleBanner="true"
-}}
-    {{#content "body"}}
-        <main class="pdp__main">
-            <div class="container">
-                <div class="pdp">
-                    <div class="pdp__title">
-                        <h1 class="pdp__heading">Bosch PSB 1800 LI-2 18V Li-Ion Cordless Combi Drill Example with long
-                            title in two raws
-                        </h1>
-                        <div class="pdp__reviews_small">
-                            <span class="product-code product-code-v2">Product code: <strong>132176</strong></span>
-                            <div class="product-card__reviews review-star">
-                                <div class="product-rating product-rating-v2">
-                                    <div class="rating-bg">
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                        <i class="fa fa-star" aria-hidden="true"></i>
-                                        <div class="rating-overlay"
-                                             data-rating="{{#if review-rating}}{{review-rating}}{{else}}0{{/if}}">
-                                            <i class="fa fa-star" aria-hidden="true"></i>
-                                            <i class="fa fa-star" aria-hidden="true"></i>
-                                            <i class="fa fa-star" aria-hidden="true"></i>
-                                            <i class="fa fa-star" aria-hidden="true"></i>
-                                            <i class="fa fa-star" aria-hidden="true"></i>
-                                        </div>
-                                    </div>
-                                </div>
-                                <span class="review-star-average review-star-average-v2">(4.6)</span>
-                            </div>
-                            <span class="pdp__reviews-link-wrap"><a href="#" data-link="#pdp-reviews" id="open-review">82 reviews</a></span>
-                        </div>
-                    </div>
-
-                    <div class="pdp__gallery">
-                        {{> gallery-pdp-v2 }}
-                    </div>
-                    <div class="pdp__aside">
-                        {{>
-                        price-block-v2
-                        isProductSaved=false
-                        isUserLogedOut=true
-                        install=true
-                        sample=false
-                        def-store=true
-                        nearestAmount=12
-                        cc=false
-                        delivery=true
-                        default-store=true
-                        more-stores-present=true
-                        current-store-details=false
-                        toBeDefaultName="Watford"
-                        amount="12"
-                        nearestDistance="1.4"
-                        distance="1.4"
-                        nearestName="Watford"
-                        }}
-                        {{> fulfilment-accordions }}
-                    </div>
-                    <div class="pdp__description">
-                        {{> product-main-info-v2 }}
-                    </div>
-                    {{> fulfilment-accordions }}
-                </div>
-            </div>
-            <div class="container container-info">
-                <div class="pdp">
-                    <div class="pdp__info">
-                        {{> pdp-info-v2 }}
-                    </div>
-                </div>
-            </div>
-                {{> recently-viewed }}
-
-                {{> similar-products-v2 }}
-
-                {{> seo-widgets title="More products" }}
-                {{> seo-widgets title="Related category" }}
-        </main>
-    {{/content}}
-    {{#content "foot" mode="append"}}
-        <script type="text/html" id="mini-basket-popup">
-                {{> popover-mini-basket mod="popover-mini-basket_just-added" products=mini-basket.just-added just-added=true}}
-        </script>
-        <script defer src="./js/page/pdp.js"></script>
-        {{> click-and-collect-modal pdp=pdp}}
-    {{/content}}
-{{/extend}}
-<!--<script defer src="./js/components/badge-cashback.js"></script>-->
-<script>
-    if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
-        $(document).ready(function () {
-            $('.modal').on('scroll', function () {
-                $(':focus').blur();
-            });
-        });
-    }
-
-    $(document).ready(function () {
-
-        $('#info-details').toggleClass('accordion_collapsed');
-        $('#details-content').css('display', 'block');
-
-        $('#open-review').on('click', function () {
-            $('#info-review').toggleClass('accordion_collapsed');
-            $('#review-content').css('display', 'block');
-        })
-    })
-</script>

package/src/page_shopping-cart-charity.html

@@ -1,56 +0,0 @@
-{{#extend "right-aside" page_shopping-cart pageClass="page_basket" title="Basket" pageBasket=true}}
-  {{#content "head" mode="append"}}
-    <link type="text/css" rel="stylesheet" href="./css/pages/page_shopping-cart.css">
-    <link type="text/css" rel="stylesheet" href="./css/pages/checkout.css">
-  {{/content}}
-  {{#content "heading"}}
-    <div class="notification-area desktop">
-      {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
-    </div>
-
-    <div class="page-header">
-      <a href="./" class="page-header__back-link">Continue shopping</a>
-
-      <div class="notification-area mobile">
-        {{> notifications notification-page.warning-tiles-changed withCloseBtn="true"}}
-      </div>
-
-      <h1 class="page-header__title">Your Basket</h1>
-    </div>
-  {{/content}}
-  {{#content "main"}}
-    {{> checkout_actions
-        top-actions=true
-        modifier="checkout-widget__basket-block_small"}}
-    {{> checkout_order-summary_basket label="Total: " id=1 }}
-    {{#extend "lines-group" name="For delivery" count=4 id=136589003}}
-      {{#content "content"}}
-        {{#each linesDelivery}}
-          {{>order-line mod="order-line_shrink" dynamic=true deliveryChecked=true pageShopCart=true}}
-        {{/each}}
-      {{/content}}
-    {{/extend}}
-    {{#if charityDonations}}
-        {{> charity-donations charityDonations}}
-        {{#each linesCharity}}
-          {{>order-line mod="order-line_shrink" dynamic=true}}
-        {{/each}}
-    {{/if}}
-  {{/content}}
-  {{#content "aside"}}
-      {{> checkout_order-summary_basket label="Total: " id=2}}
-  {{/content}}
-  {{#content "prefooter"}}
-<div class="container component pb-0">
-    <hr>
-</div>
-
-  {{/content}}
-  {{#content "footer"}}
-    {{> footer_basket }}
-  {{/content}}
-  {{#content "foot" mode="append"}}
-    <script defer src="./js/page/basket.js"></script>
-    {{> click-and-collect-modal }}
-  {{/content}}
-{{/extend}}

package/src/scss/components/_google_banner-critical.scss

@@ -1,66 +0,0 @@
-.google_banner {
-  height: 115px;
-
-  .banner {
-    position: relative;
-    width: 100%;
-    background: $white;
-    z-index: 1031;
-
-    &-wrapper {
-      @include make-container;
-      @include make-container-max-widths;
-      position: relative;
-    }
-
-    &-inner {
-      @include make-row;
-      flex-wrap: nowrap;
-      padding: 16px 0;
-      height: 115px;
-
-      &__logo {
-        @include make-col-ready;
-        width: 75px;
-      }
-
-      &__head {
-        @include make-col-ready;
-        display: flex;
-        flex-direction: column;
-
-        .header-text {
-          font-size: 16px;
-          font-weight: 500;
-          line-height: 19px;
-          white-space: nowrap;
-          margin-bottom: 10px;
-        }
-      }
-
-      &__action {
-        @include make-col-ready;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: flex-end;
-
-        &-close {
-          position: relative;
-          top: 0;
-          left: 0;
-          font-size: 1.3125rem;
-        }
-
-        .btn_install {
-          background-color: $blue-dark;
-          color: $white;
-          font-size: 14px;
-          font-weight: 500;
-          letter-spacing: .5px;
-          line-height: 16px;
-        }
-      }
-    }
-  }
-}

package/src/scss/components/_google_banner.scss

@@ -1,80 +0,0 @@
-.google_banner {
-  height: 115px;
-
-  .banner {
-    position: relative;
-    width: 100%;
-    background: $white;
-    z-index: 1031;
-
-    &-wrapper {
-      @include make-container;
-      @include make-container-max-widths;
-      position: relative;
-    }
-
-    &-inner {
-      @include make-row;
-      flex-wrap: nowrap;
-      padding: 16px 0;
-      height: 115px;
-
-      &__logo {
-        @include make-col-ready;
-        width: 75px;
-      }
-
-      &__head {
-        @include make-col-ready;
-        display: flex;
-        flex-direction: column;
-
-        .header-text {
-          font-size: 16px;
-          font-weight: 500;
-          line-height: 19px;
-          white-space: nowrap;
-          margin-bottom: 10px;
-        }
-      }
-
-      &__action {
-        @include make-col-ready;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        align-items: flex-end;
-
-        &-close {
-          position: relative;
-          top: 0;
-          left: 0;
-          font-size: 1.3125rem;
-        }
-
-        .btn_install {
-          background-color: $blue-dark;
-          color: $white;
-          font-size: 14px;
-          font-weight: 500;
-          letter-spacing: .5px;
-          line-height: 16px;
-        }
-      }
-    }
-  }
-}
-
-@include media-breakpoint-down(xs) {
-  .google_banner {
-    .banner-inner {
-      &__action {
-        padding-left: 0;
-      }
-
-      &__head {
-        padding-right: 0;
-      }
-    }
-  }
-}