app/template/default/Mypage/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% block stylesheet %}
  12.     <link rel="stylesheet" href="{{ asset('assets/css/ec_module.css', 'user_data') }}">
  13.     <link rel="stylesheet" href="{{ asset('assets/css/button_design.css', 'user_data') }}">
  14. {% endblock %}
  16. {% extends 'default_frame.twig' %}
  17.                                                                                                                                         
  18. {% set mypageno = 'index' %}
  20. {% set body_class = 'mypage' %}
  22. {% block main %}
  23.     <main>
  24.         <div class="tab-panel-main">
  25.         <h1>
  26.             <div class="ec-title">
  27.                 <img src="/html/user_data/assets/img/title_ic_mypage.svg" alt="account" class="title-ic">
  28.                 <span>マイページ</span>
  29.             </div>
  30.             <div class="vertical-line"></div>
  31.         </h1>
  32.         <div class="mypage">
  33.             <div class="mypage-block">
  34.                 <h2>ご購入履歴</h2>
  35.                 <div class="tab">
  36.                     <ul class="tab__menu">
  37.                       <li class="tab__menu-item tab_book is-active" data-tab="01">
  38.                         <img src="/html/user_data/assets/img/title_ic_newbook.svg" alt="newbook" class="title-ic">
  39.                         <span>フォトパブ堂書店</span>
  40.                     </li>
  41.                       <li class="tab__menu-item tab_photo" data-tab="02">
  42.                         <img src="/html/user_data/assets/img/title_ic_photo.svg" alt="newbook" class="title-ic">
  43.                         <span>ストックフォト</span>
  44.                       </li>
  45.                     </ul>
  46.                     <div class="tab__panel">
  47.                         <div class="tab__panel-box tab__panel-box001 is-show" data-panel="01">
  48.                             <div class="ec-historyRole__header">
  49.                                 {% if pagination.totalItemCount > 0 %}
  50.                                     {% for Order in pagination|slice(0, 3) %}
  51.                                         {#<div class="ec-historyListHeader">#}
  52.                                         {#    <p class="ec-historyListHeader__date">{{ Order.order_date|date_sec }}</p>#}
  53.                                         {#</div>#}
  54.                                         <div class="ec-historyRole__detail">
  55.                                             {% for OrderItem in Order.MergedProductOrderItems %}
  56.                                                 <div class="ec-imageGrid">
  57.                                                     <div class="ec-historyListHeader">
  58.                                                         <p class="ec-historyListHeader__date">{{ Order.order_date|date('Y/m/d') }}</p>
  59.                                                     </div>
  60.                                                     <div class="ec-imageGrid__img">
  61.                                                         <a href="{{ url('product_detail', {'id': OrderItem.Product.id}) }}">
  62.                                                         {% if OrderItem.Product is null %}
  63.                                                             <img src="{{ asset(''|no_image_product, 'save_image') }}" class="mypage-photo-size"/>
  64.                                                         {% else %}
  65.                                                             <img src="{{ asset(OrderItem.Product.MainListImage|no_image_product, 'save_image') }}" class="mypage-photo-size">
  66.                                                         {% endif %}
  67.                                                         </a>
  68.                                                     </div>
  69.                                                     <div class="ec-imageGrid__content">
  70.                                                         <p class="ec-historyRole__detailTitle">{{ OrderItem.product_name }}</p>
  71.                                                         <p class="ec-historyRole__detailAuthor">著者：{{ OrderItem.product.author }}</p>
  72.                                                         <p class="ec-historyRole__detailPrice">
  73.                                                             {{ OrderItem.price_inc_tax|price }} × {{ OrderItem.quantity }}
  74.                                                             <span>{{OrderItem.quantity}}冊</span>
  75.                                                             <span>小計：{{ (OrderItem.price_inc_tax * OrderItem.quantity)|price }}</span>
  76.                                                         </p>
  77.                                                     </div>
  78.                                                 </div>
  79.                                             {% endfor %}
  80.                                         </div>
  81.                                     {% endfor %}
  82.                                 {% else %}
  83.                                     <p class="tab__panel-text">ご注文履歴はありません。</p>
  84.                                 {% endif %}
  85.                             </div>
  86.                         </div>
  87.                         <div class="tab__panel-box tab__panel-box002" data-panel="02">
  88.                             <p class="tab__panel-text">準備中です。</p>
  89.                         </div>
  90.                     </div>
  91.                     <div class="button_position_center">
  92.                         <a href="{{url("history_list")}}" class="see_more_button">
  93.                             もっと見る
  94.                         </a>
  95.                     </div>
  96.                 </div>
  98.                 <h2>お気に入り</h2>
  99.                 <div class="tab">
  100.                     <ul class="tab__menu">
  101.                       <li class="tab__menu-item tab_book is-active" data-tab="01">
  102.                         <img src="/html/user_data/assets/img/title_ic_newbook.svg" alt="newbook" class="title-ic">
  103.                         <span>フォトパブ堂書店</span>
  104.                     </li>
  105.                       <li class="tab__menu-item tab_photo" data-tab="02">
  106.                         <img src="/html/user_data/assets/img/title_ic_photo.svg" alt="newbook" class="title-ic">
  107.                         <span>ストックフォト</span>
  108.                       </li>
  109.                     </ul>
  110.                     <div class="tab__panel">
  111.                         <div class="tab__panel-box tab__panel-box001 is-show" data-panel="01">
  112.                             <div class="ec-historyRole__header">
  113.                                 {% if paginationf.totalItemCount > 0 %}
  114.                                     {% for Product in paginationf|slice(0, 3) %}
  115.                                         <div class="ec-historyRole__detail">
  116.                                             <div class="ec-imageGrid">
  117.                                                 <div class="ec-historyListHeader">
  118.                                                     <p class="ec-historyListHeader__date">{{ Product.create_date|date('Y/m/d') }}</p>
  119.                                                 </div>
  120.                                                 <div class="ec-imageGrid__img">
  121.                                                     <a href="{{ url('product_detail', {'id': Product.Product.id}) }}">
  122.                                                     {% if Product is null %}
  123.                                                         <img src="{{ asset(''|no_image_product, 'save_image') }}"/>
  124.                                                     {% else %}
  125.                                                         <img src="{{ asset(Product.Product.MainListImage|no_image_product, 'save_image') }}">
  126.                                                     {% endif %}
  127.                                                     </a>
  128.                                                 </div>
  129.                                                 <div class="ec-imageGrid__content">
  130.                                                     <p class="ec-historyRole__detailTitle">{{ Product.Product.name }}</p>
  131.                                                 </div>
  132.                                             </div>
  133.                                         </div>
  134.                                     {% endfor %}
  135.                                 {% else %}
  136.                                 <p class="tab__panel-text">お気に入り商品はありません</p>
  137.                                 {% endif %}
  138.                             </div>
  139.                         </div>
  140.                         <div class="tab__panel-box tab__panel-box002" data-panel="02">
  141.                             <p class="tab__panel-text">準備中です。</p>
  142.                         </div>
  143.                     </div>
  144.                     <div class="button_position_center">
  145.                         <a href="{{url("mypage_favorite")}}" class="see_more_button">
  146.                             もっと見る
  147.                         </a>
  148.                     </div>
  149.                 </div>
  150.                 <div class="mypage-block">
  151.                     <h2>会員情報</h2>
  152.                     <div class="mypage-content">
  153.                         <div class="member">
  154.                             <p class="ec-halfInput"><span class="customer-edit customer-name01">{{ Customer.name01 }}</span> <span class="customer-edit customer-name02">{{ Customer.name02 }}</span>
  155.                             <span class="customer-edit customer-kana01">({{ Customer.kana01 }}</span> <span class="customer-edit customer-kana02">{{ Customer.kana02 }}</span>){{ 'common.name.suffix'|trans }}</p>
  156.                             {#<p class="ec-input"><span class="customer-edit customer-company_name">{{ Customer.companyName }}</span></p>#}
  157.                             <p class="ec-zipInput">住所：〒<span class="customer-edit customer-postal_code">{{ Customer.postal_code }}</span>
  158.                             <span class="customer-edit customer-pref">{{ Customer.pref }}</span><span class="customer-edit customer-addr01">{{ Customer.addr01 }}</span>
  159.                             <span class="customer-edit customer-addr02">{{ Customer.addr02 }}</span></p>
  160.                             <p class="ec-telInput">TEL：<span class="customer-edit customer-phone_number">{{ Customer.phone_number }}</span></p>
  161.                             <p class="ec-input">メールアドレス<span class="customer-edit customer-email">{{ Customer.email }}</span></p>    
  162.                         </div>
  163.                         <div class="othre-edit-btn">
  164.                             <a href="https://photo-pub.com/mypage/change" class="ec-inlineBtn lsit-link" >
  165.                                 <div class="list-btn">編集</div>
  166.                                 <div class="btn-l">→</div>
  167.                             </a>
  168.                         </div>
  169.                     </div>
  170.                 </div>
  171.                 <div class="mypage-block">
  172.                     <h2>お届け先</h2>
  173.                     <div class="mypage-content">
  174.                         {% if Customer.CustomerAddresses|length > 0 %}
  175.                             <div>
  176.                                 {% for CustomerAddress in Customer.CustomerAddresses %}
  177.                                     <div class="ec-addressList__address">
  178.                                         <div>{{ CustomerAddress.name01 }}&nbsp;{{ CustomerAddress.name02 }}</div>
  179.                                         <div class="address">{{ '〒'|trans }}{{ CustomerAddress.postal_code }} {{ CustomerAddress.Pref }}{{ CustomerAddress.addr01 }}{{ CustomerAddress.addr02 }}</div>
  180.                                         <div>{{ CustomerAddress.phone_number }}</div>
  181.                                     </div>
  182.                                 {% endfor %}
  183.                             </div>
  184.                         {% else %}
  185.                             <div class="ec-para-normal">{{ 'お届け先は登録されていません。'|trans }}</div>
  186.                         {% endif %}
  187.                             <div class="othre-edit-btn">
  188.                                 <a href="{{ url("mypage_delivery")}} " class="ec-inlineBtn lsit-link" >
  189.                                     <div class="list-btn">追加・変更</div>
  190.                                     <div class="btn-l">→</div>
  191.                                 </a>
  192.                             </div>
  193.                     </div>
  194.                 </div>
  195.                 <div class="ec-grid2">
  196.                                 <div class="ec-grid2__cell">
  197.                                     <div class="ec-login__actions">
  198.                                         <button type="submit" class="ec-blockBtn--cancel">
  199.                                             <li class="ec-navlistRole__item {% if mypageno|default('') == 'withdraw' %}active{% endif %}">
  200.                                                 <a style="color: #ffffff;" href="{{ url('mypage_withdraw') }}">{{ 'front.mypage.nav__withdrow'|trans }}</a>
  201.                                             </li>
  202.                                         </button>
  203.                                     </div>
  204.                                 </div>
  205.                             </div>
  206.         {#<li class="ec-navlistRole__item {% if mypageno|default('') == 'withdraw' %}active{% endif %}">#}
  207.         {#    <a href="{{ url('mypage_withdraw') }}">{{ 'front.mypage.nav__withdrow'|trans }}</a>#}
  208.         {#</li>#}
  209.                 
  210.                 {#<div class="mypage-block">#}
  211.                 {#    <h2>ステータス</h2>#}
  212.                 {#    <div class="mypage-content">#}
  213.                 {#        <div>#}
  214.                 {#            <p>#}
  215.                 {#                <img src="asset/icon/title_ic_photo.svg" alt="newbook" class="title-ic">#}
  216.                 {#                <span>フォトストック</span>#}
  217.                 {#            </p>#}
  218.                 {#            <p>有料会員　<span>月額1,000円</span></p>#}
  219.                 {#        </div>#}
  220.                 {#        <div>#}
  221.                 {#            <button class="ec-inlineBtn lsit-link" >#}
  222.                 {#                <div class="list-btn">解除</div>#}
  223.                 {#                <div class="btn-l">→</div>#}
  224.                 {#            </button>#}
  225.                 {#        </div>#}
  226.                 {#    </div>#}
  227.                 {#</div>#}
  228.             </div>
  229.         </div>
  230.         </div>
  231.     </main>
  232. {% endblock %}