app/Plugin/PayPalCheckout42/Resource/template/default/Shopping/index/common.twig line 1

Open in your IDE?
  1. <div style="display: none;">
  2.   <div id="paypal-credit-card"
  3.        style="margin-left: 2rem; margin-top: 1.5rem; margin-bottom: 3rem;">
  4.     <p style="margin-bottom: 0.5rem;">
  5.       カードでも銀行口座からでも、IDとパスワードでかんたん・安全にお支払い。新規登録は無料です。</p>
  6.     <p style="margin-bottom: 0.5rem;">
  7.       <a href="#about-paypal"
  8.          style="color: #009cde; text-decoration: underline;"
  9.          onclick="window.open('https://www.paypal.com/jp/webapps/mpp/lp/about-paypal','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=700');">
  10.         ペイパルについて
  11.       </a>
  12.     <table style="margin-left: 0;" border="0" cellpadding="10" cellspacing="0" align="center">
  13.       <tr>
  14.         <td align="center">
  15.           <a href="#"
  16.              onclick="window.open('https://www.paypal.com/jp/webapps/mpp/logo/about','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=700');">
  17.             <img src="{{ PayPalCheckout.payment_banner_image_url }}" border="0"
  18.                  alt="ペイパル ｜VISA, Mastercard, JCB, American Express, Union Pay, 銀行">
  19.           </a>
  20.         </td>
  21.       </tr>
  22.     </table>
  23.   </div>
  24.   <div id="paypal-bank-transfer"
  25.        style="margin-left: 2rem; margin-top: 1.5rem">
  26.     <p style="margin-bottom: 0.5rem;">銀行口座からのお支払いでも、一度設定すれば素早くかんたん。新規登録・振込手数料も無料です。</p>
  27.     <p style="margin-bottom: 0.5rem;"> ※ご利用可能な銀行は、みずほ銀行、三井住友銀行、三菱UFJ銀行、ゆうちょ銀行、りそな銀行・埼玉りそな銀行です。</p>
  28.     <p style="margin-bottom: 0.5rem;">
  29.       <a href="#set-up-bank"
  30.          style="color: #009cde; text-decoration: underline;"
  31.          onclick="window.open('https://www.paypal.com/jp/webapps/mpp/lp/set-up-bank','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=900, height=700');">
  32.         銀行口座のご利用について
  33.       </a>
  34.   </div>
  35.   <div id="paypal-inline-guest"
  36.        style="margin-left: 2rem; margin-top: 1.5rem">
  37.     <p class="paypal-inline-guest-message" id="paypal-inline-guest-message-before-input"  style="display: none; margin-top: 15px;">
  38.       「デビットカードまたはクレジットカード」ボタンをクリックしてクレジットカード情報を入力後、「続行」ボタンをクリックください。
  39.     </p>
  40.     <p class="paypal-inline-guest-message" id="paypal-inline-guest-message-after-input"  style="display: none; margin-top: 15px;">
  41.       クレジットカード情報は正常に入力されました。「確認する」ボタンをクリックして確認画面にお進みください。
  42.     </p>
  43.     <p class="paypal-inline-guest-message" id="paypal-inline-guest-message-error"  style="display: none; margin-top: 15px;">
  44.       エラーが発生しました。再度ページを読み込み直してください。
  45.     </p>
  46.     <div id="paypal-button-container" style="margin-top: 0.5rem; display: block;"></div>
  47.   </div>
  49.   {# 本物決済 #}
  50.   <div id="paypal-acdc" style="margin-left: 2rem; margin-top: 1.5rem">
  52.     <p class="paypal-acdc-message" id="paypal-acdc-message-error"  style="display: none; line-height: 1.8; margin: 15px 0; font-weight: bold; color: #DE5D50;">
  53.       {{ 'paypal.shopping.acdc.error.unknown'|trans }}
  54.     </p>
  55.     <div id="paypal-acdc-form" style="display: none">
  56.       {% if PayPalCheckout.acdcShowVault is defined and PayPalCheckout.acdcShowVault and PayPalCheckout.acdcVault.id is defined %}
  57.       <div>
  58.         <div>
  59.           <input type="radio" name="paypal-acdc-choose-card" id="paypal-acdc-use-vault" value="use-vault">
  60.           <label for="paypal-acdc-use-vault">{{ 'paypal.shopping.acdc.use_vault'|trans }}</label>
  61.         </div>
  62.         <p style="padding: 10px 0 20px 30px">
  63.           {{ PayPalCheckout.acdcVault.source.card.brand }}
  64.           {{ 'paypal.shopping.acdc.card_last_digits'|trans }}: {{ PayPalCheckout.acdcVault.source.card.last_digits }}
  65.         </p>
  66.       </div>
  67.       <div>
  68.         <input type="radio" name="paypal-acdc-choose-card" id="paypal-acdc-other-card" value="other-card">
  69.         <label for="paypal-acdc-other-card">{{ 'paypal.shopping.acdc.user_other_card'|trans }}</label>
  70.       </div>
  71.       {% endif %}
  73.       <p class="paypal-acdc-usable_brand" id="paypal-acdc-usable_brand"  style="display: none; margin-top: 15px;">
  74.         {{ 'paypal.shopping.acdc.usable_card_brand'|trans }}
  75.       </p>
  76.       <p class="paypal-acdc-usable_brand" id="paypal-acdc-usable_brand_wo_jcb"  style="display: none; margin-top: 15px;">
  77.         {{ 'paypal.shopping.acdc.usable_card_brand_wo_jcb'|trans }}
  78.       </p>
  79.       <div class="card_container">
  80.         <p class="paypal-acdc-message" id="paypal-acdc-message-card-error"  style="display: none; line-height: 1.8; margin-bottom: 15px; font-weight: bold; color: #DE5D50;">
  81.           {{ 'paypal.shopping.acdc.error.invalid_card'|trans }}
  82.         </p>
  83.         <form id="card-form">
  84.           <label for="card-number">{{ 'paypal.shopping.acdc.card_number'|trans }}</label><div id="card-number" class="card_field"></div>
  85.           <div>
  86.             <label for="expiration-date">{{ 'paypal.shopping.acdc.card_expiration_date'|trans }}</label>
  87.             <div id="expiration-date" class="card_field"></div>
  88.           </div>
  89.           <div>
  90.             <label for="cvv">{{ 'paypal.shopping.acdc.cvv'|trans }}</label><div id="cvv" class="card_field"></div>
  91.           </div>
  92.           {% if PayPalCheckout.acdcShowVault is defined and PayPalCheckout.acdcShowVault %}
  93.           <div id="paypal-acdc-save-vault-container">
  94.             <input type="checkbox" id="paypal-acdc-save-vault" name="paypal-acdc-save-vault">
  95.             <label for="paypal-acdc-save-vault">{{ 'paypal.shopping.acdc.save_vault'|trans }}</label>
  96.           </div>
  97.           {% endif %}
  98.         </form>
  99.       </div>
  100.     </div>
  101.   </div>
  103.   <div id="paypal-credit-card-html">
  104.     <img id="paypal-credit-card-image" style="width: auto; height: 2.5rem;"
  105.          src="{{ PayPalCheckout.credit_card_appearance_base64 }}" alt="PayPal決済">
  106.   </div>
  107.   <div id="paypal-bank-transfer-html">
  108.     <span>かんたん銀行決済</span>
  109.     <img id="paypal-bank-transfer-image" style="width: auto; height: 2.5rem; margin-left: 1.5rem" src="{{ PayPalCheckout.credit_card_appearance_base64 }}" alt="かんたん銀行決済">
  110.   </div>
  111.   <div id="paypal-inline-guest-html">
  112.     <span>{{ PayPalCheckout.inline_guest_label }}</span>
  113.   </div>
  114.   <div id="paypal-acdc-html">
  115.     <span>{{ PayPalCheckout.acdc_label }}</span>
  116.   </div>
  117. </div>
  119. <script lang="js">
  120.   $(function () {
  121.     var creditCardId = "{{ PayPalCheckout.credit_card_id }}";
  122.     var bankTransferId = "{{ PayPalCheckout.bank_transfer_id }}";
  123.     var inlineGuestId = "{{ PayPalCheckout.inline_guest_id }}";
  124.     var acdcId = "{{ PayPalCheckout.acdc_id }}";
  126.     $(creditCardId).parent().find("label")
  127.       .empty()
  128.       .append($('#paypal-credit-card-html').html())
  129.       .after($('#paypal-credit-card'));
  131.     $(bankTransferId).parent().find("label")
  132.       .empty()
  133.       .append($('#paypal-bank-transfer-html').html())
  134.       .after($('#paypal-bank-transfer'));
  136.     $(inlineGuestId).parent().find("label")
  137.       .empty()
  138.       .append($('#paypal-inline-guest-html').html())
  139.       .after($('#paypal-inline-guest'));
  141.     $(acdcId).parent().find("label")
  142.       .empty()
  143.       .append($('#paypal-acdc-html').html())
  144.       .after($('#paypal-acdc'));
  145.   });
  146. </script>