Veurem uns exemples de com canviar el botó afegir a la cistella a WooCommerce, el plugin que converteix el teu WordPress en una botiga online.
El més habitual és canviar el botó ‘Afegir a la cistella’ per un botó de ‘Veure el producte’. D’aquesta manera, obliguem a l’usuari a passar per la fitxa del producte abans d’afegir-lo a la cistella. Per què? Doncs per mostrar informació important del venedor o que li pugui interessar al comprador: tema impostos (IVA), tema de condicions especials com l’enviament a diferents països… entre d’altres
Codi
WooCommerce deixa fer-ho afegint al fitxer functions.php de la plantilla que tingueu instal·lada, el següent codi:
// Canviar el boto afegir a la cistella per un enllaç al producte
add_filter( 'woocommerce_loop_add_to_cart_link', 'custom_text_replace_button', 10, 2 );
function custom_text_replace_button( $button, $product ) {
$button_text = "Veure producte";
return '<a class="button" href="' . $product->get_permalink() . '">' . $button_text . '</a>';
}Al codi que heu vist, no tractem el tema d’idiomes. Si teniu instal·lat un mòdul d’idiomes, com podria ser el WPML, haureu de tractar el tema idioma.
Un altre exemple, seria canviar els botons d’afegir a la cistella, per no res. D’aquesta manera el que fem, és eliminar el botó
// Canviar el boto afegir a la cistella per no res
add_filter( 'woocommerce_loop_add_to_cart_link', 'custom_text_replace_button', 10, 2 );
function custom_text_replace_button() {
return '';
}Els botons es canviaran per no res i s’eliminaran. No sortiran als llistats de productes.
Lògicament, el codi és orientatiu. Pot varia segons els mòduls que tingueu instal·lats o la plantilla que feu servir.
Espero que trobeu pràctic l’article de com com canviar el botó afegir a la cistella a WooCommerce, el plugin que converteix el teu WordPress en una botiga online
Anem afegint guies i tutorials en català…
Més informació