minicart-button.phtml 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. <?php
  2. /**
  3. * Copyright 2016 Amazon.com, Inc. or its affiliates. All Rights Reserved.
  4. *
  5. * Licensed under the Apache License, Version 2.0 (the "License").
  6. * You may not use this file except in compliance with the License.
  7. * A copy of the License is located at
  8. *
  9. * http://aws.amazon.com/apache2.0
  10. *
  11. * or in the "license" file accompanying this file. This file is distributed
  12. * on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
  13. * express or implied. See the License for the specific language governing
  14. * permissions and limitations under the License.
  15. */
  16. /**
  17. * @var \Amazon\Payment\Block\Minicart\Button $block
  18. */
  19. $config = [
  20. 'Amazon_Payment/js/amazon-button' => [
  21. 'buttonType' => 'PwA'
  22. ]
  23. ];
  24. $tooltipConfig = [
  25. 'dropdown' => [
  26. 'activeClass' => '_active'
  27. ]
  28. ];
  29. ?>
  30. <div id="minicart-amazon-pay-button" class="amazon-minicart-container">
  31. <div class="amazon-button-container">
  32. <div class="amazon-button-container__cell">
  33. <div id="PayWithAmazon-<?= /* @noEscape */ $block->getParentBlock()->getJsId() ?>"
  34. class="login-with-amazon"
  35. data-mage-init='<?= /* @noEscape */ json_encode($config); ?>'>
  36. </div>
  37. </div>
  38. <div class="amazon-button-container__cell">
  39. <div class="field-tooltip toggle">
  40. <span class="field-tooltip-action action-help"
  41. data-mage-init='<?= /* @noEscape */ json_encode($tooltipConfig); ?>'
  42. data-toggle="dropdown"
  43. aria-haspopup="true"
  44. aria-expanded="false">
  45. </span>
  46. <div class="field-tooltip-content" data-target="dropdown" aria-hidden="true">
  47. <?= $block->escapeHtml(__('Are you an Amazon customer? ' .
  48. 'Pay now with address and payment details stored in your Amazon account.')); ?>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. </div>