Customer account start page

Build the WEBSALE customer account start page using the account_layout.htm template with account navigation and a customizable main content area.

Base template - account_layout.htm

The template is located in the directory layouts/account_layout.htm and contains the account navigation and main area.

{{ extends "layouts/layout.htm" }}

{{ block content_main }}
  {{ proc listItem($name, $url) }}
    {{ var $currentUrl = $wsViews.current.url() }}
    {{ var $active = "" }}
    {{ if $currentUrl == $url }}
        {{ $active = "active"}}
    {{ /if }}
    <a href="{{= $url }}" class="list-group-item {{= $active }}">{{= $name }}</a>
  {{ /proc }}

  {{ if $wsAccount.isLoggedIn }}
    <div class="list-group">
      <div class="d-block p-2">{{! listItem("Overview", $wsViews.viewUrl('account/accountManagement.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Manage addresses", $wsViews.viewUrl('account/addressManagement.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Change email address", $wsViews.viewUrl('account/changeEmail.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Change password", $wsViews.viewUrl('account/changePassword.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Delete account", $wsViews.viewUrl('account/deleteAccount.htm')) }}</div>
      <div class="d-block p-2">{{! listItem("Order overview", $wsViews.viewUrl('account/orderHistory.htm')) }}</div>
    </div>
 {{ /if }}
 
 {{ block content_account_main }}
  ...
 {{ /block }}
{{ /block }}