Modello Gutenberg di ShopEngine

Iniziare con il modello Gutenberg di ShopEngine #

ShopEngine Gutenberg te lo permette crea da zero un modello di pagina singola, archivio, negozio, carrello, pagamento e visualizzazione rapida utilizzando l'editor Gutenberg. Otterrai più widget per diversi modelli che puoi aggiungere e modificare per creare il tuo modello WooCommerce personalizzato.

Nota: il modello professionale, il widget e i moduli sono disponibili solo in ShopEngine per Elementor.

Come creare un modello WooCommerce personalizzato utilizzando ShopEngine Gutenberg #

Scopri come creare una personalizzazione WooCommerce modello utilizzando ShopEngine Gutenberg in soli 4 passaggi:

Passaggio 1: abilita i widget necessari #

ShopEngine fornisce i widget necessari per tutti i modelli. Puoi trovare tutti i widget nella sezione widget di ShopEngine, organizzati con diversi nomi di modelli.

Modello Gutenberg di ShopEngine

Devi attiva tutti i widget utilizzerai. Per attivare il widget vai su ShopEngine ⇒ Widget. Ad esempio, se desideri creare una pagina di prodotto singola personalizzata, attiva tutti i widget in Singolo, quindi fai clic su Salva modifiche.

Modello Gutenberg di ShopEngine

Passaggio 2: crea un modello #

Per creare un nuovo modello vai a ShopEngine ⇒ Modello del generatore e fai clic su Aggiungi nuovo. Quindi fornire le seguenti opzioni:

  • Nome: Fornire un nome adatto.
  • Tipo: scegli il tipo di modello che desideri creare dal menu a discesa. 
  • Imposta default: È necessario attivare questa opzione su per renderlo il modello predefinito.
  • Progettazione del campione: Scegli il modello vuoto

Infine, fare clic su Modifica con Gutenberg per iniziare a modificare/creare il tuo modello.

creare un modello WooCommerce

Passaggio 3: modifica il modello #

Ora per personalizzare il tuo modello, cerca per nome del widget uno per uno, quindi trascina e rilascia semplicemente nell'editor.

trascina e rilascia il widget wooCommerce SopEngine Gutenberg

Passaggio 4: aggiornamento e anteprima #

Una volta terminata la creazione del modello personalizzato fare clic su Aggiorna per salvare. Quindi puoi fare clic sul pulsante di anteprima per vedere l'anteprima:

aggiorna e visualizza in anteprima ShopEngine Gutenberg
Quali sono i tuoi sentimenti?
Aggiornato l'11 Giugno 2023