Disabilita e rimuovi i prodotti correlati in WooCommerce: 5 modi per nasconderli rapidamente

I prodotti relativi a WooCommerce sono creati con il chiaro obiettivo di presentare ai visitatori del tuo negozio WooCommerce una gamma più ampia di prodotti. WooCommerce mostra prodotti simili sulle pagine dei tuoi prodotti per un motivo. Ma se non vuoi che appaiano, come rimuovi i prodotti correlati a WooCommerce o disabilita la loro visualizzazione?

WooCommerce Core comprende anche WooCommerce Cross Sell sulla pagina del carrello e WooCommerce Upsell sulla pagina del prodotto (include tutti i tipi di prodotti collegati a WooCommerce).

In altre parole, potresti bombardare i tuoi clienti fedeli con altri prodotti prima ancora che volessero fare il loro primo acquisto dal tuo negozio in un dato momento.

Ti starai chiedendo come WooCommerce scelga quali prodotti correlati visualizzare nella pagina del prodotto. I prodotti correlati a WooCommerce, a differenza di WooCommerce Cross-Sells e WooCommerce Upsells, non possono essere personalizzati, ma possono essere influenzati raggruppando prodotti simili nella stessa categoria di prodotto o utilizzando gli stessi tag prodotto.

Potresti credere che il tuo sito organizzi solo i prodotti relativi a WooCommerce per categoria, ma considera anche i tag dei prodotti.

Non sorprende, quindi, che molti commercianti, proprietari di negozi, esperti di marketing di eCommerce e sviluppatori di WooCommerce disabilitino i prodotti correlati a WooCommerce nella pagina del prodotto.

Allora, ecco come funziona...

 

 

Quando si tratta di nascondere i prodotti correlati a WooCommerce, le possibilità sono piuttosto poche. Scegli quello che è più facile da eseguire.

  1. Puoi aggiungere del codice al file functions.php di un tema figlio.
  2. Usando un plug-in, aggiungi del codice al file functions.php principale in modo che gli aggiornamenti del tema non sovrascrivano le modifiche.
  3. Utilizza i CSS per impedire che i prodotti correlati vengano visualizzati nella pagina del prodotto.

La prima soluzione richiede che sul tuo sito sia installato un tema figlio. Se l'hai già fatto, dovrebbe essere abbastanza semplice (soprattutto se lo hai configurato). Non preoccuparti se hai dimenticato di impostare il tuo tema figlio.

Se puoi accedere all'Editor dei temi tramite la dashboard di WordPress (Aspetto > Editor dei temi).

Quindi trova il tuo file functions.php e incolla il seguente codice per disabilitare permanentemente i prodotti correlati a WooCommerce.

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Tuttavia, in alcuni casi, potresti chiederti: "Perché l'editor di temi di WordPress non è visibile a me?" 

Ecco la soluzione:

Puoi andare avanti e apportare alcune modifiche al file wp-config.php trovando la riga ("DISALLOW FILE EDIT", true) e sostituendo la parola "true" con "false", come mostrato di seguito: 

(falso, 'NON CONSENTI MODIFICA FILE')

Inoltre non è necessario accedere al server o al cPanel per apportare modifiche al file wp-config.php; invece, puoi usare il plugin WP File Manager.

Questo deve ripristinare completamente l'opzione Editor temi di WordPress, consentendoti di procedere con l'inserimento del codice nel file functions.php del Tema figlio come pianificato. Dai un'occhiata a questi passaggi per la risoluzione dei problemi per ulteriori informazioni su quanto sopra.

Se non hai già impostato un tema figlio e desideri comunque utilizzare questo metodo, dovrai prima farlo. Ecco come creare e installare un tema figlio sul tuo sito Web WordPress, salutiless di quale tema hai installato.

Dal punto di vista tecnico, credo che questa opzione sia una buona soluzione.

Puoi evitare il problema degli aggiornamenti del tema che sovrascrivono il codice utilizzando un plug-in per inserire il codice nel file functions.php del tema principale e non è necessario utilizzare un tema figlio se non ne hai già uno.

È necessario prima un plug-in di frammenti di codice. Alcuni di questi sono plug-in completamente gratuiti, potenti e supportati che possono essere trovati nel repository di WordPress.org.

Alcuni plugin che potrebbero essere utili sono: Le mie funzioni personalizzate di Space X-Chimp e frammenti di codice di frammenti di codice Pro.

Le mie funzioni personalizzate

Dopo aver installato uno di questi plugin, puoi andare avanti e incollare il codice dal metodo precedente. Se l'hai saltato, eccolo di nuovo:

remove_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

Segui semplicemente le istruzioni fornite dallo sviluppatore del plug-in (che di solito sono semplici come copiare e incollare il codice in una casella) per nascondere in modo rapido, efficace e corretto i prodotti correlati a WooCommerce dalla pagina del prodotto.

Questa è una soluzione relativamente semplice. Ma è una "correzione CSS" piuttosto che una "correzione del codice", il che significa che la funzione è ancora in esecuzione in background, ma le stai dicendo di non usare uno stile.

Questo potrebbe non infastidirti minimamente. In tal caso, puoi facilmente disabilitare i prodotti correlati nella pagina del prodotto WooCommerce incollando questo CSS nel tuo Tema WooCommerce Sezione "CSS personalizzato" del personalizzatore. Incolla il seguente CSS in Aspetto > Personalizza > CSS personalizzato:

.prodotti correlati {
display: none;
}

Questo è tutto; I prodotti correlati a WooCommerce sono stati rimossi dal tuo sito web.

Questi tre esempi, tuttavia, si concentrano sull'impedire a WooCommerce di visualizzare prodotti correlati sulle pagine dei prodotti.

