La compatibilité et l'évolutivité des thèmes sont très importantes lors de la création d'un site de commerce électronique avec WordPress.Astra Il s'agit d'un thème léger, puissant et gratuit, qui prend parfaitement en charge le système de gestion de l'information. WooCommerce Astra Free Edition permet de créer rapidement une boutique en ligne avec un style unifié. Dans cet article, nous allons présenter l'intégration d'Astra Free Edition avec WooCommerce et les options de mise en page.
![Image [1]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102614181-image.png)
Intégration rapide avec héritage automatique des styles
Astra s'adapte automatiquement WooCommerce Les plugins, les couleurs des pages de commerce électronique, les polices de caractères, les boutons et autres styles seront synchronisés avec les paramètres du thème de l'ensemble du site. Aucune configuration complexe n'est nécessaire, le style général reste cohérent, ce qui convient aux créateurs de sites qui débutent.
![Image [2]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102634733-image.png)
Astra Le thème est également compatible avec le responsive design, qui s'adapte aux ordinateurs de bureau, aux appareils mobiles et aux tablettes afin d'améliorer la performance globale de la mise en page.
attirer l'attention sur qqch.Si un contrôle plus souple du style est nécessaire, par exemple pour la présentation de la fiche produit, l'optimisation de la structure de la page de paiement, etc. Astra Pro pour le module WooCommerce.
Aperçu des options de configuration de WooCommerce (Astra 3.0+)
Installer et activer WooCommerce Après l'installation du plugin, vous pouvez voir toutes les options de configuration dans Apparence > Personnalisation > WooCommerce, qui est divisé en sous-panneaux.
![Image [3]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102650883-image.png)
Paramètres du catalogue
S'applique à la page principale de la boutique et contient les options suivantes :
- Largeur du contenu : ajuster la zone d'affichage en utilisant des valeurs par défaut ou personnalisées
- Nombre de colonnes de produits : définit le nombre de produits affichés dans chaque ligne, qui peuvent être distingués par équipement.
- Nombre de produits par page : contrôle le nombre de pages affichées, affecte la logique de pagination.
- Structure du produit : vous pouvez ajuster la disposition ou le masquage du titre, du prix, du bouton et d'autres éléments.
![Image [4]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102711691-image.png)
Paramétrage de la page d'un seul produit
La navigation en fil d'Ariane peut être activée ou désactivée pour fournir un chemin clair à travers la page.
![Image [5]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102718848-image.png)
Configuration de la page du panier d'achat
Emplacement : Apparence > Personnaliser > WooCommerce > Panier
![Image [6]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102726579-image.png)
Fournir la structure générale et la présentation de la page du panier d'achat, et soutenir l'affichage des "produits de vente croisée" afin d'améliorer l'exposition des produits.
![Image [7]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102733409-image.png)
Paramètres de l'image du produit
L'image principale et les vignettes peuvent être redimensionnées, et le recadrage de l'image est effectué par la fonction WooCommerce Contrôle. La vitesse de chargement des images et le ratio peuvent être ajustés de manière flexible en fonction des exigences de la page.
Icône de menu panier d'achat
Chemin : Apparence > Personnaliser > En-tête > Menu principal
![Image [8]-Astra Thème gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102739810-image.png)
En activant le dernier paramètre WooCommerce, une icône de panier peut être affichée sur le côté droit de la barre de navigation principale, permettant aux visiteurs de voir le contenu de leur commande à tout moment.
Mise en page et contrôle des barres latérales
Astra Prise en charge de largeurs de conteneurs et de barres latérales distinctes pour les pages liées au commerce électronique.
Paramètres de largeur du conteneur de la page
Chemin : Apparence > Personnaliser > Global > Conteneur
![Image [9]-Astra Thème gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102820617-image.png)
Permet de définir séparément la largeur des conteneurs pour les pages de boutique, les pages de produits, les pages de panier et les pages de paiement. Les valeurs par défaut peuvent également être modifiées à l'aide des métaparamètres situés au bas de la page.
Gestion des barres latérales
Chemin : Apparence > Personnaliser > Barre latérale
![Image [10]-Astra Free Theme WooCommerce Integration Tutorial : Créez un site de commerce électronique unifié et magnifique !](https://www.361sale.com/wp-content/uploads/2025/04/20250421102826936-image.png)
Des barres latérales distinctes peuvent être définies pour les pages de la boutique, du panier et de la caisse. Des barres latérales séparées sont également prises en charge pour les pages de détail des produits, qui peuvent être utilisées pour afficher des publicités, des recommandations de produits ou des modules de navigation. Des widgets personnalisés peuvent être ajoutés à toutes les zones de la barre latérale.
![Image [11]-Astra Thème gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102839394-image.png)
Configuration uniforme des polices et des couleurs
Astra sera WooCommerce La page est en phase avec le style général du site, avec des polices, des boutons, des couleurs et d'autres éléments cohérents afin de réduire la charge de travail des paramètres répétitifs.
![Image [12]-Astra Thème Gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102850915-image.png)
Chemin pour unifier les polices et les couleurs : Apparence > Personnaliser > Global > Typographie / Couleurs
![Image [13]-Astra Thème gratuit Tutoriel d'intégration WooCommerce : Créer un site de commerce électronique unifié et magnifique](https://www.361sale.com/wp-content/uploads/2025/04/20250421102907414-image.png)
Il suffit de le configurer une seule fois pour que l'ensemble du site prenne effet.
résumés
Astra Thèmes gratuits dans le support WooCommerce Des performances stables en termes de simplicité de l'interface et de clarté des paramètres. Il dispose de suffisamment de fonctions pour les petites et moyennes boutiques en ligne et convient aux utilisateurs de sites web qui recherchent une construction rapide et un style unifié. Si vous avez besoin d'un contrôle plus fin de la mise en page ou d'un affichage plus complexe des produits, vous pouvez passer au plugin Astra Pro.
Lien vers cet article :https://www.361sale.com/fr/50944L'article est protégé par le droit d'auteur et doit être reproduit avec mention.




















![Emoji[wozuimei]-Photonflux.com | Service professionnel de réparation de WordPress, dans le monde entier, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Émoticône [baoquan] - Photon Wave Network | Services professionnels de réparation WordPress, couverture mondiale, réponse rapide](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Pas de commentaires