wickes-css2 2.94.0-develop.5 → 2.94.0-ic-298-mega-nav.1

package/src/page_checkout_delivery-details.html

@@ -0,0 +1,221 @@
+{{#extend "checkout" pageClass="page_checkout-delivery-details" title="Checkout - Delivery details" logout=true isAsideSticky="true"}}
+{{#content "steps"}}
+{{> steps active-step-index="2" }}
+<div class="checkout-heading">
+  <h3>Products delivered by Wickes</h3>
+  <div class="checkout-heading__info-block">
+    <div class="checkout-heading__descr">
+      <p class="checkout-heading__paragraph">
+        Please choose a date for delivery from the calendar below
+      </p>
+    </div>
+  </div>
+</div>
+{{/content}}
+{{#content "main"}}
+<div class="component component-date-selection">
+  {{> date-selection}}
+</div>
+<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue
+  to payment details
+  <span class="icon">
+    <i class="fas fa-arrow-right"></i>
+  </span>
+</a>
+{{> checkout_delivery modal="modal-edit-delivery-address" }}
+{{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink" calculator-notification=true}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+<div class="delivery-details-option">
+  {{>checkout-supply-info checkout-components.supply-info.[0]}}
+</div>
+
+{{#extend "lines-group" name="Products delivered by our supplier expected within 7 working days" id=136589004 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+{{#extend "lines-group" name="Products delivered by our supplier expected within 14 working days" id=136589005 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+{{#extend "lines-group" name="Products delivered by our supplier expected within 21 working days" id=136589006 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+<div class="delivery-details-option__contact-details">
+  {{>checkout-supply-info checkout-components.supply-info.[1]}}
+  <form class="form-wrapper your-contact-details form-bg">
+    <div class="your-contact-details__row">
+      <div class="your-contact-details__descr">
+        <h3>Your contact details</h3>
+        <p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
+        <div class="warning-required">
+          Required fields
+        </div>
+        {{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
+        {{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
+        <h3>Simplify your collection</h3>
+        <p>All the Click & Collect items in your order are currently available at the following stores. Select
+          one of the store to collect all your items from the same location.
+        </p>
+        <div class="your-contact-details__checkbox-wrap">
+          <div class="your-contact-details__checkbox">
+            {{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
+            {{#content "html"}}
+            <span class="distance">6.2 Miles</span>
+            <div class="store-address">
+              <div class="store-address__street">Wickes Larch Street,</div>
+              <div class="store-address__town">Oldham</div>
+              <div class="store-address__city">Greater Manchester,</div>
+              <div class="store-address__postcode">OL8 1TA</div>
+              <div class="store-address__country">United Kingdom</div>
+            </div>
+            {{/content}}
+            {{/extend}}
+          </div>
+          <div class="your-contact-details__checkbox">
+            {{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
+            {{#content "html"}}
+            <span class="distance">4.9 Miles</span>
+            <div class="store-address">
+              <div class="store-address__street">Wickes Wynne Avenue,</div>
+              <div class="store-address__town"> Clifton, Swinton</div>
+              <div class="store-address__city">Greater Manchester,</div>
+              <div class="store-address__postcode">M27 8FU</div>
+              <div class="store-address__country">United Kingdom</div>
+            </div>
+            {{/content}}
+            {{/extend}}
+          </div>
+        </div>
+        <p class="order-update">I would like to update my order to collect all my items from one store.</p>
+      </div>
+    </div>
+    <div class="form-row form-row__action">
+      <div class="form-row__col-btn">
+        <button class="btn btn-primary">
+          <span class="btn__text">Simplify collection</span>
+        </button>
+      </div>
+    </div>
+  </form>
+</div>
+
+
+<div class="delivery-details-option delivery-details-option_time-slot">
+  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
+  <div class="delivery-details-option__delivery-info">
+    <div class="delivery-details-option__delivery-info-left">
+      {{>checkout-address-time time=true within=true}}
+    </div>
+    <div class="delivery-details-option__delivery-info-right">
+      {{>schedule}}
+    </div>
+  </div>
+</div>
+
+{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=132583005 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+<div class="delivery-details-option delivery-details-option_time-slot">
+  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
+  <div class="delivery-details-option__delivery-info">
+    <div class="delivery-details-option__delivery-info-left">
+      {{>checkout-address-time time=true within=true}}
+    </div>
+    <div class="delivery-details-option__delivery-info-right">
+      {{>schedule}}
+    </div>
+  </div>
+</div>
+
+{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589506 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details">Continue to
+  payment details
+  <span class="icon">
+    <i class="fas fa-arrow-right"></i>
+  </span>
+</a>
+
+{{/content}}
+{{#content "aside"}}
+{{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details.html'}}
+{{> checkout_voucher }}
+{{> checkout_delivery modal="modal-edit-delivery-address" }}
+{{> checkout_supplier-delivery edit="true" }}
+{{> checkout_click-and-collect invisibleForMobile="true" }}
+<a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue
+  to payment details
+  <span class="icon">
+    <i class="fas fa-arrow-right"></i>
+  </span>
+</a>
+{{/content}}
+{{#content "foot" mode="append"}}
+<script defer src="js/page/checkout-edit-address.js"></script>
+
+{{#extend "modal" classMod="edit-delivery-address" id="modal-edit-delivery-address" title="Edit delivery address" fullWidth=true}}
+{{#content "body"}}
+<div class="component">
+  {{> notifications
+  classModifier="notification_warning"
+  text="<strong>Please note:</strong> Changing your delivery address may impact our ability
+  to deliver your order on the date you have selected.<br/>
+  You may have to re-select your delivery date and slot after changing your delivery address."
+  warning=true
+  }}
+</div>
+{{> user-address-simplified modal="true" editUrl="page_checkout_delivery-address.html" radioName="checkout-edit-delivery-details" mod="js-selectable" isDeleted=false hasRemove=false}}
+<div class="edit-delivery-address__actions row">
+  <div class="edit-delivery-address__add-btn">
+    <a href="page_checkout_delivery-address.html" class="btn btn-secondary">
+      <span class="btn__text">Add new address</span>
+    </a>
+  </div>
+  <div class="edit-delivery-address__delivery-btn">
+    <button class="btn btn-action">
+      <span class="btn__text">Continue to delivery details</span>
+      <span class="icon">
+        <i class="fas fa-arrow-right"></i>
+      </span>
+    </button>
+  </div>
+</div>
+{{/content}}
+{{/extend}}
+
+{{/content}}
+{{/extend}}

package/src/page_checkout_delivery-details_guest-new.html

@@ -26,7 +26,7 @@
             </div>
 
             <div class="component component-date-selection">
-                {{> date-selection}}
+                {{> date-selection-v2}}
             </div>
 
             {{#with checkoutOrder.deliveryDeliveryDetails.[0]}}

package/src/page_checkout_delivery-details_guest.html

@@ -0,0 +1,198 @@
+{{#extend "checkout" pageClass="page_checkout-delivery-details" title="Checkout - Delivery details - Guest" isAsideSticky="true"}}
+  {{#content "steps"}}
+    {{> steps active-step-index="2" }}
+    <div class="checkout-heading">
+      <h3>Products delivered by Wickes</h3>
+    </div>
+  {{/content}}
+  {{#content "main"}}
+    <div class="component component-date-selection">
+      {{> date-selection}}
+    </div>
+    <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to Payment details
+      <span class="icon">
+        <i class="fas fa-arrow-right"></i>
+      </span>
+    </a>
+    {{> checkout_delivery modal="modal-edit-delivery-address" }}
+    {{#extend "lines-group" name="Products delivered by Wickes" id=136589003 collapsed=false}}
+      {{#content "content"}}
+        {{#each page_shopping-cart.linesCollection}}
+          {{>order-line mod="order-line_shrink"}}
+        {{/each}}
+      {{/content}}
+    {{/extend}}
+
+
+<div class="delivery-details-option">
+  {{>checkout-supply-info checkout-components.supply-info.[0]}}
+</div>
+{{#extend "lines-group" name="Products delivered by our supplier" id=136589004 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+
+  <div class="delivery-details-option__contact-details">
+    {{>checkout-supply-info checkout-components.supply-info.[1]}}
+    <form class="form-wrapper your-contact-details form-bg">
+      <div class="your-contact-details__row">
+        <div class="your-contact-details__descr">
+          <h3>Your contact details</h3>
+          <p>Please enter your phone number(s) below so we can contact you regarding your order.</p>
+          <div class="warning-required">
+            Required fields
+          </div>
+          {{> form-row type="tel" id="mobile" label="Mobile phone" required="true"}}
+          {{> form-row type="tel" id="home-phone" label="Home phone" row-mod="row-tel"}}
+          <h3>Simplify your collection</h3>
+          <p>All the Click & Collect items in your order are currently available at the following stores. Select
+            one of the store to collect all your items from the same location.
+          </p>
+          <div class="your-contact-details__checkbox-wrap">
+            <div class="your-contact-details__checkbox">
+              {{#extend "radiobutton" id="oldham" name="store" label="Oldham" checked="true"}}
+              {{#content "html"}}
+              <span class="distance">6.2 Miles</span>
+              <div class="store-address">
+                <div class="store-address__street">Wickes Larch Street,</div>
+                <div class="store-address__town">Oldham</div>
+                <div class="store-address__city">Greater Manchester,</div>
+                <div class="store-address__postcode">OL8 1TA</div>
+                <div class="store-address__country">United Kingdom</div>
+              </div>
+              {{/content}}
+              {{/extend}}
+            </div>
+            <div class="your-contact-details__checkbox">
+              {{#extend "radiobutton" id="clifton" name="store" label="Clifton"}}
+              {{#content "html"}}
+              <span class="distance">4.9 Miles</span>
+              <div class="store-address">
+                <div class="store-address__street">Wickes Wynne Avenue,</div>
+                <div class="store-address__town"> Clifton, Swinton</div>
+                <div class="store-address__city">Greater Manchester,</div>
+                <div class="store-address__postcode">M27 8FU</div>
+                <div class="store-address__country">United Kingdom</div>
+              </div>
+              {{/content}}
+              {{/extend}}
+            </div>
+          </div>
+          <p class="order-update">I would like to update my order to collect all my items from one store.</p>
+        </div>
+      </div>
+      <div class="form-row form-row__action">
+        <div class="form-row__col-btn">
+          <button class="btn btn-primary">
+            <span class="btn__text">Simplify collection</span>
+          </button>
+        </div>
+      </div>
+    </form>
+  </div>
+
+
+
+<div class="delivery-details-option delivery-details-option_time-slot">
+  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
+  <div class="delivery-details-option__delivery-info">
+    <div class="delivery-details-option__delivery-info-left">
+      {{>checkout-address-time  time=true within=true}}
+    </div>
+    <div class="delivery-details-option__delivery-info-right">
+      {{>schedule}}
+    </div>
+  </div>
+</div>
+
+{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589005 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+
+<div class="delivery-details-option delivery-details-option_time-slot">
+  <h4>Collection from Oldham store <span class="checkout__text-highlighted">1 Item</span></h4>
+  <div class="delivery-details-option__delivery-info">
+    <div class="delivery-details-option__delivery-info-left">
+      {{>checkout-address-time  time=true within=true}}
+    </div>
+    <div class="delivery-details-option__delivery-info-right">
+      {{>schedule}}
+    </div>
+  </div>
+</div>
+
+{{#extend "lines-group" name="Products for Click & Collect from Oldham" id=136589006 collapsed=false}}
+{{#content "content"}}
+{{#each page_shopping-cart.linesCollection}}
+{{>order-line mod="order-line_shrink"}}
+{{/each}}
+{{/content}}
+{{/extend}}
+
+
+<a href="./page_checkout_payment-details_guest.html" class="btn btn-action delivery-details__payment-details">Continue to payment details
+  <span class="icon">
+    <i class="fas fa-arrow-right"></i>
+  </span>
+</a>
+
+  {{/content}}
+  {{#content "aside"}}
+      {{> checkout_order-summary label="Subtotal: " action='./page_checkout_payment-details_guest.html'}}
+      {{> checkout_voucher }}
+      {{> checkout_delivery modal="modalDeliveryGuest" }}
+      {{> checkout_supplier-delivery edit="true" }}
+      {{> checkout_click-and-collect invisibleForMobile="true" }}
+      <a href="./page_checkout_payment-details.html" class="btn btn-action delivery-details__payment-details_mobile">Continue to payment details
+        <span class="icon">
+          <i class="fas fa-arrow-right"></i>
+        </span>
+      </a>
+  {{/content}}
+  {{#content "foot" mode="append"}}
+  <script defer src="js/page/checkout-edit-address.js"></script>
+
+  {{#extend "modal" id="modalDeliveryGuest" title="Edit delivery address" fullWidth=true classMod="edit-delivery-addr-guest"}}
+    {{#content "sections"}}
+
+      {{#extend "modal-body-section"}}
+        {{#content "body"}}
+          <div class="edit-delivery-addr-guest__notifications">
+            {{> notifications notification-page.warning-note}}
+          </div>
+        {{/content}}
+      {{/extend}}
+
+      {{#extend "modal-body-section" customSectionClass="edit-delivery-addr-guest__form"}}
+        {{#content "body"}}
+          <form class="form-wrapper" id="edit-delivery-address">
+            {{> checkout_your-details open-delivery-block="true" uid="cyd3" }}
+            <div class="form-row form-row__action">
+              <div class="form-row__col-btn">
+                <button class="btn btn-action btn_full">
+                  <span class="btn__text">Continue to delivery details</span>
+                  <span class="icon">
+                    <i class="fas fa-arrow-right"></i>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </form>
+        {{/content}}
+      {{/extend}}
+
+    {{/content}}
+  {{/extend}}
+  {{/content}}
+{{/extend}}

package/src/page_discount_installer.html

@@ -6,13 +6,7 @@
 {{> account-heading title="Installer Discount"}}
 {{/content}}
 {{#content "aside"}}
-  {{> aside-nav2 my-account-installer-menu-new active-index="5" page-name="Installer Discount" tradePro="true" mod="d-none d-lg-block"}}
-  {{> my-account/mobile-nav
-      mod="account-nav--old-pages"
-      menu=my_account.installer.menu
-      active-index=3
-      page-name="Installer Discount"
-      }}
+{{> aside-nav2 my-account-installer-menu-new active-index="5" page-name="Installer Discount" tradePro="true"}}
 {{/content}}
 {{#content "main"}}
 <div class="page-header">

package/src/page_marketing-preferences.html

@@ -3,13 +3,7 @@
 {{> account-heading title="Update Marketing Preferences"}}
 {{/content}}
 {{#content "aside"}}
-    {{> aside-nav2 my-account-tradePro-menu-new active-index="1" page-name="Update Marketing Preferences" tradePro="true" mod="d-none d-lg-block"}}
-    {{> my-account/mobile-nav
-        mod="account-nav--old-pages"
-        menu=my_account.diy.menu
-        active-index=4
-        page-name="Marketing Preferences"
-        }}
+{{> aside-nav2 my-account-tradePro-menu-new active-index="1" page-name="Update Marketing Preferences" tradePro="true"}}
 {{/content}}
 {{#content "main"}}
 <form action="#" class="form-bg form-personal-details">

package/src/page_my-account.html

@@ -1,57 +1,60 @@
-{{#extend "my-account-v2" dataBreadcrumbs=my_account.diy.breadcrumbs pageClass="page_my-account_new" title="My Account DIY" pageMyAcc=true myAccV2=true isLoggedIn=true mainClass="my-account"}}
-{{#content "main"}}
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      {{> my-account/mobile-nav
-          menu=my_account.diy.menu
-          active-index=0
-          page-name=my_account.diy.menu.[0].title
-      }}
+{{#extend "my-account" pageClass="page_my-account_your-account" title="My account" pageMyAcc=true}}
+  {{#content "heading"}}
+    {{> account-heading title="My account"}}
+  {{/content}}
+  {{#content "aside"}}
+    {{> aside-nav2 my-account-menu page-name="My account"}}
+  {{/content}}
+  {{#content "main"}}
+    <div class="my-account">
+        <div class="my-account-data">
+            <div class="my-account-data__heading">
+                <div class="my-account-data__icon">
+                    <span class="fas fa-user-alt"></span>
+                </div>
+                <h4>Profile</h4>
+            </div>
+            <ul class="my-account-data__list">
+                <li class="my-account-data__list-item"><a href="./page_my-account_personal-details.html" class="link-secondary">Update personal details</a></li>
+                <li class="my-account-data__list-item"><a href="./page_my-account_change-password.html" class="link-secondary">Change your password</a></li>
+            </ul>
+        </div>
+        <div class="my-account-data">
+            <div class="my-account-data__heading">
+                <div class="my-account-data__icon">
+                    <span class="fas fa-calendar-edit"></span>
+                </div>
+                <h4>Order history</h4>
+            </div>
+            <ul class="my-account-data__list">
+                <li class="my-account-data__list-item"><a href="./page_my-account_order-history.html" class="link-secondary">View order history</a></li>
+                <li class="my-account-data__list-item"><a href="./page_shopping-cart.html" class="link-secondary">View your basket</a></li>
+            </ul>
+        </div>
+        <div class="my-account-data">
+            <div class="my-account-data__heading">
+                <div class="my-account-data__icon">
+                    <span class="fas fa-credit-card-front"></span>
+                </div>
+                <h4>Payment details</h4>
+            </div>
+            <ul class="my-account-data__list">
+                <li class="my-account-data__list-item"><a href="./page_my-account_payment-details.html" class="link-secondary">Manage your payment details</a></li>
+                <li class="my-account-data__list-item"><a href="./page_my-account_payment-details.html" class="link-secondary">Set default payment details</a></li>
+            </ul>
+        </div>
+        <div class="my-account-data">
+            <div class="my-account-data__heading">
+                <div class="my-account-data__icon">
+                    <span class="fas fa-book"></span>
+                </div>
+                <h4>Address book</h4>
+            </div>
+            <ul class="my-account-data__list">
+                <li class="my-account-data__list-item"><a href="./page_my-account_address-book.html" class="link-secondary">Manage your delivery address</a></li>
+                <li class="my-account-data__list-item"><a href="./page_my-account_address-book.html" class="link-secondary">Set default delivery address</a></li>
+            </ul>
+        </div>
     </div>
-  </div>
-</div>
-
-<div class="account-summary">
-  <div class="container">
-   <div class="row">
-    <div class="col-12">
-     <div class="account-summary__wrapper">
-      {{> my-account/greetings
-          name=my_account.user.name
-          subtitle=my_account.user.email
-      }}
-     </div>
-      {{> my-account/active-orders/list-orders
-          title=my_account.diy.activeOrders.sectionTitle
-          linkText='View all orders'
-          orders=my_account.diy.activeOrders.orderList
-      }}
-    </div>
-   </div>
-  </div>
- </div>
-<div class="container">
-  <div class="row">
-    <div class="col-12">
-      {{> my-account/menu-items
-          items=my_account.diy.menu
-      }}
-    </div>
-  </div>
-</div>
-<div class="account-actions">
-  <div class="container">
-   <div class="row">
-    <div class="col-12">
-     {{> my-account/user-account-actions mod="d-sm-none"}}
-     {{> my-account/contact-us contacts=my_account.contacts  }}
-    </div>
-   </div>
-  </div>
-</div>
-{{/content}}
-{{#content "foot" mode="append"}}
-  <script defer src="./js/my-account.min.js"></script>
-{{/content}}
-{{/extend}}
+  {{/content}}
+{{/extend}}

package/src/page_my-account_address-book.html

@@ -3,13 +3,7 @@
     {{> account-heading title="Address book" subtitle="Manage your address book" btnLink="page_my-account_address-details.html" btnTitle="Add new address"}}
   {{/content}}
   {{#content "aside"}}
-    {{> aside-nav2 my-account-menu active-index="4" page-name="Address book" mod="d-none d-lg-block"}}
-    {{> my-account/mobile-nav
-        mod="account-nav--old-pages"
-        menu=my_account.diy.menu
-        active-index=3
-        page-name="Address Book"
-        }}
+    {{> aside-nav2 my-account-menu active-index="4" page-name="Address book"}}
   {{/content}}
   {{#content "main"}}
 
@@ -24,4 +18,4 @@
     </div>
 
   {{/content}}
-{{/extend}}
+{{/extend}}

package/src/page_my-account_order-history.html

@@ -1,17 +1,12 @@
-{{#extend "my-account" pageClass="" title="Order history" pageMyAcc=true}}
+{{#extend "my-account" pageClass="" title="Order history"  pageMyAcc=true}}
   {{#content "heading"}}
     {{> account-heading title="Order History"}}
   {{/content}}
   {{#content "aside"}}
-    {{> aside-nav2 my-account-menu active-index="6" page-name="Order History" mod="d-none d-lg-block"}}
-    {{> my-account/mobile-nav
-        mod="account-nav--old-pages"
-        menu=my_account.diy.menu
-        active-index=1
-        page-name="My Orders"
-        }}
+    {{> aside-nav2 my-account-menu active-index="6" page-name="Order History"}}
   {{/content}}
   {{#content "main"}}
+
     {{> form-row row-mod="sort-order-by" dropdown="true" label="Sort orders by" id="d1" placeholder="Date"}}
     {{#each page_my-account_order-history.orders }}
       {{> table_order-history }}

package/src/page_my-account_personal-details.html

@@ -4,13 +4,7 @@
     {{> account-heading title="Update Personal Details"}}
   {{/content}}
     {{#content "aside"}}
-        {{> aside-nav2 my-account-menu active-index="0" page-name="Update Personal Details" mod="d-none d-lg-block"}}
-        {{> my-account/mobile-nav
-            mod="account-nav--old-pages"
-            menu=my_account.diy.menu
-            active-index=2
-            page-name="Personal Details"
-            }}
+        {{> aside-nav2 my-account-menu active-index="0" page-name="Update Personal Details"}}
     {{/content}}
   {{#content "main"}}
     <form action="#" class="form-bg form-personal-details">

package/src/page_old-navigation.html

@@ -0,0 +1,10 @@
+{{#extend "base" pageClass="" title="Old navigation" oldNav=true hideBreadcrumbs=true pageBasket=true}}
+{{#content "body"}}
+  <main>
+    <div class="container">
+      <h1 class="page-header__title">That example old navigation</h1>
+      <p class="page-header__intro">Must be skeleton and after loading navigation</p>
+    </div>
+  </main>
+{{/content}}
+{{/extend}}