ShopEngine allows you to design a fully customized single product page for your WooCommerce store using Elementor. By creating a Single template from the Builder Templates section, you can control the layout and apply it to all product pages automatically.

Watch the video:

Quick Steps to Create #

• Install & Activate – Ensure ShopEngine and Elementor are installed and active on your WordPress site.
• Create a Template – Vai a ShopEngine → Builder Templates, click Aggiungere nuova, enter a name, and Selezionare Separare as the template type.
• Set as Default – Enable the Default option if you want the template applied to all single product pages.
• Edit with Elementor – Clic Modifica con Elementor to open the visual builder.
• Add ShopEngine Widgets – Drag and drop widgets like Product Image, Title, Price, Description, Add to Cart, and Additional Information to build your layout.
• Save & Apply – Publish the template to activate the custom design across your store.

For detailed guide, check the steps below.

Come creare un modello di pagina di prodotto singolo con ShopEngine #

ShopEngine offers Single Product Widgets including Product Title, Product Image, Product Price, Product Description, Add to Cart, Product SKU, etc. Using these widgets, you can easily set up your single product page template in your desired way. Just follow the step-by-step process to create & beautify your single product page template:

Passaggio 1: crea un modello di prodotto singolo #

• Vai a ShopEngine-> Costruttore Modelli > Aggiungere nuova.

1. Entrare in un Nome per il modello.
2. Scegli la pagina Tipo COME "Separare".
3. Scegliere Categoria applicabile.
4. Abilita Attivo a SÌ.
5. Seleziona un design dal modello disponibile o crea il tuo design utilizzando i widget della pagina del singolo prodotto. Mostreremo la creazione del modello da zero.
6. Scegli quale editor desideri utilizzare per modificare il modello tra le opzioni fornite: Elementor E Gutenberg.
7. Ora fai clic su Salvare le modifiche.

Passaggio 2: modifica il modello con gli editor (Elementor o Gutenberg) #

Poco dopo, puoi vedere che il modello è stato creato e visibile in cima all'elenco dei modelli. Per modificare il modello, vedrai l'opzione di modifica con l'editor che scegli. Ad esempio, se scegli Elementor, vedrai un'opzione per Modifica con Elementor. Se scegli Gutenberg, vedrai un'opzione per Modifica con Gutenberg. Qui abbiamo scelto l'editor di Elementor.

Passaggio 3: modifica il modello in base al prodotto selezionato #

Questa è la caratteristica speciale di ShopEngine per WooCommerce. Ora puoi scegli un prodotto specifico A customize the Single Product page template. When you click on “Edit with Elementor” (or Edit with Gutenberg), a popup will appear where you can Modifica modello per prodotto selezionato. Nel popup,

• Seleziona un prodotto dall'elenco a discesa.
• Clicca su Modifica con Elementor per iniziare a modificare il modello.
• Inoltre, puoi Crea un nuovo prodotto per modificare il modello.

Puoi anche utilizzare questa opzione dalla pagina di visualizzazione del prodotto. Vai alla barra di amministrazione nella parte superiore della pagina. Quindi fare clic su Modifica con Elementor > Modello di pagina di prodotto singolo. Potrai modificare il modello con questo prodotto.

Passaggio 4: scegli Struttura #

• Scegli la tua struttura dalla zona selezionata.

Passaggio 5: abbellisci il modello della pagina del singolo prodotto con i widget del singolo prodotto #

Vai a un blocco prodotto singolo ShopEngine e potrai progettarne uno tuo. Qui ne troverai alcuni specificati ShopEngine singolo Widget inclusi Titolo del prodotto, Immagine del prodotto, Prezzo del prodotto, Descrizione del prodotto, Aggiungi al carrello, SKU del prodotto, eccetera. Vediamo come personalizzarli:

Ora trascina semplicemente i seguenti widget e lasciarli cadere sull'area selezionata.

• Titolo del prodotto.
• Prezzo del prodotto.
• Descrizione del prodotto.
• Aggiungi al carrello.

• Informazioni aggiuntive.
• SKU del prodotto.
• categoria di prodotto.
• Stock di prodotti.

• Immagini del prodotto.
• Scheda prodotto.
• prodotti correlati.

Passaggio 6: pubblica il modello della pagina del singolo prodotto #

• Dopo aver finito di progettare, fai clic su Aggiornamento.
• Ora fai clic su qualsiasi Prodotto singolo-> Puoi vedere il tuo desiderato Separare La pagina del prodotto viene visualizzata di conseguenza.

Questo è tutto con la creazione di un modello di pagina di prodotto singolo. È piuttosto semplice e diretto. ShopEngine offre tutto ciò di cui hai bisogno per creare un modello di pagina di prodotto singolo per il tuo sito WooCommerce.