Conception de pages de catalogue de produits et de pages de boutique avec le module Astra WooCommerce

Astra intégration thématique WooCommerce à travers l'interface visuelle pour fournir une gamme complète de capacités de personnalisation de l'affichage des produits. Ce guide analysera en détail toutes les fonctionnalités de base et vous aidera à créer rapidement des pages de commerce électronique de qualité professionnelle avec un style unifié et un taux de conversion exceptionnel.

I. Préparatifs

Vous devez d'abord installer et activer Astra Pro Plug-ins et WooCommerce Plugin. Entrer WordPress Dans le backend, le chemin est Astra > Welcome > Modules, activez le module WooCommerce. Après cela, allez dansétat extérieur > personnalisation > WooCommerce, commencez à faire des ajustements de style de page.

II. paramètres de la structure de la page

offreslégendedistrict

Lorsque le commutateur de la zone du titre du produit est activé, vous pouvez contrôler librement l'affichage du contenu suivant :

• Mise en page de la bannière
• Titre du produit
• informations descriptives
• navigation en fil d'Ariane

conteneursouverture (jargon des échecs)

Trois options de largeur : par défaut, normale, pleine largeur. Changement flexible en fonction de la demande, adaptation au style général de la page.

une barre latérale (dans un logiciel)ouverture (jargon des échecs)

Les options suivantes sont prises en charge : par défaut, pas de barre latérale, barre latérale gauche, barre latérale droite. Le choix de la barre latérale gauche ou droite permet de présenter des fonctions de filtrage ou de navigation.

Troisièmement, le style d'affichage de la liste des produits

Style de la carte de produit

Trois styles sont proposés :

• Style 1 : Sous l'image pour afficher le titre, la classification, le prix, l'évaluation.

• Style 2 : le bouton "Ajouter au panier" apparaît au survol de l'image

• Style 3 : Images et informations sur les produits disposées horizontalement, vision plus claire

Disposition et présentation des produits

• Colonnes personnalisables pour les ordinateurs de bureau, les tablettes et les appareils mobiles, respectivement

• Définition du nombre de produits affichés par page

• Contrôler la largeur de la zone d'affichage des produits

Type d'affichage du contenu de la page

Le contenu de l'affichage de la page d'accueil du magasin est facultatif :

• Tous les produits
• Navigation par catégorie
• Portefeuille de matières premières et de classification

Les pages de catégories sont également compatibles avec la même méthode de combinaison d'affichage, avec un degré élevé de personnalisation.

IV. cartes de marchandises et contenu de la barre d'outils

Composants de la carte de marchandises

Les éléments d'exposition optionnels comprennent

• Titre du produit
• informations classifiées
• prix
• note de l'utilisateur
• brève description
• Bouton d'ajout au panier

Cliquez sur l'icône pour contrôler si elle est affichée ou non, une opération intuitive.

Contenu de la barre d'outils

La barre d'outils permet d'activer les éléments suivants :

• Statistiques sur le nombre total de produits
• Fonction de tri (prix, classement, popularité, etc.)
• Boutons filtres
• Changement d'affichage de la grille et de la liste

V. Fonctionnalité améliorée et détails de l'interaction

Vue rapide

Les formulaires d'interaction suivants permettent de consulter rapidement les informations sur les produits :

• désactiver
• Affiché sur l'image du produit
• Cliquez sur l'image pour déclencher
• Affiché après le résumé du produit

Pagination et défilement infini

La pagination prend en charge la commutation entre le style numérique, le cercle et le style carré. Si le défilement infini est sélectionné, les modes suivants peuvent être définis :

• Faites défiler la page pour afficher d'autres produits
• Cliquez "Plus d'informations"Bouton pour afficher les produits

Le texte du bouton peut être personnalisé en fonction de la langue de la marque.

VI. options d'affichage supplémentaires

La page contient également plusieurs interrupteurs pour les fonctions d'affichage détaillé, par exemple :

• Affichage ou non du titre de la page
• chapelureCommande de l'écran de navigation
• Fonctionnalité absorbante de l'encadré
• Les filtres sont affichés sous forme de boutons
• Effondrement du filtreaccordéonvitrine
• Animation de chargement d'un élément de page défilant

remarques finales

faire passer (un projet de loi, une inspection, etc.) Astra (utilisé comme expression nominale) WooCommerce l'affichage des produits devient plus souple et plus clair, et convient à différents types de sites web de commerce électronique. Les paramètres ci-dessus peuvent contribuer à unifier le style général du site web, à rendre la mise en page plus raisonnable et à améliorer l'efficacité et la clarté des visiteurs lorsqu'ils parcourent les produits.

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
① 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.