Я считаю, что есть некоторые разработчики, которые хотят настроить кнопку Paypal только с использованием технологий Front-end. Однако возможности, предоставляемые Paypal, довольно ограничены. Надеюсь, эта статья решит вашу проблему, если вы один из них.
Итак, кнопка Paypal в основном находится внутри iframe, к которому вы не можете получить доступ и что-либо сделать для его стиля. Поэтому мое решение состоит в том, чтобы создать обложку для этого iframe и позволить пользователю щелкнуть ее. Достаточно просто? Посмотрите, что нам нужно сделать здесь.
Добавьте Paypal SDK:
‹script src="https://www.paypal.com/sdk/js?client-id=%CLIENT_ID%›‹/script›
Добавьте элементы HTML
‹div class="кнопка PayPal"›
‹div id="paypal-button-container" /›
‹div class="fake-paypal-button"›Мое пользовательское сообщение‹/div›
‹/дел›
И добавьте код для отображения кнопки PayPal
paypal.Buttons().render('#paypal-button-container');
Теперь самая важная часть, закройте кнопку Paypal с помощью CSS поддельной кнопкой и дайте пользователю щелкнуть по ней.
.paypal-кнопка {
положение: родственник;
ширина: 300 пикселей;
высота: 50 пикселей;
}
.fake-paypal-кнопка {
положение: абсолютное;
сверху: 0;
внизу: 0;
слева: 0;
справа: 0;
z-индекс: 9999;
цвет фона: зеленый;
белый цвет;
события-указатели: нет;
}
Достаточно легко? Это оно!!!