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

I prodotti correlati a WooCommerce vengono creati con il chiaro obiettivo di presentare ai visitatori del negozio una gamma più ampia di prodotti.

È un modo efficace per aumentare il valore medio dell'ordine o gli acquisti di prodotti e quasi tutti i negozi utilizzano il concetto.

Ma se non vuoi che appaiano, come rimuovi i prodotti correlati a WooCommerce o ne disabiliti la visualizzazione?

Potresti bombardare i clienti con altri prodotti prima ancora che vogliano effettuare il loro primo acquisto dal tuo negozio in un dato momento e questo non è eccezionale per la conversione.

Potresti chiederti come WooCommerce sceglie quali prodotti correlati visualizzare nella pagina del prodotto.

I prodotti correlati a WooCommerce, a differenza delle vendite incrociate di WooCommerce e degli upsell di WooCommerce, non possono essere personalizzati.

Può essere influenzato raggruppando prodotti simili nella stessa categoria di prodotti o utilizzando gli stessi tag di 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 disabilitino i prodotti correlati a WooCommerce nella pagina del prodotto.

 

Quando si tratta di nascondere i prodotti correlati a WooCommerce, hai diverse opzioni.

Scegli quello che è più facile da eseguire.

  1. Puoi aggiungere codice a functions.php.
  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 tu abbia un tema figlio installato sul tuo sito.

Ti consigliamo di utilizzare un tema figlio in modo che le tue modifiche non vengano sovrascritte quando il tema WordPress viene aggiornato.

Se non hai impostato un tema figlio e desideri comunque utilizzare questo metodo, dovrai crearne uno.

Ecco come creare un tema figlio, riguardoless di quale tema hai installato.

Accedi all'editor del tema tramite la dashboard di WordPress (Aspetto > Editor del tema). Quindi scegli il tuo tema figlio.

Trova il file functions.php e incolla il seguente codice al suo interno per disabilitare in modo permanente 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?" 

Se non hai il permesso di cambiare functions.php, ecco la soluzione:

Puoi apportare una semplice modifica al tuo 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')

Cioè se hai il permesso di modificare quel file.

Questo ripristinerà l'opzione WordPress Theme Editor, permettendoti di inserire il codice nel file functions.php del child theme come pianificato.

Da un punto di vista tecnico, credo che l'utilizzo di un plug-in sia una buona soluzione se non vuoi fare confusione con il codice

Puoi evitare il problema degli aggiornamenti del tema che sovrascrivono il codice utilizzando un plug-in per inserire il codice nel file functions.php 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.

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 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 disturbarti minimamente. In tal caso, puoi facilmente disabilitare i prodotti correlati sulla pagina del prodotto WooCommerce incollando questo CSS nel tuo Tema WooCommerce Sezione "Custom CSS" del Customiser.

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 si concentrano sull'impedire a WooCommerce di visualizzare i prodotti correlati sulle pagine dei prodotti.

Utilizzando un page builder come Divi o Elementor, puoi eliminare i prodotti correlati a WooCommerce da una pagina di 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 appaia quasi identica al modello di pagina del prodotto predefinito, ma con alcune differenze fondamentali.

Vuoi disattivare i prodotti correlati a WooCommerce? Nessun problema; lasciali fuori dai tuoi nuovi design delle pagine dei prodotti.

Vuoi modificare il testo sulle pagine dei prodotti WooCommerce che fa riferimento ai prodotti correlati?

Nessun problema: usa un page builder come Divi per cambiare il titolo in qualsiasi cosa tu voglia.

Su dispositivo mobile, vuoi mostrare una singola colonna di prodotti correlati a WooCommerce?

Nemmeno questo è un problema. Basta specificarlo nel tuo page builder!

Vuoi modificare 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 correlati a WooCommerce da una sottocategoria?

Nessun problema; basta lasciare vuota la sezione dei prodotti correlati per determinate pagine!

Vuoi creare un elenco di prodotti correlati a WooCommerce?

Nella pagina del prodotto WooCommerce, puoi visualizzare i prodotti correlati esattamente come e dove vuoi.

Invece di visualizzare i prodotti correlati a WooCommerce, perché non visualizzare 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 desideri fare.

Tuttavia, questo richiederà quasi certamente l'uso del codice.

Considera le possibilità.

Puoi controllare tutto sul design della pagina del prodotto WooCommerce se utilizzi un page builder per modificare la pagina del prodotto WooCommerce.

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 affidano ai CSS nella sezione CSS personalizzata del programma di personalizzazione del tema.

Tuttavia, riteniamo che assumere il pieno controllo del design della pagina del prodotto e non fare affidamento sul modello di pagina del prodotto fornito dal 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 bestseller, prodotti di upsell o prodotti di 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 senza dover toccare un pezzo di codice.

Sebbene i prodotti correlati a WooCommerce non possano essere dettagliati come upsell e cross-sell di WooCommerce, è possibile influire sui prodotti correlati.

Agli occhi del database WooCommerce, classificare i prodotti nella stessa categoria di prodotto 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, ma WooCommerce associa anche i prodotti ai tag.

Se hai impostato varie categorie e tag come la maggior parte dei proprietari di aziende WooCommerce, è probabile che gran parte del tuo catalogo prodotti venga visualizzato come "prodotti correlati" nelle 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 Said
Shahzaad Saaed è apparso in numerosi siti web autorevoli tra cui EasyDigitalDownloads, OptinMonster e WPBeginner, dove attualmente lavora come scrittore di contenuti senior. Shahzad è un esperto di WordPress, web designer ed esperto generale di tecnologia e design. È specializzato in content marketing per aiutare le aziende ad aumentare il proprio traffico attraverso articoli, blog e guide di esperti fruibili e supportati dall'esperienza, tutti tratti dai suoi oltre 10 anni di esperienza nel settore.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Per 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 ...