Cum să personalizați aspectul metodei de plată

Acest document este aplicabil numai pentru Noua Experiență de Plată

Pentru a oferi nivelul maxim de securitate, niciunul dintre câmpurile formularului care colectează informații sensibile despre plată nu este încărcat direct pe site-ul dvs. web. În schimb, un <iframe> este încorporat pe pagină, iar conținutul acestuia este încărcat direct de pe serverele Stripe.

Acest lucru este excelent pentru securitate, dar împiedică aplicarea CSS standard la elementele formularului (CSS nu se aplică unui iframe). Pentru a personaliza aspectul elementelor metodei de plată, se poate utiliza API-ul de Aspect al Elementelor.

Pentru a modifica configurația Elementelor, se poate utiliza următorul filtru:

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

Exemplul de mai sus mărește dimensiunea pictogramelor metodei de plată:

Aflați cum să aplicați fragmente de cod personalizate →