3 modi per correggere la pagina del prodotto WooCommerce in WordPress

Se gestisci un negozio WooCommerce su WordPress, potresti aver riscontrato un problema con la pagina del prodotto che non viene visualizzata correttamente nel tuo tema. Questo può essere un problema frustrante, ma per fortuna ci sono alcune cose che puoi fare per risolverlo. In questo articolo, ti mostreremo come correggere la pagina del prodotto WooCommerce nel tema WordPress . Tratteremo tre diversi metodi: 1. Aggiornare i file del tuo modello WooCommerce 2. Modificare il CSS del tuo tema 3. Aggiungere un modello di pagina prodotto WooCommerce personalizzato Iniziamo!

La pagina del prodotto di un negozio WooCommerce è spesso una delle pagine più importanti. La creazione di una pagina visivamente distinta è una parte importante per mantenere lo stile del tuo negozio coerente su tutta la linea. In questo tutorial, ti mostreremo come personalizzare facilmente un layout di pagina di un singolo prodotto WooCommerce utilizzando Astra Pro. Elementor WooCommerce Builder verrà utilizzato per raggiungere questo obiettivo. Di conseguenza, le immagini che scegli di utilizzare devono essere disposte in modo che il tuo prodotto sia chiaramente visibile durante la conversione. Il personalizzatore Prodotto Singolo consente di modificare il layout della Galleria e la larghezza dell'immagine. Inoltre, puoi abilitare o disabilitare la funzionalità Aggiungi al carrello di Ajax (il percorso del prodotto sopra il titolo) e abilitare i breadcrumb (il percorso del prodotto sopra il titolo).

Se non hai installato e attivato WooCommerce, i modelli di prodotto forniti da Elementor non saranno disponibili. Si consiglia vivamente di selezionare un modello pre-progettato per la propria azienda e di personalizzarlo in modo che sia appropriato per il proprio marchio. Anche se non hai le competenze necessarie per creare subito un modello, puoi comunque farlo se lavori sodo. Assicurati che la pagina del tuo singolo prodotto sia incorporata con il widget del prodotto per offrire ai tuoi clienti un'esperienza di acquisto distinta. Il generatore di pagine del prodotto Elementor ti consente di controllare tutti gli elementi che lo compongono. Il titolo del prodotto, la galleria, le immagini, il prezzo, la valutazione, la descrizione breve, i breadcrumb, le schede dei dati, le azioni, gli articoli correlati, l'upsell, l'aggiunta al carrello, i meta, i contenuti e le informazioni aggiuntive possono essere visualizzati come componenti del widget. Il widget Aggiungi al carrello aggiunge funzionalità al carrello visualizzando la personalizzazione e il layout del pulsante Aggiungi al carrello.

Il widget Schede prodotto è il modo principale per accedere alle informazioni sul prodotto. Puoi modificare lo stile del widget dei tuoi prodotti correlati selezionando un prodotto specifico. Quando fai clic su questo pulsante, sarai in grado di passare dalle opzioni di visualizzazione Desktop, Tablet e Mobile. Per impostazione predefinita, il modello che abbiamo creato si applicherà a tutte le pagine dei prodotti nel tuo negozio WooCommerce. Nell'angolo in basso a sinistra della pagina, seleziona l'icona delle impostazioni, quindi fai clic sull'icona a forma di occhio nella pagina del nuovo prodotto per visualizzarne l'anteprima. Prendi nota della dimensione del carattere che desideri. Puoi utilizzare un filtro prodotto o un plug-in di cortocircuito per ottimizzare il tuo negozio.

In un ordine gerarchico, puoi organizzare tutte le informazioni sui prodotti in modo che i clienti possano saperne di più sui tuoi prodotti. I plugin di ottimizzazione delle immagini possono ottimizzare le immagini ad alta risoluzione, ma non sono progettati per velocizzare il tuo sito. Consentendo a un cliente di vedere il prodotto nelle immagini, sarà più sicuro della propria decisione. Se vuoi che i tuoi clienti comprendano rapidamente il prezzo, personalizza la pagina del prodotto in modo che la visualizzi con un carattere grande. Se vuoi far risaltare il prezzo, usa un colore contrastante. Il prezzo originale, così come eventuali sconti, dovrebbe essere visualizzato accanto al nuovo prezzo. Se non hai già deciso il tuo design, potrebbe essere necessario ripensarci se il prezzo non è immediatamente chiaro.

La pagina del prodotto Woocommerce non viene visualizzata correttamente

Questo problema può essere risolto andando nella sezione Prodotti e quindi nella sezione Visibilità catalogo. L'impostazione ora dovrebbe essere "Acquista e risultati di ricerca". Quando inserisci queste informazioni, i tuoi prodotti appariranno sulla tua pagina WooCommerce e sui risultati della pagina di ricerca.

Un cliente di Toolset sta riscontrando problemi con una pagina di un singolo prodotto WooCommerce. Espa*ol (spagnolo) è un buon sostituto dell'inglese (inglese). Il fuso orario per Europa/Londra è 01:00 (GMT). Ho notato che se Layouts è attivo e hai creato un template personalizzato per i tuoi prodotti, quello viene utilizzato anche se le impostazioni di WooCommerce Views indicano che dovrebbe essere utilizzato il template standard. Il tuo sito è multisito e non può essere personalizzato o disabilitato/abilitato dai plugin, quindi non può accedervi. Come posso inviargli una password di super amministratore? Ho verificato che il modello di layout viene utilizzato sui prodotti e che c'è un motivo per cui non sembra esattamente come ti aspetti.

