WooCommerce Single - Lié au produit (Pro)

Insérez et définissez le style pour Produits associés dans le modèle unique de WooCommerce

Le contenu

Produits associés

1. Produits par page: Définit le nombre exact de produits connexes à afficher
2. Colonnes: Définissez le nombre de colonnes à afficher, de 1 à 12, pour chaque appareil (ordinateur de bureau, tablette, mobile)
3. Trier par: Définit l'ordre dans lequel les produits seront affichés. Les options incluent la date, le titre, le prix, la popularité, l'évaluation, l'aléatoire, l'ordre du menu
4. Ordre: Sélectionnez l'ordre ASC ou DESC (croissant ou décroissant)

Style

1. Espacement des colonnes: Définit l'espacement exact entre les colonnes
2. Écartement des rangs: Définit l'espacement exact entre les lignes
3. Alignement: Aligne les données produit associées à gauche, à droite ou au centre

Photo

1. Type de bordure: Sélectionnez le type de bordure, en choisissant parmi aucune, pleine, double, pointillée, pointillée ou rainurée
2. Largeur: Contrôler l'épaisseur de la bordure autour des images de produits associées
3. Couleur: Choisissez la couleur de la bordure
4. Rayon du bord: Définit le rayon pour contrôler l'arrondi des coins des bords
5. Espacement: Ajuste la quantité d'espace entre les images et leurs données

Qualification

1. Couleur: Choisissez la couleur du titre du produit associé
2. Typographie: Définit les options de typographie pour le texte du titre
3. Espacement: Ajuste la quantité d'espace après le titre

Classification

1. Couleur étoile: Choisissez la couleur d'une étoile pleine
2. Couleur étoile vide: Choisissez la couleur d'une étoile vide
3. Taille de l'étoile: Définit la taille des étoiles
4. Espacement: Ajuste la quantité d'espace après les étoiles de classement

Prix

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

Prix habituel

1. Couleur: Choisissez la couleur dans le prix régulier du produit associé
2. Typographie: Définit les options de police pour le prix normal du produit associé

Bouton

Normal | Flotter

Les options suivantes peuvent être configurées indépendamment pour les états normal et flottant.

1. Couleur du texte: Choisissez la couleur du texte du bouton du produit associé
2. Couleur de l'arrière plan: Choisissez la couleur d'arrière-plan du bouton produit associé
3. Couleur de la bordure: Choisissez la couleur de la bordure du bouton du produit associé

1. Typographie: Définit les options de typographie pour le texte du bouton de produit associé
2. Type de bordure: Sélectionnez le type de bordure, en choisissant parmi aucune, pleine, double, pointillée, pointillée ou rainurée
3. Largeur: Contrôle l'épaisseur de la bordure autour du bouton de produit associé
4. Rayon du bord: Contrôle l'arrondi du coin de la bordure du bouton
5. Remplissage de texte: Définit le remplissage à l'intérieur du bouton
6. Espacement: Ajuste la quantité d'espace au-dessus des boutons

Montrer la voiture

1. Couleur: Choisissez la couleur du texte Voir le panier sous les boutons
2. Typographie: Définit les options de typographie pour le texte Voir le panier

Sauter

1. Sauter: Afficher ou masquer l'en-tête Produits associés
2. Couleur: Choisissez la couleur du texte d'en-tête pour les produits associés
3. Typographie: Définit les options de police pour le texte de l'en-tête
4. Texte aligné: Aligner les produits associés à gauche, à droite ou au centre
5. Espacement: Ajuste la quantité d'espace après l'en-tête

Boîte

1. Largeur de la bordure: Contrôle l'épaisseur de la bordure autour de la boîte de produit associée
2. Rayon du bord: Vérifiez la rondeur des coins de la boîte du produit associé
3. Farci: Modifier le rembourrage dans la boîte des produits associés

Normal | Flotter

Les options suivantes peuvent être configurées indépendamment pour les états normal et flottant.

1. Ombre de la boîte: Ajuster les options d'ombre de la boîte
2. Couleur de l'arrière plan: Choisissez la couleur de fond de la boîte de produit associée
3. Couleur de la bordure: Choisissez la couleur de la bordure de la boîte des produits associés

Vente flash

1. Vente flash: Afficher ou masquer
2. Couleur du texte: Choisissez la couleur du texte de la vente Flash
3. Couleur de l'arrière plan: Choisissez la couleur d'arrière-plan du Sales Flash
4. Typographie: Définit les options de police pour le texte de vente Flash
5. Rayon du bord: Contrôle la rondeur des coins du Vending Flash
6. Largeur: Contrôler l'épaisseur de la bordure pour Sales Flash
7. Hauteur: Définit la hauteur du Sales Flash
8. Positionner: Définit la position du flash de vente, à gauche ou à droite, de la boîte des produits associés
9. Distance: Définissez la distance entre le Sales Flash et le haut de la zone Produits associés

Noter: Le style de ce widget est généralement affecté par le thème et les plugins. Si vous rencontrez l'un de ces problèmes, essayez de passer à un thème de base et de désactiver les plug-ins associés, ou ajustez le style dans les paramètres de votre thème.