[vc_row][vc_column width=”1/2″][vc_custom_heading text=”Problema” use_theme_fonts=”yes”][vc_column_text]Utilizzando il tema wordpress Jupiter e il plugin Woocommerce, uno dei problemi che più spesso si è presentato a noi di Appcademy è quello di spostare nome e descrizione di una categoria dalla sezione TITOLO della pagina categoria.
Jupiter non permette tra le sue opzioni di oscurare questa sezione né di modificarla in alcun modo.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Tecnologie” use_theme_fonts=”yes”][mk_custom_list]
- WordPress
- Woocommerce
- Jupiter Theme
- Code Snippets (plugin)
- CSS
[/mk_custom_list][/vc_column][/vc_row][vc_row][vc_column][vc_column_text]Per risolvere questo problema bisogna prima impedire la visualizzazione della sezione titolo e poi inserire nel corpo del testo titolo e descrizione della categoria.
Non visualizzare categoria nel titolo
Per impedire la visualizzazione basta un po’ di semplice CSS:
[css]
.mk-shop-header > h4{
display:none;
}
#mk-page-introduce{
display:none;
}
[/css]
In questo modo gli H4 della classe mk-shop-header contenenti il titolo e la desrizioe della categoria scompariranno.
Inserire titolo e descrizione categoria
A questo punto bisogna iniettare nel corpo del testo i dati della categoria che ci interessano.
Per farlo possiamo modificare il file function.php ed inserire il codice apposito.
Nel caso non ci fosse permesso modificare questo file ricorriamo al plugin NOME-PLUGIN che ci permette di iniettare dei piccoli segmenti di codice nel nostro sito wordpress.
Il codice da iniettare è il seguente:
[php]
function wc_category_title_archive_products(){
$product_info = get_queried_object();
if ( $product_info && ! is_wp_error ( $product_info ) ){
$single_cat = $product_info;
echo” <div style=’margin-bottom:20px’>”;
echo “<h4 class=’product_category_title’> $single_cat->name </h4> “;
echo ” $single_cat->description “;
echo” </div>”;
}
}
add_action( ‘woocommerce_before_shop_loop’, ‘wc_category_title_archive_products’, 5 );
[/php]
Tramite l’hook woocommerce_before_shop_loop possiamo inserire subito prima dell’elenco dei prodotti
In questo caso iniettiamo la funzione wc_category_title_archive_products che preleva i dati della categoria da wordpress e li inserisce in un div.[/vc_column_text][/vc_column][/vc_row]
Commenti recenti