Jak dostosować wygląd metod płatności

Ten dokument ma zastosowanie wyłącznie do Nowego Interfejsu Płatności

Aby zapewnić maksymalny poziom bezpieczeństwa, żadne z pól formularza zbierających poufne informacje o płatności nie są ładowane bezpośrednio na Twojej stronie internetowej. Zamiast tego, na stronie osadzony jest <iframe>, a jego zawartość jest ładowana bezpośrednio z serwerów Stripe.

Jest to świetne rozwiązanie pod względem bezpieczeństwa, ale uniemożliwia zastosowanie standardowego CSS do elementów formularza (CSS nie ma zastosowania do ramki iframe). Aby dostosować wygląd elementów metody płatności, można użyć Elements Appearance API.

Aby zmodyfikować konfigurację Elements, można użyć następującego filtra:

<?php
/**
 * Plugin Name: WP Simple Pay - Custom Elements Appearance
 */
add_filter(
	'simpay_elements_config',
	function( $elements ) {
		// Increase the base font size of the tabs to scale the icons.
		$elements['appearance']['rules']['.Tab']['fontSize'] = '24px';

		// Set the font size of the tab label to "reset" the font size.
		$elements['appearance']['rules']['.TabLabel']['fontSize'] = '15px';

		return $elements;
	}
);

Powyższy przykład zwiększa rozmiar ikon metod płatności:

Dowiedz się, jak stosować niestandardowe fragmenty kodu →