WooCommerce + Gutenberg 3.7.0 – Amici o nemici? Useremo facilmente Products Block nel nostro nuovo editor WP

Ciao amici! Come ho recentemente promesso nel mio post di recensione su Gutenberg, a breve impareremo come gestire i prodotti nel tuo negozio online con l'aiuto di Gutenberg.

Oggi stavo bruciando con l'idea di presentare con orgoglio una recensione completa e chiamarla, ad esempio, qualcosa come "eCommerce + Gutenberg: in che modo l'editor aiuta a vendere online? – Impara e Guadagna”. E sapevo che sarebbe stato fantastico avere un'esperienza assolutamente nuova nella gestione del mio negozio eCommerce e dei miei prodotti in particolare.

Un piccolo problema ha cambiato i miei piani e, beh, finora non vedrai molte istantanee pittoresche e guide dettagliate su come far brillare il tuo negozio con Gutenberg. Ora rivedrò una nuova soluzione di eCommerce per Gutenberg di cui ero davvero curioso.

Blocco prodotti WooCommerce Gutenberg: risoluzione del problema

Ho un sito Web WP in cui test alcune nuove soluzioni interessanti per il blogging e la vendita online. Ogni volta che provo nuove estensioni, componenti aggiuntivi o plug-in, traggo le mie conclusioni sulla loro efficacia per le mie esigenze personali. Condivido anche la mia opinione con coloro che probabilmente hanno le mie stesse esigenze e vogliono imparare alcuni feedback su plugin definiti prima di usarli per i loro nuovi siti web.

Probabilmente chiederesti: "Testi i plugin premium? No? Ma se testi solo quelli gratuiti, allora perché altri non possono fare lo stesso? Possono semplicemente installare qualsiasi plug-in e testarlo senza leggere alcun feedback".

Certo che possono! Ma l'unico problema è il tempo. A volte trascorro ore a testare numerose pile di plugin prima di selezionare quello adatto che funzioni senza bug e offra le funzionalità di cui ho veramente bisogno.

Sono felice di farvi risparmiare tempo, miei cari amici! Non dovrai sfogliare le pile di soluzioni inutili prima di selezionare quella semplice, intuitiva ed efficiente per il tuo sito web.

Quindi questa volta vorrei dire alcune parole essenziali sull'utilizzo di un plug-in sviluppato appositamente per l'aggiunta di prodotti tramite Gutenberg: l'editor visivo avanzato ed esteso di WordPress che ha sostituito con successo quello classico.

Questo è WooCommerce Gutenberg Products Block che spero ancora di testare nel prossimo futuro. (Una settimana fa sono stato in grado di installarlo e attivarlo in modo assolutamente gratuito, almeno non c'erano notifiche che affermassero che avrei dovuto eseguire l'aggiornamento a Pro).

Vediamo quali requisiti ha il plugin:

• L'ultima versione del plugin Gutenberg;
• WooCommerce 3.3.0 o superiore;
• PHP versione 5.2.4 o successiva (si consiglia PHP 7.2 o successiva);
• MySQL versione 5.0 o successive (si consiglia MySQL 5.6 o successive).

Va bene, ora vediamo cosa ho:

• Versione PHP: 5.6.33-0+deb8u1;
• Versione MySQL: 5.6.39;
• Gutenberg 3.7.0;
• WooCommerce 3.4.5.

Sembra che sia tutto a posto. Quindi non c'è nulla che mi impedisca di provare questo plugin, giusto?

Bene, dato che ho già installato e configurato WooCommerce, non ho avuto esitazioni, quindi ho installato e attivato l'editor Gutenberg con pochi clic. Subito dopo l'attivazione mi è stato offerto di provare un nuovo plug-in di funzionalità per esso; e questo era WooCommerce Gutenberg Products Block.

Ovviamente ero interessato e ho attivato subito il plugin. Tutto andava bene e il blocco Prodotti è diventato disponibile nell'elenco Blocchi di Gutenberg. Ero felice. E speravo di provare questo plug-in di funzionalità per creare un prodotto per il mio negozio un po' più tardi.

Il giorno successivo ho deciso di fare una recensione sui blocchi Gutenberg predefiniti per condividerlo con te qui. Ho deciso di disattivare temporaneamente WooCommerce Gutenberg Products Block e quindi attivarlo in un secondo momento per la revisione.

