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 – Aller à ShopEngine → Builder Templates, click Ajouter un nouveau, enter a name, and sélectionner Célibataire 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 – Cliquez sur Modifier avec 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.

Comment créer un modèle de page produit unique avec 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:

Étape 1 : Créer un modèle de produit unique #

• Aller à Moteur de boutique-> Constructeur Modèles > Ajouter un nouveau.

1. Entrez un Nom pour le modèle.
2. Choisissez la page Taper comme "Célibataire".
3. Choisir Catégorie applicable.
4. Activer Actif pour Oui.
5. Sélectionnez un design dans le modèle disponible ou créez votre design à l'aide de widgets de page de produit unique. Nous montrerons la création du modèle à partir de zéro.
6. Choisissez l'éditeur que vous souhaitez utiliser pour modifier le modèle parmi les options proposées : Élémentor et Gutenberg.
7. Cliquez maintenant sur Sauvegarder les modifications.

Étape 2 : Modifier le modèle avec les éditeurs (Elementor ou Gutenberg) #

Peu de temps après, vous pouvez voir que le modèle est créé et visible en haut de la liste des modèles. Pour modifier le modèle, vous verrez l'option d'édition avec l'éditeur que vous choisissez. Par exemple, si vous choisissez Elementor, vous verrez une option pour Modifier avec Elementor. Si vous choisissez Gutenberg, vous verrez une option pour Modifier avec Gutenberg. Ici, nous avons choisi l'éditeur Elementor.

Étape 3 : Modifier le modèle par produit sélectionné #

Il s'agit de la fonctionnalité spéciale de ShopEngine pour WooCommerce. Maintenant vous pouvez choisir un produit spécifique à customize the Single Product page template. When you click on “Edit with Elementor” (or Edit with Gutenberg), a popup will appear where you can Modification du modèle par produit sélectionné. Sur la popup,

• Choisissez un produit dans la liste déroulante.
• Cliquer sur Modifier avec Elementor pour commencer à modifier le modèle.
• Aussi, vous pouvez Créer un nouveau produit pour modifier le modèle.

Vous pouvez également utiliser cette option à partir de la page d'affichage du produit. Accédez à la barre d'administration en haut de la page. Cliquez ensuite sur le Modifier avec Elementor > Modèle de page de produit unique. Vous pourrez modifier le modèle avec ce produit.

Étape 4 : Choisir la structure #

• Choisissez votre structure dans la zone sélectionnée.

Étape 5 : Embellissez votre modèle de page de produit unique avec des widgets de produit unique #

Accédez à un bloc de produit unique ShopEngine et vous pourrez concevoir le vôtre. Ici, vous en obtiendrez quelques-uns spécifiés Moteur de boutique unique Widgets comprenant Titre du produit, image du produit, Prix du produit, Description du produit, Ajouter au panier, UGS du produit, etc.. Voyons comment les personnaliser :

Maintenant, faites simplement glisser les widgets suivants et Laisse-les tomber sur la zone sélectionnée.

• Titre du produit.
• Prix du produit.
• Description du produit.
• Ajouter au panier.

• Informations Complémentaires.
• UGS du produit.
• catégorie de produit.
• Stock de produits.

• Images de produits.
• Onglet Produit.
• Produits connexes.

Étape 6 : Publiez votre modèle de page produit unique #

• Une fois la conception terminée, cliquez sur Mise à jour.
• Maintenant, cliquez sur n'importe quel Produit unique -> Vous pouvez voir votre choix Célibataire La page produit s'affiche en conséquence.

C'est tout avec la création d'un modèle de page produit unique. C'est assez simple et direct. ShopEngine offre tout ce dont vous avez besoin pour créer un modèle de page produit unique pour votre site WooCommerce.