Woocommerce: aggiungere bottone e descrizione alle categorie nella Pagina Shop

Woocommerce Aggiunta Bottone Descrizione Pagina Shop

Vi è mai capitato di voler aggiungere un bottone o una descrizione nella pagina shop di woocommerce sotto ad ogni categoria? Di seguito vi spiegheremo come fare, modificando solo il file functions.php del vostro tema figlio.

Aggiunta bottone sotto a singola categoria

Nel file functions.php aggiungiamo queste righe di codice:

add_action( 'woocommerce_after_shop_loop_item', 'mycode_add_buttons', 1 );
function mycode_add_buttons() {
add_action( 'woocommerce_after_shop_loop_item', 'mycode_more_info_button' );
}

function mycode_more_info_button() {
global $product;

$format = '<div><a href="%s" class="%s">%s</a></div>';
$url = get_permalink( $product->id );
$classes = 'btn btn-small';
$text = 'Scopri di più';
echo sprintf( $format, $url, $classes, $text );

}

Grazie a questo codice verrà mostrato il bottone nella pagina shop, sotto ad ogni categoria.

Aggiunta descrizione e bottone sotto a singola categoria

E se volessimo aggiungere anche la descrizione oltre al bottone?

Ecco di seguito il codice che dobbiamo aggiungere al nostro file functions.php:

add_action( 'woocommerce_after_subcategory', 'my_add_cat_description', 12);
function my_add_cat_description ($category) {
$cat_id=$category->term_id;
$prod_term=get_term($cat_id,'product_cat');
$description=$prod_term->description;
echo '<div class="shop_cat_desc">'.$description.'</div>';


$format = '<div><a href="%s" class="%s">%s</a></div>';
$url = get_term_link( $category->slug, 'product_cat' );
$classes = 'btn btn-small';
$text = 'Scopri di più';
echo sprintf( $format, $url, $classes, $text );

}

ATTENZIONE! All’interno della sottocategoria potrebbe ripetersi la descrizione della categoria genitore quindi andare nel css e aggiungere questo codice:

.taxonomy-description { display:none; }

Volete creare il vostro catalogo online con Woocommerce? Leggete anche il nostro post Woocommerce modalita catalogo

See you soon!