È passata quasi una settimana e oggi ho deciso di tornare alla mia idea di cogliere l'occasione per aggiungere e gestire i prodotti in Gutenberg con l'aiuto di un Blocco Prodotti. Ho verificato i requisiti del plugin e ho capito che il mio server li soddisfa. WooCommerce e Gutenberg sono già attivi e pronti per il lavoro, quindi ho appena attivato il plugin Products Block senza alcuna esitazione.

Sono andato su Messaggi -> Tutti i post e ho trovato un post esistente lì, ho fatto clic sul collegamento Modifica per aprire un post con Gutenberg. Sono stato sorpreso di scoprire che non c'era nessun blocco Prodotti nell'elenco dei blocchi disponibili.

Hmm, ero perplesso e ho creato un nuovo post (opzione Aggiungi nuovo) e il risultato è stato lo stesso.

È possibile risolvere il problema? Vediamo.

Solo poche parole su quello che ho fatto per sapere se fosse possibile risolvere il problema (puoi saltare questa descrizione e scorrere verso il basso per vedere il risultato).

1. Quindi ho verificato ancora una volta se il mio server soddisfa i requisiti del plug-in. Tutto era ok.
2. Successivamente ho eliminato tutti i plugin per escludere il conflitto.
3. Quindi ho disattivato ed eliminato Gutenberg e WooCommerce, nonché il plug-in della funzione Blocco prodotti.
4. Ho svuotato la cache del mio sito Web e la cache del browser.
5. Ho sostituito il mio tema WordPress predefinito con Storefront (il tema consigliato da WooCommerce).
6. Ho installato e attivato nuovamente WooCommerce e Gutenberg. E poi ho installato e attivato WooCommerce Gutenberg Products Block.
7. Controllato l'elenco dei blocchi in Gutenberg, niente...

Tutto ciò non ha aiutato, quindi io...

1. …ha deciso di provare un altro server (ha anche soddisfatto i requisiti). Ho installato WooCommerce e poi Gutenberg su un altro sito Web e mi è stato offerto di installare e attivare immediatamente il Blocco prodotti per Gutenberg, quindi l'ho fatto. Tuttavia, il blocco dei prodotti non è mai apparso...
2. Ho anche provato tutto ciò in diversi browser, ma non è cambiato nulla.
3. Ho provato tutto questo con diversi temi WordPress, niente...

Solo uno shortcode!

La home page del plugin su WordPress.org dice che i bug dovrebbero essere segnalati sul repository di GitHub, quindi sono andato lì per leggere cosa dice la gente.

Uno dei problemi aperti diversi giorni fa includeva il messaggio che questo bug era stato confermato come un problema, ma i blocchi funzionavano ancora nel front-end perché erano gli shortcode per origine.

Uno degli utenti ha detto che il blocco esistente è tornato a un blocco classico con lo shortcode:

[colonne dei prodotti=”…” ids=”…” orderby=”data”]

Sembra che dovrei definire un numero di colonne in cui voglio che i miei prodotti vengano visualizzati e quindi inserire gli ID prodotto separati da virgole nello shortcode? O no?

Ho deciso di provarlo sul mio sito Web per assicurarmi che funzioni davvero. Ho solo alcuni prodotti di prova nell'elenco dei miei prodotti,

quindi ho inserito i loro ID nello shortcode e ho ottenuto qualcosa del genere:

Ho aggiornato il mio post e sono andato in diretta per vedere come appariva. No, non ha funzionato, è stato visualizzato solo un prodotto.

Quindi ho modificato il mio post e aggiunto un altro shortcode (in realtà, ho appena duplicato il primo blocco shortcode e cambiato l'ID prodotto nel mio nuovo blocco).

E poi avevo un ID prodotto in ogni shortcode.

Aggiornato il post e ora...

Funziona! Tutti i prodotti vengono visualizzati.

È un peccato che ci siano stati numerosi post che promuovono questo nuovo plug-in di funzionalità WooCommerce Products Block per Gutenberg, ma di conseguenza otteniamo ciò che vediamo ora, il blocco non funziona finora. Almeno, non funziona come deve e come è stato promesso e presentato a... Spero di aggiornare questo post non appena questo bug sarà risolto.

Il vostro,
Melania H.

Aggiornamento post 13 settembre 2018:

Infine! L'aggiornamento Gutenberg 3.8.0 è stato rilasciato, ora WooCommerce Gutenberg Products Block funziona come deve! Leggi una nuova recensione.