So passen Sie das Erscheinungsbild der Zahlungsmethode an

Dieses Dokument gilt nur für das Neue Zahlungserlebnis

Um ein Höchstmaß an Sicherheit zu gewährleisten, werden die Formularfelder, die sensible Zahlungsinformationen erfassen, nicht direkt auf Ihrer Website geladen. Stattdessen wird ein <iframe> auf der Seite eingebettet und dessen Inhalt wird direkt von den Servern von Stripe geladen.

Dies ist großartig für die Sicherheit, verhindert aber, dass Standard-CSS auf die Formularelemente angewendet wird (CSS wird nicht auf ein iframe angewendet). Um das Erscheinungsbild der Zahlungsmethodenelemente anzupassen, kann die Elements Appearance API verwendet werden.

Um die Elements-Konfiguration zu ändern, kann der folgende Filter verwendet werden:

<?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;
	}
);

Das obige Beispiel vergrößert die Größe der Zahlungsmethodensymbole:

Erfahren Sie, wie Sie benutzerdefinierte Code-Snippets anwenden →