Så här anpassar du utseendet på betalningsmetoden

Det här dokumentet gäller endast för Nya betalningsupplevelsen

För att ge maximal säkerhet laddas inga av formulärfälten som samlar in känslig betalningsinformation direkt på din webbplats. Istället bäddas en <iframe> in på sidan och dess innehåll laddas direkt från Stripes servrar.

Detta är bra för säkerheten, men förhindrar att standard-CSS tillämpas på formulärelementen (CSS gäller inte för en iframe). För att anpassa utseendet på betalningsmetodelementen kan Elements Appearance API användas.

För att ändra Elements-konfigurationen kan följande filter användas:

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

Ovanstående exempel ökar storleken på betalningsmetodikoner:

Lär dig hur du tillämpar anpassade kodavsnitt →