Utilizzando un Page Builder come Divi o Elementor, puoi eliminare i prodotti correlati a WooCommerce da una pagina del prodotto.

Infatti, l'aspetto della pagina del prodotto WooCommerce può essere completamente personalizzato.

Tuttavia, non è necessario adottare misure drastiche!

Puoi creare una nuova Pagina del prodotto WooCommerce in modo che sembri quasi identica al modello di Pagina del prodotto predefinito, ma con alcune differenze chiave.

Vuoi disattivare i prodotti correlati di woocommerce? Nessun problema; lasciali fuori dal design della tua nuova pagina prodotto.

Vuoi cambiare il testo sulle pagine dei prodotti WooCommerce che fa riferimento ai prodotti correlati? Nessun problema: usa un generatore di pagine come Divi per cambiare il titolo in qualsiasi cosa tu voglia.

Su dispositivo mobile, vuoi mostrare una singola colonna di prodotti relativi a WooCommerce? Non è un problema; specificalo semplicemente nel tuo page builder!

Vuoi cambiare la dimensione dell'immagine dei prodotti correlati a woocommerce? Nessun problema: usa semplicemente il generatore di pagine per regolare le dimensioni dell'immagine a tuo piacimento.

Vuoi escludere i prodotti relativi a WooCommerce da una sottocategoria dei tuoi prodotti? Nessun problema; lascia vuota la sezione Prodotti correlati nella riprogettazione della pagina del prodotto WooCommerce per determinate pagine!

Vuoi creare un elenco di prodotti relativi a woocommerce? Non è un problema; nella pagina del prodotto WooCommerce, puoi visualizzare i prodotti correlati esattamente come e dove vuoi.

Invece di mostrare prodotti legati al woocommerce, perché non mostrare i bestseller? Utilizzare un generatore di pagine per progettare la pagina del tuo prodotto WooCommerce senza alcun codice è un'ottima idea ed è facile da fare!

Quindi, se sei curioso di sapere come controllare i prodotti correlati in WooCommerce, è possibile che tu debba affrontare il problema da una prospettiva diversa.

Sì, puoi modificare la sezione dei prodotti correlati della Pagina del prodotto WooCommerce se è tutto ciò che vuoi fare. Tuttavia, ciò richiederà quasi sicuramente l'uso del codice.

Considera le possibilità.

Puoi controllare tutto sul WooCommerce Product Page Design se usi un Page Builder per modificare la WooCommerce Product Page.

Ciò non significa che devi prendere misure drastiche!

Puoi semplicemente copiare il design esistente e apportare piccole modifiche per soddisfare le tue esigenze.

Dai un'occhiata al tema Divi e Divi Builder, entrambi fantastici, potenti ed economici.

Sì, puoi disabilitare i prodotti correlati a WooCommerce tra tutte le pagine dei prodotti, oppure puoi disattivare i prodotti correlati su prodotti specifici in WooCommerce. Alcune soluzioni richiedono la codifica nei file del tema, mentre altre si basano sui CSS nella sezione CSS personalizzato del personalizzatore del tema.

Tuttavia, riteniamo che assumere il pieno controllo del design della pagina del tuo prodotto e non fare affidamento sul modello di pagina del prodotto fornito dal tuo Tema per lavorare con WooCommerce sia l'opzione migliore.

Nella pagina del prodotto WooCommerce, puoi iniziare a sostituire i prodotti correlati a WooCommerce con prodotti best seller, prodotti upsell o prodotti cross-sell.

Come abbiamo visto con il tema Divi e Divi Builder approccio alla sostituzione dei prodotti correlati a WooCommerce, è del tutto possibile personalizzare la pagina del prodotto WooCommerce in relazione al design visivo senza dover toccare un pezzo di codice.

Sebbene i prodotti correlati a WooCommerce non possano essere dettagliati come gli upsell e i cross-sell di WooCommerce, puoi influenzare i prodotti correlati.

Agli occhi del database di WooCommerce, classificare i prodotti nella stessa categoria di prodotti o utilizzare gli stessi tag di prodotto sui tuoi prodotti WooCommerce li rende "correlati". Potresti pensare che il tuo sito abbia organizzato solo i prodotti relativi a WooCommerce per categoria di prodotto, ma WooCommerce associa anche i prodotti ai tag dei prodotti.

Se hai impostato varie categorie di prodotti e tag di prodotto, come la maggior parte dei proprietari di attività commerciali WooCommerce, è probabile che gran parte del tuo catalogo prodotti venga visualizzato come "prodotti correlati" sulle pagine dei prodotti WooCommerce.

1. Nascondili con CSS 2. Usando frammenti di codice per modificare PHP per disabilitare i prodotti correlati 3. Ricostruire la pagina del prodotto WooCommerce utilizzando un generatore di pagine come Divi, ad eccezione della sezione Prodotti correlati dal design.

WooCommerce utilizza Categorie di prodotto e Tag di prodotto per raggruppare i prodotti. Per modificare quali prodotti sono correlati, devi prima modificare le categorie di prodotti e i tag.

La personalizzazione della pagina del prodotto WooCommerce è un modo migliore per gestire i "prodotti correlati" che appaiono nella pagina del prodotto WooCommerce. Puoi scegliere di mostrare i prodotti "cross-sell" e "upsell" specificati dall'utente anziché i prodotti correlati definiti da WooCommerce.

L'autore
Shahzad Saeed
Autore: Shahzad SaeedSito web: http://shahzadsaeed.com/
Shahzaad Saaed è stato presentato in un gran numero di siti Web di autorità, come esperto di WordPress. È specializzato in content marketing per aiutare le aziende a far crescere il proprio traffico.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Fatti un favore: lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.

Autore / i in primo piano su:  Logo della rivista Inc   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...