Affichez les produits sur n’importe quelle page de votre site, en définissant leur contenu et leur style avec le widget Produits WooCommerce

Contenu

Des produits

  1. Colonnes : définissez le nombre exact de colonnes à afficher, de 1 à 12
  2. Lignes : définissez le nombre maximum de lignes à afficher
  3. Pagination : sélectionnez Oui pour afficher la pagination ou Non pour la masquer
  4. Autoriser la commande : sélectionnez Oui pour donner aux utilisateurs la possibilité de trier les produits par défaut, popularité, évaluation, dernier, prix: du plus bas au plus élevé ou du prix: du plus haut au plus bas
  5. Afficher le nombre de résultats: sélectionnez Oui pour afficher le nombre de résultats pour cette archive ou Non pour la masquer

Requete

Source : sélectionnez la source des résultats, en choisissant parmi Requête actuelle, Derniers produits, Vente, En vedette ou Sélection manuelle. En fonction de la source que vous avez choisie pour la requête, des options vous permettront de filtrer les résultats.

Comprendre
  1. Inclure par : terme, puis utilisez Rechercher et sélectionner pour choisir ceux à utiliser
  2. Trier par : définissez l’ordre dans lequel les produits seront affichés. Les options incluent: Titre, Prix, Popularité, Note, Aléatoire et Ordre des menus.
  3. Ordre : DESC (décroissant) ou ASC (croissant)

Remarque : si vous choisissez Associé comme  source  et Catégorie comme   terme Inclure par , les publications liées à la catégorie affectée à la publication actuelle sont affichées. Ainsi, si l’utilisateur consulte un article dans la catégorie Voyage, par exemple, la page affichera les articles connexes qui sont également dans la catégorie Voyage. Si la publication actuellement affichée a plusieurs catégories qui lui sont attribuées, les publications associées extrairont les publications de la PREMIÈRE catégorie (par ordre alphabétique) affectée à la publication.

Exclure
  1. Exclure par : publication actuelle, sélection manuelle, terme, puis utiliser Rechercher et sélectionner pour les choix manuels ou termes
  2. Trier par : définissez l’ordre dans lequel les articles seront affichés. Les options incluent: Titre, Prix, Popularité, Note, Aléatoire et Ordre des menus.
  3. Ordre : DESC (décroissant) ou ASC (croissant)

Style

Des produits

  1. Écart de colonnes : définissez l’écart exact entre les colonnes
  2. Espace entre les lignes: définissez l’écart exact entre les lignes
  3. Alignement : alignez les données des produits à gauche, à droite ou au centre

Image

  1. Type de bordure : sélectionnez le type de bordure, en choisissant entre aucune, solide, double, pointillée, pointillée ou rainurée
  2. Rayon de la bordure : définissez le rayon pour contrôler l’arrondi des coins de la bordure
  3. Espacement : ajustez la quantité d’espace entre les images et leurs données

Titre

  1. Couleur : choisissez la couleur du titre du produit
  2. Typographie : définissez les options de typographie pour le texte du titre
  3. Espacement : ajustez la quantité d’espace après le titre

Évaluation

  1. Couleur de l’étoile : choisissez la couleur d’une étoile remplie
  2. Couleur de l’étoile vide : choisissez la couleur d’une étoile vide
  3. Taille des étoiles : définissez la taille des étoiles
  4. Espacement : ajustez la quantité d’espace après les étoiles de classement

Prix

  1. Couleur : Choisissez la couleur du produit Prix
  2. Typographie : définissez les options de typographie pour le prix du produit

Prix ​​habituel

  1. Couleur : choisissez la couleur du prix normal du produit
  2. Typographie : définissez les options de typographie pour le prix normal du produit

Bouton

Normal | Flotter

Les options suivantes peuvent être définies indépendamment pour les états normal et survolé.

  1. Couleur du texte : choisissez la couleur du texte du bouton du produit
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du bouton du produit
  3. Couleur de la bordure : choisissez la couleur de la bordure du bouton du produit

  1. Typographie : définissez les options de typographie pour le texte du bouton du produit
  2. Type de bordure : sélectionnez le type de bordure, en choisissant entre aucune, solide, double, pointillée, pointillée ou rainurée
  3. Rayon de la bordure : contrôle l’arrondi des coins de la bordure du bouton
  4. Remplissage de texte : définissez le remplissage dans le bouton
  5. Espacement : ajustez la quantité d’espace au-dessus des boutons

Voir le panier

  1. Couleur : choisissez la couleur du texte Afficher le panier sous les boutons
  2. Typographie : définissez les options de typographie pour le texte Afficher le panier

Boîte

  1. Largeur de la bordure : contrôlez l’épaisseur de la bordure autour de la boîte du produit
  2. Border Radius : contrôle l’arrondi des coins de la boîte de produits
  3. Rembourrage : modifiez le rembourrage dans la boîte des produits

Normal | Flotter

Les options suivantes peuvent être définies indépendamment pour les états normal et survolé.

  1. Ombre de boîte : ajuster les options d’ombre de boîte
  2. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan de la boîte de produits
  3. Couleur de la bordure : choisissez la couleur de la bordure de la boîte des produits

Vente Flash

  1. Vente Flash : afficher ou masquer
  2. Couleur du texte : choisissez la couleur du texte Sale Flash
  3. Couleur d’arrière-plan : choisissez la couleur d’arrière-plan du Sale Flash
  4. Typographie : définissez les options de typographie pour le texte Sale Flash
  5. Border Radius : contrôlez l’arrondi des coins du Sale Flash
  6. Largeur : contrôlez l’épaisseur de la bordure pour le Sale Flash
  7. Hauteur : définissez la hauteur du flash de vente
  8. Position : définissez la position du flash de vente, à gauche ou à droite, de la boîte de produits
  9. Distance : définissez la distance entre le Sale Flash et le haut de la boîte de produits

Remarque : le style de ce widget est souvent affecté par votre thème et vos plugins. Si vous rencontrez un tel problème, essayez de passer à un thème de base et de désactiver les plugins associés, ou ajustez le style dans les paramètres de votre thème.


Source : https://docs.elementor.com/article/534-woocommerce-products