Adăugarea butonului Continuare cumpărături -2024 2 0

Adăugarea butonului Continuare cumpărături

Adăugarea unui buton personalizat în WooCommerce în diferite poziții necesită inserarea unor cârlige (hooks) specifice și funcții în fișierul functions.php al temei tale sau într-un plugin specific site-ului. Îți voi arăta cum să adaugi un buton "Continuare cumpărături" în două locații: în pagina produsului, sub butonul "Adaugă în coș", și în coș, după sumarul comenzii.

1. Adăugarea butonului în pagina produsului

Pentru a adăuga butonul sub butonul "Adaugă în coș" în paginile produselor, putem folosi :woocommerce_after_add_to_cart_button.

Iată cum:

function add_continue_shopping_button_to_product_page() {
    echo 'Continuare cumpărături';
}
add_action('woocommerce_after_add_to_cart_button', 'add_continue_shopping_button_to_product_page');

Această funcție adaugă un link înapoi la pagina de cumpărături după butonul "Adaugă în coș" pe paginile de produs.

2. Adăugarea butonului în coș, după sumarul comenzii

Pentru a adăuga butonul după sumarul comenzii în pagina de coș, putem folosi: woocommerce_after_cart_totals.

Iată cum:

function add_continue_shopping_button_to_cart_page() {
    echo 'Continuare cumpărături';
}
add_action('woocommerce_after_cart_totals', 'add_continue_shopping_button_to_cart_page');

Această funcție adaugă un link înapoi la pagina de cumpărături după sumarul comenzii în pagina de  cumpărături.

Stilizarea butonului

Butonul "Continuare cumpărături" va folosi clasele CSS deja existente în tema ta de WooCommerce (class="button"), dar poți adăuga stilizare suplimentară în fișierul CSS al temei tale pentru a-l face să se potrivească cu designul site-ului tău.

De exemplu:

.button {
    /* Stilizarea butonului */
}