WooCommerce mette a disposizione un’importantissima funzione, cioè quella di mostrare al di sotto di un determinato prodotto (che fa parte di una categoria), più prodotti appartenenti alla stessa categoria, fornendo al cliente una maggior varietà di prodotti visualizzabili.
Questi vengono definiti Prodotti Correlati.
Con questo codice, che va inserito nel functions.php del vostro tema, è possibile cambiare il numero dei prodotti correlati a 5 (o altro numero desiderato).
Vi consiglio di prendere spunto da questo post, vi tornerà utile per creare un file functions.php sicuro da ogni aggiornamento.
/**
*
* Cambiamo il numero dei prodotti correlati a 5
* Se si desidera cambiare il numero, modificare la variabile posts_per_page
*
*/
add_filter( woocommerce_output_related_products_args, change_number_related_products, 11 );
function change_number_related_products( $args ) {
$args[posts_per_page] = 5; // #numero dei prodotti correlati
$args[columns] = 5; // #numero colonne dei prodotti correlati
return $args;
}
In caso utilizziate Storefront:
/**
*
* Cambiamo il numero dei prodotti correlati a 5 in Storefront
* Se si desidera cambiare il numero, modificare la variabile posts_per_page
*
*/
add_filter( woocommerce_output_related_products_args, storefront_change_number_related_products, 11 );
function storefront_change_number_related_products( $args ) {
$args[posts_per_page] = 5; // #numero dei prodotti correlati
$args[columns] = 5; // #numero colonne dei prodotti correlati
return $args;
}
poi applichiamo un pò di css per sistemare la visualizzazione sia da Desktop che da Mobile:
.site-main .related.products ul.products li.product {
width: 16%;
float: left;
margin-right: 5%;
}
@media (max-width: 1063px) and (min-width: 568px){
.site-main .related.products ul.products li.product {
width: 50%;
margin: 0 auto!important;
}
}
@media (max-width: 567px){
.site-main .related.products ul.products li.product {
width: 100%;
margin-top: 10px!important;
}
}
Il risultato sarà questo:
NB : non è detto che questo css funzioni perfettamente, perchè ogni tema potrebbe avere modificato la struttura dei prodotti correlati, e quindi è necessario riscriverlo, ma potete provare e vedere il risultato.
Nel caso commentate e cerchiamo di trovare insieme una soluzione!
10 commenti su “Cambiare numero Prodotti Correlati WooCommerce”
Ho utilizzato il tuo script, che confermo funziona bene.
Il mio server Nginx mi segnala però questo avviso di PHP:
FastCGI ha inviato in stderr: “Avvertenza PHP: utilizzo della costante non definita woocommerce_output_related_products_args – presunto” woocommerce_output_related_products_args “(questo genererà un errore in una futura versione di PHP) in / home / myvideoimage / public_html / wpChild / functions. php in linea 50
Secondo te a cosa è dovuto? Recentemente ho avuto qualche inaccessibilità del sito con errore di Nginx 502 Bad gatway.
Potrebbe esserci una relazione con l’avviso PHP?
Grazie
Ciao Maurizio,
quello segnalato sembra solamente un classico avviso (warning) di php e non dovrebbe creare problemi, ne generare errori 502.
Per scrupolo, prova con questa funzione simile e dimmi se ricevi comunque l’avviso.
add_filter( 'woocommerce_output_related_products_args', 'bbloomer_change_number_related_products', 9999 ); function bbloomer_change_number_related_products( $args ) { $args['posts_per_page'] = 4; // #numero dei prodotti correlati $args['columns'] = 4; // #numero colonne dei prodotti correlati return $args; }Che versione hai di php sul server?
Grazie
Ciao Emiliano. Grazie per la tua risposta. Utilizzo PHP 7.2.11. Appena posso inserisco il codice. Avevo inserito un commento con questa sintassi: /*Commento*/ (Senza spazio fra asterisco e testo del commento. ) E’ corretto, potrebbe generare problemi?
Il commento non genera problemi a patto che sia formattato correttamente.
Ti consiglio però di usare la sintassi:
//il tuo commento
Come nel codice che ti ho allegato alla riga 4 e 5.
In effetti il commento o il tuo codice non c’entrano nulla con problema del sito (errore 502 bad gateway). Credo dipenda dal numero dei processi contemporanei e della memoria assegnata a PHP.
In merito a Woocommerce, quale metodo si può utilizzare per creare delle pagine in una seconda lingua senza usare i plugin (che mi stanno dando ploblemi)? Pensavo di lavorare su un file csv, ma non saprei quale ID assegnare per la traduzione nella seconda lingua. Ti è mai capitato? Grazie
Quale plugin del multilingua stai utilizzando? WPML?
Per tradurre un sito via codice è complesso e richiede sviluppo, non saprei darti indicazioni su questo.
Sul sito https://myvideoimage.com sto provando polylang ma mi sta dando problemi di interferenza con il modulo di ricerca. In pratica, credo a causa di polylang non funziona la ricerca di wordpress. Attualmente non ho la versione di Polylang per wordpress. Grazie
Ciao Emiliano. La seconda versione sembra funzionare senza avvisi di errore. Grazie
E’ possibile mostrare solamente i prodotti correlati che hanno in comune con il prodotto della pagina visualizzata una categoria? In particolare ho due categorie principali: Video e Foto. Se ho aperta una pagina il cui prodotto è FOTO vorrei che nei prodotti correlati vengano mostrate solo FOTO e non VIDEO. Non voglio intervenire sugli altri criteri di selezione dei prodotti correlati. Hai qualche idea? Grazie
Ciao Emiliano,
potresti aiutarmi per rimuovere la descrizione dei prodotti correlati, così da avere solo titolo prodotto e prezzo.
Non riesco a trovare come si faccia. Grazie