Plugin a cui è associato il codice e strumenti
- TEMA Avada – Si può caricare le immagini anche nel tema Avada, tramite i builder, a condizione di utilizzare uno shortcode.
- WP-Code: per creare il codice e metterlo sul sito, ma va bene anche creare il codice e metterlo in un plugin o il tema. Consiglio di iniziare a usare WP-Code e usarlo PRO. Per le Personalizzazioni diffuse sul sito, usare il plugin è più comodo che caricare via FTP nel Tema o in un plugin.
- CODICI UTILIZZATI: PHP
Guide Esterne
- GUIDA per sub CATEGORIE : https://stackoverflow.com/questions/57767843/get-the-subcategories-of-the-current-product-category-in-woocommerce-archives
Scopo della guida
Aggiungere le sotto categorie al template della categoria primaria
Creare lo shortcode classico WP utilizzando il filtro fornito da wordpress:
Il risultato finale è stato realizzato con Tema Avada in cui è stato inserito lo shortcode realizzato di seguito
Shortcode
Creiamo uno Shortcode WP che richiami url dell’immagine caricata nella tassonomia scelta tramite il plugin Categories Images. Ricordiamo di inserire i codici qui riportati o nel plugin WP-Code o nei propri codici.
add_shortcode( 'aggiungi_subcategorie', 'wpcode_subcategorie_inpag_archivi_shortcode', 7 );
function wpcode_subcategorie_inpag_archivi_shortcode($atts = array(), $content = null) {
//FUNZIONI DENTRO LO SHORTCODE e COSA VERRA MOSTRATO DOVE LO INSERIAMO
}
NOTA IMPORTANTE: Nello shortcode è importante impostare la categoria di riferimento. E quindi mettere sempre attributo category_data="" come ad esempio inserendo [ aggiungi_subcategorie category_data="product_brand" ]. Senza impostare la categoria che desiderate, sarà applicata la classica categoria base degli articoli.
In questo contesto lo shortcode che viene fuori e che dobbiamo copiare sarà [ aggiungi_subcategorie category_data="product_brand" ] ; dove “product_brand è la taxonomia specifica che vogliamo mostrare con le sotto categorie. Al posto di questo nome potete usare le key di qualunque altra categoria, come la categoria prodotti di woocomerce “product_cat”.
// Displaying the subcategories after category title
// da menttere nel template avada Prodotti archivio
// Add Shortcode - scrivi questo campo [aggiungi_subcategorie] Con opzioni [aggiungi_subcategorie category_data="product_brand"]
// NOTA: in avada, usare il campo TESTO e non la sotto variante del campo testo SHORTCODE, altrimenti non vede
add_shortcode( 'aggiungi_subcategorie', 'wpcode_subcategorie_inpag_archivi_shortcode', 7 );
function wpcode_subcategorie_inpag_archivi_shortcode($atts = array(), $content = null) {
// ATTRIBUTI dello Shortcode
$atts = shortcode_atts(
array(
'category_data' => 'product_cat', //alternativa brand 'product_brand'
),
$atts,
'aggiungi_subcategorie' //identico al ID shortcode
);
//richiama valore con : $atts['category_data'];
// CSS BASE PER TUTTI I RICHIAMI
$HTML = '<style>'.'
.subcat-link-box{ display: inline-block; margin: 4px 10px; vertical-align: middle; }
.subcat-link { border: 1px solid var(--awb-custom_color_5); padding: 2px 12px; border-radius: 8px; color: var(--awb-custom_color_2); font-weight: 500; font-size: 1.3em; white-space: nowrap; vertical-align: super; }
.subcat-link .img-subcat { margin-right: 10px; width: 50px; height: 50px; border-radius: 50%; vertical-align: middle; background: #EEEEEE; object-fit: cover; }
.subcat-link i {font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; margin-right: 10px;}
.subcat-link .text{}
@media all and (max-width:640px) {
.subcat-link { display: flex; align-items: center; }
.subcat-link .text { white-space: normal; }
.subcat-link .img-subcat { margin-right: 10px; }
}
'.'</style>';
//if ( is_product_category() ) {} //solo le CATEGORIA PRODOTTI
// Get subcategories of the current category
if (function_exists('get_queried_object_id')) {
$term_id = get_queried_object_id();
$taxonomy = $atts['category_data']; //'product_cat';
$terms = get_terms([ //https://wp-kama.com/function/get_terms
'taxonomy' => $taxonomy,
'hide_empty' => true,
'parent' => $term_id
]);
} else { return; }
$HTML .= '<div class="box-subcategory type-'.$taxonomy.'">';
// Loop through product subcategories WP_Term Objects
foreach ( $terms as $term ) {
if ($term && $term->name){ $term_name = $term->name; } else {$term_name = '';}
$term_link = get_term_link( $term, $taxonomy );
if( function_exists('get_woocommerce_term_meta' )){
$thumb_id = get_woocommerce_term_meta( $term->term_id, 'thumbnail_id', true );
} else { $thumb_id = '';}
$term_img = wp_get_attachment_url( $thumb_id );
$HTML .= '<div class="subcat-link-box"><a class="subcat-link" href="'.$term_link.'">';
if($term_img != ''){
$HTML .='<img class="img-subcat" src="'.$term_img.'" />';
} else {
$HTML .= '<i class="fa-solid fa-list"></i>';
}
$HTML .= '<span class="text '. $term->slug.'">'.$term_name.'</span>';
$HTML .= '</a></div>';
}
$HTML .= '</div>';
// ECHO ----------------
return $HTML;
} //End FUNCTION Shortcode
Crea una Lista Categoria ad Albero navigabile
Aggiungi il testo alle icona Brand della scheda prodotto
Pulsante Svuota Carrello con specifico link
Crea un BOX con i costi di spedizione del prodotto
Dove modificare le dimensioni Thumbnails Size di Woocomerce
Scopri alcuni consigli per sfruttare al meglio i blocchi Gutenberg di WP
Crea uno Shortcode che richiami l'immagine Tassonomia Custom e caricala tramite il tema Avada
Spostiamo gli sconti attivi con il plugin, in un TAB woo dedicato.
Crea una galleria video legata al singolo prodotto con ACF plugin