Woocommerce – Afișare livrare gratuită pe pagina de shop

O funcție foarte utilă, care poate crește rata de conversie, este afișarea de livrare gratuită chiar pe pagina se shop, sub fiecare produs în așa fel încât să atragă atenția.

Woocommerce Livrare Gratuita

 

Pentru a folosi această funcție trebuie să adăugați următorul cod în functions.php al child theme, imediat dupa <?php

// // code begins

add_action( 'woocommerce_after_shop_loop_item_title', 'loc_show_free_shipping_badge' );
function loc_show_free_shipping_badge() {
global $post, $product;
if ( $product && $product->get_price() >= 100 ) {
echo '<span class="free-shipping">' . __( 'Livrare Gratuită!' ) . '</span>';
}
}

// code ends

Eu am setat ca funcția să fie afișată dacă prețul este mai mare sau egal cu 100 de lei, voi puteți modifica cu suma voastra de livrare, modificarea se face în secțiunea de mai jos unde puteți modifica 100 în suma dorită.

if ( $product && $product->get_price() >= 100 )

După ce adăugați acest cod, îl și puteți stiliza prin custom CSS, eu am facut textul verde și bold, voi puteți adauga propriul cod CSS sau să îl păstrați pe al meu dacă vă place.

.free-shipping {
color: green;
font-weight: bold;
font-size: 14px;
}

Dacă îți place conținutul, susține blogul cu un Like & Share!

 

Din aceiași categorie

Back to top button