Altri temi che non utilizzano Bootstrap dovrebbero evitare di utilizzare i layout in generale. Visualizzazioni I modelli di contenuto possono essere utilizzati al posto delle visualizzazioni. Sebbene non abbiano la capacità di inserire il contenuto in colonne, hanno un'area vuota per il markup. I layout causano la modifica della struttura di una singola pagina di prodotto, con il risultato di non contrassegnare correttamente i contenuti della pagina. Le Impostazioni Visualizzazioni di WordPress ti permettono di scegliere se utilizzare il layout di un prodotto, ma non il suo template; nel nostro caso, puoi scegliere se utilizzare il layout di un prodotto o il suo template WooCommerce. Il layout a pagina singola Prodotti sarà incompatibile con il layout Layout. Se hai già dei Layout assegnati ai Prodotti o al Negozio, ti preghiamo di eliminare tale assegnazione da ogni singolo Prodotto (NON utilizzare i layout) o dal layout del Modello.

Ora i tuoi prodotti verranno visualizzati come appaiono nel tema. Se i prodotti vengono visualizzati in modo errato, è molto probabilmente dovuto al tema, come sai, il set di strumenti non ha alcun effetto sull'output in seguito. Le visualizzazioni e i layout di WooCommerce non possono essere problematici se il tuo sito non ha nessuno dei due attivi. Puoi disabilitare l'intero strumento per assicurarti che i tuoi prodotti siano esattamente ciò che il tema vuole che siano. Non ci saranno modifiche all'immagine come risultato dello screenshot che è stato condiviso.

3 cose da verificare se le recensioni non vengono visualizzate sulle pagine dei prodotti

Quando le recensioni non vengono visualizzate nelle pagine dei prodotti , ci sono alcune cose da cercare. È possibile disabilitare la visualizzazione delle recensioni sulle pagine dei prodotti se non si desidera che lo facciano. Per disabilitare le recensioni, vai su Prodotti. Se non sei in grado di aggiungere o modificare una recensione, potrebbe essere necessario svuotare la cache del browser. Se il problema persiste dopo aver svuotato la cache, potrebbe essere necessario modificare le impostazioni di hosting. Quando si utilizza un tema WordPress, potrebbe essere necessario modificarne le impostazioni di revisione. Puoi accedere alla sezione Revisione andando su Aspetto. Devi impostare il dispositivo di scorrimento su true o su uno sul lato destro dello schermo.

Come aggiungere prodotti Woocommerce alla pagina di WordPress

L'aggiunta di prodotti WooCommerce a una pagina WordPress è un processo semplice che può essere eseguito in pochi passaggi. 1. Accedi al tuo sito WordPress e vai alla pagina in cui desideri aggiungere il prodotto. 2. Fare clic sul pulsante "Aggiungi media" sopra l'editor. 3. Fare clic sulla scheda "Carica file". 4. Seleziona il prodotto WooCommerce dal tuo computer che desideri aggiungere. 5. Fare clic sul pulsante "Inserisci nella pagina". Il prodotto verrà ora aggiunto alla pagina di WordPress.

Il processo di aggiunta di prodotti a qualsiasi post o pagina in un negozio WooCommerce. Se utilizzi il plug-in Product Table, puoi visualizzare i prodotti in un layout tabella/elenco, consentendo agli utenti di aggiungerli al carrello senza lasciare il post o la pagina in cui sono visualizzati. Per visualizzare i prodotti in qualsiasi Post o Pagina, ti mostreremo come creare una tabella prodotti. Per salvare le modifiche dopo aver creato la tabella, fai clic su Salva modifiche nell'angolo in alto a destra dello schermo. Per inserire la tabella ovunque in un post o in una pagina, abbiamo bisogno dello shortcode della tabella. Per copiare lo shortcode, vai alle Impostazioni generali del plugin. Questo shortcode può essere utilizzato per visualizzare la tabella su qualsiasi post o pagina del tuo negozio.

Per incollare lo shortcode, dobbiamo prima includere uno Shortcode Block. Incollerò il blocco dopo il primo paragrafo del post. Dopo che il post è stato aggiornato, puoi verificare se la tabella dei prodotti è stata aggiunta. Gli utenti possono ora aggiungere qualsiasi prodotto al carrello dopo aver lasciato il post del blog. Utilizzando l'editor di blocchi di WordPress, puoi aggiungere prodotti a qualsiasi pagina o post. Poiché l'editor di blocchi è incluso nelle versioni più recenti e imminenti di WordPress, non è necessario installare alcun plug-in per implementare questo metodo. Prima di installare il plugin Gutenberg, assicurati di avere una versione precedente di WordPress che includa l'editor classico.

Seleziona Prodotti per categoria per aggiungere prodotti alla tua pagina WooCommerce o per pubblicarli nel tuo negozio. Trova i prodotti digitando il loro nome nella barra di ricerca, che visualizzerà un elenco di tutti i blocchi relativi al prodotto. Dopo aver scelto una categoria, ti verrà chiesto di aggiungere prodotti facendo clic sul pulsante Fine. Per aggiornare la pagina, fai clic sul pulsante Aggiorna nell'angolo in alto a destra dello schermo.