Dans cet article, vous apprendrez comment créer une page de boucle de produits WooCommerce avec Elementor.
Une des grandes caractéristiques de ShopPress Il est possible de créer une boucle pour chacun des widgets de produits, tels que les produits en promotion, les produits récents, les produits phares, les produits similaires, etc. Grâce à cette fonctionnalité, vous pouvez concevoir un modèle spécifique pour chacun de ces widgets et les placer n'importe où sur votre site web.
Créer une page de produits WooCommerce avec Elementor
Pour personnaliser votre page de produits WooCommerce, suivez ces étapes :
Tout d'abord, aller à ShopPress Sélectionnez ensuite Woo Templates. Choisissez Product Loop et cliquez sur le bouton Configurer.
Vous accéderez ainsi à une nouvelle page affichant une liste de boucles de produits. Cliquez sur le bouton « Ajouter » pour créer le modèle de boucle. Ensuite, en cliquant sur l’icône de modification, vous serez redirigé vers une page Elementor pour modifier votre modèle de boucle.
Ici, vous pouvez personnaliser tous les widgets à votre guise et les utiliser sur vos pages produits.
Personnalisation de la boucle des produits WooCommerce avec Elementor
Tout d'abord, cliquez sur le bouton Modifier pour accéder à la page d'édition d'Elementor. Nous avons utilisé (glissé) différents widgets, tels que Boucle des vignettes de produits, Boucle du titre du produit, Boucle du prix du produit et Boucle de la note, pour créer la boucle des produits récents. Les styles des widgets se trouvent dans l'onglet Style.
Remarque : Tout le contenu de cette page est fictif et sera remplacé par vos produits réels sur la partie visible de l'interface.
Utilisation de modèles de boucle sur les pages
Nous allons maintenant utiliser cette boucle de produits sur une page spécifique. Ouvrez la page où vous souhaitez utiliser le modèle de boucle de produits et modifiez-la avec Elementor. Ensuite, faites glisser le widget Collection de produits dans la zone Elementor.
Ensuite, choisissez parmi les collections de produits disponibles que vous souhaitez mettre en avant sur vos pages, telles que Produits récents, Meilleures ventes, Produits vedettes, Produits en promotion et Produits les mieux notés.
Maintenant, dans les paramètres du modèle, vous pouvez choisir le modèle que vous avez conçu au préalable dans le ShopPress Section Modèle Woo.
Voilà ! Vous pouvez désormais créer et utiliser facilement votre modèle de produit personnalisé sur vos pages WooCommerce.
Remarque : Vous pouvez utiliser vos modèles créés sur toutes les pages de votre choix, de la page d’accueil aux pages internes, en passant par la page Boutique et les archives.
