app/template/aneros2023/Cart/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  3. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  4. http://www.ec-cube.co.jp/
  5. For the full copyright and license information, please view the LICENSE
  6. file that was distributed with this source code.
  7. #}
  8. {% extends 'default_frame.twig' %}
  9. {% set body_class = 'cart_page' %}
  10. {% block main %}
  11.     <div class="ec-role container">
  12.         <div class="ec-pageHeader">
  13.             <h1>現在カゴの中
  14.                 {% if totalQuantity > 0 %}
  15.                 <a href="{{ url('homepage') }}" class="medium-link continue-shopping">
  16.                     お買い物を続ける
  17.                     <i class="fa fa-chevron-right">
  18.                     </i>
  19.                 </a>
  20.                 {% endif %}
  21.             </h1>
  22.         </div>
  23.     </div>
  24.     {% if is_granted('ROLE_USER') %}
  25.         {# 会員ランク表示↓ #}
  26.             {% set CustomerRank = null %}
  27.             {% if app.user.CustomerRank.id is defined %}
  28.                 {% set CustomerRankId = app.user.CustomerRank.id %}
  29.                 {% if CustomerRankId %}
  30.                     {% set CustomerRank = repository('Plugin\\CustomerRank42\\Entity\\CustomerRank').find(CustomerRankId) %}
  31.                 {% endif %}
  32.             {% endif %}
  33.             {% if CustomerRank %}
  34.                 <div class="customer-rank text-center" id="customer-rank-info">
  35.                     <p style="line-height:30px;">ランク:<span class="{{ CustomerRank.name }}-img"><span class="rank-text {{ CustomerRank.name }}">{{ CustomerRank.name }}</span></span></p>
  36.                     <p>ポイントレート:<span class="point-rate">{{ BaseInfo.basic_point_rate+CustomerRank.point_rate|number_format }}%</span></p>
  37.                 </div>
  38.             {% else %}
  39.                 <div class="customer-rank text-center">
  40.                     <p>ランク:なし</p>
  41.                 </div>
  42.             {% endif %}
  43.         {# 会員ランク表示↑ #}
  44.     {% endif %}
  45.     <div class="ec-cartRole container">
  46.         {#
  47.         <div class="ec-cartRole__progress">
  48.             <ul class="ec-progress">
  49.                 {% set step = 1 %}
  50.                 <li class="ec-progress__item is-complete">
  51.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  52.                     </div>
  53.                     <div class="ec-progress__label">{{ 'カートの商品'|trans }}
  54.                     </div>
  55.                 </li>
  56.                 {% if is_granted('ROLE_USER') == false %}
  57.                     <li class="ec-progress__item">
  58.                         <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  59.                         </div>
  60.                         <div class="ec-progress__label">{{ 'お客様情報'|trans }}
  61.                         </div>
  62.                     </li>
  63.                 {% endif %}
  64.                 <li class="ec-progress__item">
  65.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  66.                     </div>
  67.                     <div class="ec-progress__label">{{ 'ご注文手続き'|trans }}
  68.                     </div>
  69.                 </li>
  70.                 <li class="ec-progress__item">
  71.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  72.                     </div>
  73.                     <div class="ec-progress__label">{{ 'ご注文内容確認'|trans }}
  74.                     </div>
  75.                 </li>
  76.                 <li class="ec-progress__item">
  77.                     <div class="ec-progress__number">{{ step }}{% set step = step + 1 %}
  78.                     </div>
  79.                     <div class="ec-progress__label">{{ '完了'|trans }}
  80.                     </div>
  81.                 </li>
  82.             </ul>
  83.         </div>
  84.         #}
  85.         {% set productStr = app.session.flashbag.get('eccube.front.request.product') %}
  86.         {% for error in app.session.flashbag.get('eccube.front.request.error') %}
  87.             {% set idx = loop.index0 %}
  88.             <div class="ec-cartRole__error">
  89.                 <div class="ec-alert-warning">
  90.                     <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  91.                     <div class="ec-alert-warning__text">
  92.                         {% if productStr[idx] is defined %}
  93.                             {{ error|trans({'%product%':productStr[idx]})|nl2br }}
  94.                         {% else %}
  95.                             {{ error|trans|nl2br }}
  96.                         {% endif %}
  97.                     </div>
  98.                 </div>
  99.             </div>
  100.         {% endfor %}
  101.         {% for error in app.session.flashbag.get('eccube.front.cart.error') %}
  102.             <div class="ec-cartRole__error">
  103.                 <div class="ec-alert-warning">
  104.                     <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  105.                     <div class="ec-alert-warning__text">
  106.                         {{ error|trans|nl2br }}
  107.                     </div>
  108.                 </div>
  109.             </div>
  110.         {% endfor %}
  111.         {% if totalQuantity > 0 %}
  112.             <div class="plusaddcart">
  113.                 <div class="plushed">ローションを忘れずに!</div>
  114.                 <div class="sidebar">
  115.                     <div class="actions">
  116.                         <button type="button" class="slider-prev button">
  117.                             <i class="fa fa-angle-left icon-salient-left-arrow"></i>
  118.                         </button>
  119.                         <button type="button" class="slider-next button">
  120.                             <i class="fa fa-angle-right icon-salient-right-arrow"></i>
  121.                         </button>
  122.                     </div>
  123.                 </div>
  124.                 <div class="products-grid products-slider flexbox">
  125.                 {# ローションを忘れずに!へ表示する商品ID #}
  126.                 {% set ProductIds = [77, 65, 87, 76, 15] %}
  127.                 {% for ProductId in ProductIds %}
  128.                     {% set Product = repository('Eccube\\Entity\\Product').find(ProductId) %}
  129.                     <div class="item">
  130.                         <a href="{{ url('product_detail', {'id': Product.id}) }}" title="" class="product-image">
  131.                             <img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" width="135" height="135" alt="{{ Product.name }}">
  132.                         </a>
  133.                         <div class="product-ratings">
  134.                         </div>
  135.                         <div class="product-info">
  136.                             <h2 class="product-name">
  137.                                 <a href="{{ url('product_detail', {'id': Product.id}) }}" title="{{ Product.name }}">{{ Product.name }}</a>
  138.                             </h2>
  139.                                             
  140.                             <div class="price-box">
  141.                                 <span class="price">
  142.                                     {% if Product.hasProductClass %}
  143.                                         {% if Product.getPrice02Min == Product.getPrice02Max %}
  144.                                             {{ Product.getPrice02IncTaxMin|price }}
  145.                                         {% else %}
  146.                                             {{ Product.getPrice02IncTaxMin|price }} ~ {{ Product.getPrice02IncTaxMax|price }}
  147.                                         {% endif %}
  148.                                     {% else %}
  149.                                         {{ Product.getPrice02IncTaxMin|price }}
  150.                                     {% endif %}
  151.                                 <span class="inctax"> (税込)</span></span>
  152.                             </div>
  153.                             <div class="actions">
  154.                             {% if Product.stock_find %}
  155.                                 {% if Product.hasProductClass %}
  156.                                     <a class="button btn-cart learn-more" title="商品詳細" href="{{ url('product_detail', {'id': Product.id}) }}">
  157.                                         <span>
  158.                                             <span>商品詳細</span>
  159.                                         </span>
  160.                                     </a>
  161.                                 {% else %}
  162.                                     <button type="button" title="Add to Cart" class="button btn-cart one-click-add-cart" 
  163.                                     data-action="{{ url('product_add_cart', {id:Product.id}) }}" 
  164.                                     data-product_id="{{ Product.id }}" data-product_name="{{ Product.name }}"  data-product_img="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}"
  165.                                     data-product_class="{{ Product.ProductClasses[0].id }}" data-dialog="false" 
  166.                                     data-token="{{ csrf_token('Eccube\\Form\\Type\\AddCartType') }}" id="{{ Product.name }}">
  167.                                         カゴに入れる
  168.                                     </button>
  169.                                 {% endif %}
  170.                             {% else %}
  171.                                 {% set arrivemail = true %}
  172.                                 {% for ProductTag in Product.ProductTag %}
  173.                                     {% if ProductTag.Tag.id == 99 %}
  174.                                         {% set arrivemail = false %}
  175.                                     {% endif %}
  176.                                 {% endfor %}
  177.                                 
  178.                                 {% if arrivemail %}
  179.                                     <button type="button" data-productid="{{ Product.id }}" data-productname="{{ Product.name }}" title="入荷お知らせ" class="button btn-cart add-to-mail">
  180.                                         <span>入荷お知らせ</span>
  181.                                     </button>
  182.                                 {% else %}
  183.                                     <button type="button" title="在庫切れ" class="button btn-cart add-to-cart-out">
  184.                                         <span>在庫切れ</span>
  185.                                     </button>
  186.                                 {% endif %}
  187.                             {% endif %}
  188.                             </div>
  189.                         </div>
  190.                     </div>
  191.                 {% endfor %}
  192.                 </div>
  193.             </div>
  194.             {#
  195.             <div class="ec-cartRole__totalText">
  196.                 <p>
  197.                     {{ '商品の合計金額は「<strong>%price%</strong>」です。'|trans({ '%price%': totalPrice|price })|raw }}
  198.                 </p>
  199.             </div>
  200.             #}
  201.             {% if Carts|length > 1 %}
  202.                 <div class="ec-cartRole__error">
  203.                     <div class="ec-alert-warning">
  204.                         <div class="ec-alert-warning__text">
  205.                             {{ '同時購入できない商品がカートに含まれています。'|trans|nl2br }}
  206.                         </div>
  207.                     </div>
  208.                 </div>
  209.             {% endif %}
  210.             <form name="form" id="form_cart" class="ec-cartRole" method="post" action="{{ url('cart') }}">
  211.                 {% for CartIndex,Cart in Carts %}
  212.                     {% set cartKey = Cart.cart_key %}
  213.                     {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  214.                         <div class="ec-cartRole__error">
  215.                             <div class="ec-alert-warning">
  216.                                 <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  217.                                 <div class="ec-alert-warning__text">
  218.                                     {{ error|trans|nl2br }}
  219.                                 </div>
  220.                             </div>
  221.                         </div>
  222.                     {% endfor %}
  223.                     <div class="ec-cartRole__progress">
  224.                         {% if BaseInfo.delivery_free_amount and BaseInfo.delivery_free_quantity %}
  225.                             <br/>
  226.                             {% if is_delivery_free[cartKey] %}
  227.                                 {{ '現在送料無料です。'|trans }}
  228.                             {% else %}
  229.                                 {{ 'あと「<strong>%price%</strong>」または「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price, '%quantity%': quantity[cartKey]|number_format })|raw }}
  230.                             {% endif %}
  231.                         {% elseif BaseInfo.delivery_free_amount %}
  232.                             <br/>
  233.                             {% if is_delivery_free[cartKey] %}
  234.                                 {{ '現在送料無料です。'|trans }}
  235.                             {% else %}
  236.                                 {{ 'あと「<strong>%price%</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%price%': least[cartKey]|price })|raw }}
  237.                             {% endif %}
  238.                         {% elseif BaseInfo.delivery_free_quantity %}
  239.                             <br/>
  240.                             {% if is_delivery_free[cartKey] %}
  241.                                 {{ '現在送料無料です。'|trans }}
  242.                             {% else %}
  243.                                 {{ 'あと「<strong>%quantity%個</strong>」のお買い上げで<strong class="ec-color-red">送料無料</strong>になります。'|trans({ '%quantity%': quantity[cartKey]|number_format })|raw }}
  244.                             {% endif %}
  245.                         {% endif %}
  246.                     </div>
  247.                     <table id="shopping-cart-table" class="cart-table data-table">
  248.                         <colgroup>
  249.                             <col span="1" style="width: 70px">
  250.                             <col span="1">
  251.                             <col span="1">
  252.                             <col span="1">
  253.                             <col span="1">
  254.                             <col span="1">
  255.                         </colgroup>
  256.                         <thead>
  257.                             <tr class="first last">
  258.                                 <th rowspan="1">
  259.                                     <span class="nobr">商品名</span>
  260.                                 </th>
  261.                                 <th rowspan="1" class="cart-info-head">&nbsp;</th>
  262.                                 <th class="a-center cart-price-head" colspan="1">
  263.                                     <!--<div class="cart-price-placeholder">
  264.                                         -->
  265.                                         <span class="nobr">単価</span>
  266.                                         <!--</div>
  267.                                     -->
  268.                                 </th>
  269.                                 <th rowspan="1" class="a-center qty-hed"><span class="nobr">数量</span></th>
  270.                                 <th class="a-center cart-total-head" colspan="1">
  271.                                     <!--<div class="cart-total-placeholder">
  272.                                         -->
  273.                                         <span class="nobr">小計</span>
  274.                                         <!--</div>
  275.                                     -->
  276.                                 </th>
  277.                                 <th class="a-center" rowspan="1">&nbsp;</th>
  278.                             </tr>
  279.                         </thead>
  280.                         <tfoot>
  281.                             <tr class="first last">
  282.                                 <td colspan="50" class="a-right cart-footer-actions last">
  283.                                     <!--Make this button the first responder rather than empty cart -->
  284. <!--
  285.                                     <button type="submit" style="visibility:hidden;" name="update_cart_action" value="update_qty" title="Update Shopping Cart" class="button btn-update">
  286.                                         <span>
  287.                                             <span>Update Shopping Cart</span>
  288.                                         </span>
  289.                                     </button>
  290.                                     <button type="submit" name="update_cart_action" value="update_qty" title="Update Shopping Cart" class="button btn-update">
  291.                                         <span>
  292.                                             <span>Update Shopping Cart</span>
  293.                                         </span>
  294.                                     </button>
  295. -->
  296.                                 </td>
  297.                             </tr>
  298.                         </tfoot>
  299.                         <tbody>
  300.                         {% set totalPrice = 0 %}
  301.                         {% for CartItem in Cart.CartItems %}
  302.                             {% set ProductClass = CartItem.ProductClass %}
  303.                             {% set Product = ProductClass.Product %}
  304.                             <tr class="cart_item first last odd">
  305.                                 <td class="product-cart-image">
  306.                                     <a href="{{ url('product_detail', {id : Product.id} ) }}" title="{{ Product.name }}" class="product-image">
  307.                                         <img src="{{ asset(Product.MainListImage|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
  308.                                     </a>
  309.                                 </td>
  310.                                 <td class="product-cart-info">
  311.                                     <h2 class="product-name">
  312.                                         <a href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
  313.                                     </h2>
  314.                                                                                                         </td>
  315.                                 <td class="product-cart-price" data-rwd-label="Price" data-rwd-tax-label="Excl. Tax">
  316.                                     <span class="cart-price">
  317.                                         <span class="price">{{ ProductClass.price02_inc_tax|price }}</span>
  318.                                     </span>
  319.                                 </td>
  320.                                 <td class="product-cart-qty" data-rwd-label="Qty">
  321.                                     <div id="cart_item_list__quantity" class="item_quantity td">
  322.                                         <div id="cart_item_list__quantity_edit">
  323.                                             <div>
  324.                                                 <input type="text" class="qty-item" name="quantity_input" size="2" maxlength="4" value="{{ CartItem.quantity }}">
  325.                                             </div>
  326.                                             <div>
  327.                                                 <a id="" class="button qty-item cart_item_list_set_quantity" style="display: none;" data-baseqty="{{ CartItem.quantity }}" href="{{ url('cart_set_quantity', {'productClassId': ProductClass.id, 'quantity': '0'}) }}" {{ csrf_token_for_anchor() }} data-method="put" data-confirm="false">再計算</a>
  328.                                             </div>
  329.                                         </div>
  330.                                     </div>
  331.                                     <h2 class="product-name">
  332.                                         <a href="{{ url('product_detail', {id : Product.id} ) }}">{{ Product.name }}</a>
  333.                                     </h2>
  334.                                 </td>
  335.                                 <td class="product-cart-total" data-rwd-label="Subtotal">
  336.                                     <span class="cart-price">
  337.                                         <span class="price">{{ (CartItem.quantity * ProductClass.price02_inc_tax)|price }}</span>
  338.                                     </span>
  339.                                 </td>
  340.                                 <td class="a-center product-cart-remove last">
  341.                                     <a href="{{ url('cart_handle_item', {'operation': 'remove', 'productClassId': ProductClass.id }) }}" {{ csrf_token_for_anchor() }} class="ec-icon btn-remove" data-method="put" data-message="カートから商品を削除してもよろしいですか?">
  342.                                         <i class="fa fa-remove">
  343.                                         </i>
  344.                                     </a>
  345.                                 </td>
  346.                             </tr>
  347.                             {% set totalPrice = totalPrice + (CartItem.quantity * ProductClass.price02) %}
  348.                         {% endfor %}
  349.                         </tbody>
  350.                     </table>
  351.                     <div class="ec-cartRole__actions flexbox">
  352. <!--
  353.                         <div class="subtotal total"><span class="title">小計</span><span class="price">{{ totalPrice|price }}</span></div>
  354.                         <div class="subtotal tax"><span class="title">消費税</span><span class="price">{{ (Cart.totalPrice - totalPrice)|price }}</span></div>
  355. -->
  356.                         <div class="ec-cartRole__total"><span class="title">合計</span><span class="ec-cartRole__totalAmount price">{{ Cart.totalPrice|price }}</span>
  357.                         {% if Cart.totalPrice >= 3000 %}
  358.                             <p style="font-size:12px;">
  359.                                 <img src="{{ asset('aneros/img/products/paidy-small.jpg') }}" alt="Paidy" style="vertical-align:middle;display:inline-block;max-width:60px;margin-right:3px;">なら月々<b>{% if ( Cart.totalPrice >= 3000 ) and ( Cart.totalPrice < 6000 ) %}{{ Cart.totalPrice // 3 }}{% elseif ( Cart.totalPrice >= 6000 ) and ( Cart.totalPrice < 12000 ) %}{{ Cart.totalPrice // 6 }}{% elseif Cart.totalPrice >= 12000 %}{{ Cart.totalPrice // 12 }}{% endif %}円</b>から。分割手数料無料 <a href="https://paidy.com/guide/#3pay" target="_blank"><i class="fas fa-info-circle"></i></i></a>
  360.                             </p>
  361.                         {% endif %}
  362.                         </div>
  363.                         <a class="ec-blockBtn--action button" href="{{ path('cart_buystep', {'cart_key':cartKey}) }}">購入手続きへ</a>
  364.                         <a class="cart-clear" href="{{ path('cart_clear') }}" {{ csrf_token_for_anchor() }} data-method="put" data-message="カートから商品を削除してもよろしいですか?">カート内を空にする</a>
  365. {% if is_granted('ROLE_USER') %}
  366. <div id="amazon-pay-cart">
  367.     <p style="height: 70px;" id="AmazonPayButton{{ cartKey }}"></p>
  368. </div>
  369. {% endif %}
  370.                     </div>
  371.                     <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ {% if is_granted('ROLE_USER') %}'mail_address': '{{ Carts[0].Customer.email }}', 'phone_number': '{{ Carts[0].Customer.phone_number }}',{% endif %} 'value': '{{ Cart.totalPrice }}', 'event': 'カート追加' }); </script>
  372.                 {% endfor %}
  373.             </form>
  374.         {% else %}
  375.             {% for CartIndex,Cart in Carts %}
  376.                 {% set cartKey = Cart.cart_key %}
  377.                 {% for error in app.session.flashbag.get('eccube.front.cart.' ~ cartKey ~ '.request.error') %}
  378.                     <div class="ec-cartRole__error">
  379.                         <div class="ec-alert-warning">
  380.                             <div class="ec-alert-warning__icon"><img src="{{ asset('assets/icon/exclamation-white.svg') }}"></div>
  381.                             <div class="ec-alert-warning__text">
  382.                                 {{ error|trans|nl2br }}
  383.                             </div>
  384.                         </div>
  385.                     </div>
  386.                 {% endfor %}
  387.             {% endfor %}
  388.             <div class="ec-role">
  389.                 <div class="ec-alert-warning">
  390.                     <div class="ec-alert-warning__text">{{ '現在カート内に商品はございません。'|trans }}</div>
  391.                     <a href="{{ url('homepage') }}" class="medium-link continue-shopping">
  392.                         お買い物を続ける
  393.                         <i class="fa fa-chevron-right">
  394.                         </i>
  395.                     </a>
  396.                 </div>
  397.             </div>
  398.         {% endif %}
  399.     </div>
  400. {# カートに入れる #}
  401. <div id="in_to_cart" style="display: none;"><img src="{{ asset('aneros/img/common/loading.gif') }}" alt="" />
  402.     <p>カートに入れています</p>
  403. </div>
  404. <div id="in_to_cart_end" style="display: none;">
  405.     <a href="javascript: void(0)" onclick="$('#in_to_cart_end #in_to_cart_reload').click();" class="btn-remove">Close</a>
  406.     <div id="in_to_cart_msg">
  407.         商品がカートに入りました
  408.     </div>
  409.     <div id="in_to_cart_image">
  410.         <img src="" alt="">
  411.     </div>
  412.     <div id="in_to_cart_name">
  413.         
  414.     </div>
  415.     <button id="in_to_cart_reload" class="button" onclick="location.reload();">お買い物を続ける</button>
  416.     <a href="{{ url('cart') }}" id="in_to_cart_cart" class="button">購入手続き</a>
  417. </div>
  418. {# 入荷お知らせ登録 #}
  419. <div id="arrivemail-area" style="display: none;">
  420.     <div id="arrive-area">
  421.         <div id="arrive-title">
  422.             入荷お知らせ(入力ページ)
  423.             <a class="arrivemail-close" href="javascript:void(0)">X</a>
  424.         </div>
  425.         <div class="arrive-inbox">
  426.             <div id="arrive-sub1">
  427.                 下記の製品が入荷いたしましたらメールでお知らせいたします。
  428.             </div>
  429.         </div>
  430.         <div class="arrive-inbox">
  431.             <div class="arrive-itemname">商品名:</div>
  432.             <div class="arrive-item" id="product-name"></div>
  433.         </div>
  434.         <div class="arrive-inbox" style="margin-bottom:10px;">
  435.             <div class="arrive-itemname-comment">メールアドレス</div>
  436.             <div class="arrive-item">
  437.                 <span class="inputholder inputholder1" style="width:262px;background-position:0 -29px;">
  438.                     <input type="email" name="arrivemail-mail" value="" maxlength="50" class="box350" />
  439.                 </span>
  440.                 <span class="attention">※ 正しいメールアドレスを入力してください。</span>
  441.             </div>
  442.         </div>
  443.         <div class="arrive-inbox">
  444.             <div style="margin-bottom:10px;margin-right:15px;">
  445.                 <font color="#FF0000"><small><b>*</b></small></font>商品の入荷をお知らせするメールサービスです。ご予約を行うものではありません。
  446.             </div>
  447.         </div>
  448.         <div class="arrive-inbox">
  449.             <div style="margin-bottom:10px;margin-right:15px;">
  450.                 <font color="#FF0000"><small><b>*</b></small></font>携帯メールの場合はドメイン解除の設定をお願いいたします。
  451.             </div>
  452.         </div>
  453.         <div class="arrive-inbox">
  454.             <div style="margin-bottom:10px;margin-right:15px;">
  455.                 <font color="#FF0000"><small><b>*</b></small></font>お客様の迷惑メールの設定によってメールがお届けできない場合がございます。
  456.             </div>
  457.         </div>
  458.         <div class="arrive-line"></div>
  459.         <div class="arrive-submitbtn"><a href="javascript:void(0)" class="button blue-btn" name="conf"
  460.                 id="arrivemail-submit">登録します</a></div>
  461.     </div>
  462. </div>
  463. <div id="arrivemail-area-end" style="display: none;">
  464.     <div id="arrive-area">
  465.         <div id="arrive-title">入荷お知らせ(完了ページ)
  466.             <a class="arrivemail-close" href="javascript:void(0)">X</a>
  467.         </div>
  468.         <div class="arrive-inbox">
  469.             <div id="arrive-sub1">メールアドレスを受付けました。</div>
  470.         </div>
  471.         <div class="arrive-inbox">
  472.             <div class="arrive-itemname">商品名:</div>
  473.             <div class="arrive-item" id="product-name"></div>
  474.         </div>
  475.         <div class="arrive-inbox">
  476.             <div class="arrive-itemname-comment">メールアドレス:</div>
  477.             <div class="arrive-item" id="send-arrivemail-mail"></div>
  478.         </div>
  479.         <div class="arrive-inbox">
  480.             <div style="margin-bottom:10px;margin-right:15px;">商品が入荷いたしましたらメールでお知らせいたします。</div>
  481.         </div>
  482.         <div class="arrive-line"></div>
  483.         <div class="arrive-submitbtn">
  484.             <a href="javascript:void(0)" class="button grey-btn grey-btn-mail" name="conf" id="arrivemail-submit-end">閉じます</a>
  485.         </div>
  486.     </div>
  487. </div>
  488.     <div class="swooth-wrapper grey-swooth">
  489.     </div>
  490. {% endblock %}