L'intégration du thème gratuit Astra pour WooCommerce expliquée en détail

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

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

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

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

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

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

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

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

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

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 !

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

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

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

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.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations235 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires