Styling WooCommerce Single Product Pages with Astra Pro

WooCommerce est une puissante plateforme de commerce électronique qui combine Astra Pro Le plugin permet aux marchands de personnaliser les pages de produits uniques afin d'améliorer la fonctionnalité et l'attrait visuel de leur site Web. Dans cet article, nous allons expliquer comment utiliser Astra Pro pour optimiser le design des pages de produits uniques de WooCommerce.

Image [1] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Installation et activation du plug-in Astra Pro

Tout d'abord, assurez-vous que les plugins suivants sont installés et activés :

  • Thème Astra
  • Astra Pro Plug-in
  • Plugin WooCommerce

commencer à utiliser WooCommerce Après le module, rendez-vous sur Tableau de bord > Extérieur > Options Astraet ensuite dans le Apparence > Personnaliser > WooCommerce > Produit unique Commencer la personnalisation de la page dans.

Titre du produit Paramètres de la zone

Astra Pro Fournit de nombreuses options pour personnaliser la zone de titre de la page produit. Dans la page Apparence > Personnalisation > WooCommerce > Produit unique Dans , réglez les éléments suivants :

Image [2] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro
  • affichage des titresTitre du produit : Permet d'afficher ou non le titre du produit.
  • Mise en page de la bannièrePersonnalisez le style de la bannière du produit.
  • navigation en fil d'ArianeNavigation : Activez la navigation en fil d'Ariane pour aider les utilisateurs à naviguer facilement sur la page.
  • résumésAfficher les descriptions courtes des produits : Afficher les descriptions courtes des produits.
  • métadonnéesLes informations sur les produits : afficher des informations telles que la catégorie ou l'étiquette d'un produit.
Image [3] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Options de présentation des conteneurs

Astra Pro Fournit trois méthodes de mise en page de conteneurs pour aider à ajuster la mise en page des pages de produits :

  • Disposition par défaut
  • Disposition normale
  • Mise en page pleine largeur
Image [4] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Choisissez une mise en page adaptée à vos besoins pour que la page soit visuellement propre et esthétiquement agréable.

Disposition des barres latérales

Astra Pro Le plugin propose plusieurs options de présentation de la barre latérale pour les pages de produits :

  • Disposition par défaut
  • pas de barre latérale
  • barre latérale gauche
  • barre latérale droite
Image [5] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Sélectionnez la disposition appropriée de la barre latérale ou sélectionnez la barre latérale lorsqu'elle n'est pas nécessaire. pas de barre latérale.

Affichage de la galerie avec effet de zoom sur l'image

En termes de présentation de l'image du produit, laAstra Pro Plusieurs modèles de galeries sont disponibles :

  • disposition verticale
  • Disposition horizontale
  • Première grande carte
  • glissement vertical
  • Curseur horizontal
Image [6] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

En outre, il est possible d'activer Effet de zoom sur l'imageLe produit est conçu pour permettre à l'utilisateur de zoomer sur l'image du produit tout en passant la souris pour voir plus de détails.

Image [7] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Correction des images et des résumés des produits

Astra Pro Permet d'activer les fonctionnalités suivantes pour améliorer la visibilité de la page :

  • Correction des images de produitsL'image du produit est fixée en haut de la page et reste visible en permanence lors du défilement de la page.
  • Résumé du produit fixeLe résumé du produit restera toujours en haut de la page lorsque l'on fait défiler la page pour faciliter la lecture.
Image [8] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Navigation dans les produits et présentation des variantes

Astra Pro propose les fonctionnalités suivantes pour les pages produits :

  • Navigation dans les produitsLes utilisateurs peuvent facilement passer d'un produit à l'autre afin d'améliorer l'interactivité de la page.
Image [9] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro
  • Variantes de produitsPour les produits comportant plusieurs variantes, vous pouvez choisir d'afficher les variantes côte à côte ou de les empiler.
Image [10] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Description du produit et produits connexes

faire passer (un projet de loi, une inspection, etc.) Astra ProLe marchand a la possibilité de personnaliser les descriptions de produits et les affichages de produits connexes :

  • Description du produit ÉtiquetteLes étiquettes peuvent être présentées au choix, verticalement, horizontalement ou en accordéon.
Image [11] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro
  • Produits apparentésLes produits connexes : afficher des produits connexes ou des ventes incitatives au bas de la page du produit afin de susciter l'intérêt des utilisateurs pour les achats.
Image [12] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

Correction du bouton "Ajouter au panier

commencer à utiliser Correction du bouton "Ajouter au panier Ensuite, le bouton Ajouter au panier restera toujours visible, quel que soit l'endroit où l'utilisateur fait défiler la page, ce qui permet d'ajouter facilement des produits au panier à tout moment.

Image [13] - Comment optimiser les pages de produits uniques de WooCommerce avec le plugin Astra Pro

résumés

Astra Pro Le plug-in est WooCommerce Les pages de produits uniques offrent de puissantes fonctions de personnalisation. Qu'il s'agisse des zones d'en-tête, de la présentation des conteneurs, des paramètres des barres latérales, de l'affichage des galeries, des images fixes ou des fonctions de résumé, chaque option aide les marchands à créer des pages de produits plus attrayantes et plus fonctionnelles. Ces personnalisations améliorent la présentation des produits et augmentent l'interactivité des pages, ce qui permet aux marchands d'attirer plus de clients et de générer plus de conversions.

Articles connexes


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élicitations134 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires