Tlačítko odeslání objednávky ve WooCommerce ve stylu tlačítkové novely s nápisem „Koupit za XXX Kč“

Tlačítková novela přinesla řadu inovací pro eshopy. Pro uživatele WooCommerce je vhodné navštívit web Wpify, kde je detailní návod k implementaci novely do e-shopu. K tomu nabízejí free plugin, který obsahuje různé funkce, včetně možnosti upravit text tlačítka odeslání objednávky, podle kterého dostala novela své jméno. Ačkoli plugin přináší řadu užitečných funkcionalit, možnost zobrazit cenu přímo na tlačítku zatím nepodporuje.

Kód z pluginu jsem upravil pro specifické potřeby. Pro aplikaci této úpravy stačí kód vložit do souboru functions.php či do pluginu na správu snippetů. Jeho funkčnost se omezuje na změnu textu tlačítka

add_filter('woocommerce_order_button_text', 'order_button_with_price_text');


function order_button_with_price_text($text) {
    return esc_html__('Koupit za', 'woocommerce') . ' ' . strip_tags(WC()->cart->get_total());

Pokud si přejete být kreativnější a upravit tlačítko tak, aby text byl například rozdělen na dva řádky a více si pohrát s jeho designem, je nezbytné upravit celkovou strukturu tlačítka. Samotná textace je uložena v proměnné $custom_text.

add_filter('woocommerce_order_button_html', 'order_button_with_price_html');
 
function order_button_with_price_html($html) {
 
    $custom_text = esc_html__('Potvrzuji objednávku', 'woocommerce') . '<br><small>a zaplatím ' . WC()->cart->get_total() . '</small>';
 
    $html = '<button type="submit" class="button alt' . esc_attr(wc_wp_theme_get_element_class_name('button') ? ' ' . wc_wp_theme_get_element_class_name('button') : '') . '" name="woocommerce_checkout_place_order" id="place_order" value="' . esc_attr(strip_tags(str_replace(['<br>', '<br/>', '<br />'], ' ', $custom_text))) . '">' . $custom_text . '</button>';
 
    return $html;
}

Tento článek nabízí technický návod na provedení změn. V případě nejistot ohledně souladu vaší textace s „tlačítkovou novelou“, doporučujeme konzultaci s vaším právníkem.

Brzy uvedeme na trh jednoduchý plugin, který vám usnadní práci.