Tri des produit différent sur la page d'accueil / pages catégories

WordPress :5.5
Statut : non résolu

Ce sujet contient 8 réponses, 2 participants et a été mis à jour pour la dernière fois par eskali, le il y a 3 années et 11 mois.

9 sujets de 1 à 9 (sur un total de 9)

Auteur

Messages
23 décembre 2020 à 12 h 38 min #2364035
eskali
Participant

Initié WordPress
20 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP/MySQL : 7.4/5.7
- Thème utilisé : Neve (voudrait passer à oceanWP)
- Extensions en place :
- Nom de l’hébergeur : Infomaniak
- Adresse du site :
Problème(s) rencontré(s) : Tri des produit différent sur la page d’accueil / pages catégories

Bonjour,

J’aimerais avoir un tri différent des produits sur la page d’accueil (par popularité) et sur les pages catégories (par ordre alphabétique)

Est-ce que c’est possible? Existe-t-il un plugin pour ça?

Merci de votre réponse
23 décembre 2020 à 16 h 51 min #2364067

Rock4Temps
Participant

Maître WordPress
1137 contributions

Bonjour,

Nativement vous pouvez trier vos produits directement avec les Short codes WooCommerce:
Short Codes WooCommerce

Je ne connais pas le thème Neve mais bien OceanWP avec lequel
j’ai créé cette boutique de Démo: Apiflore

La boutique WooCommerce est hautement personnalisable,
voir photos ci-jointe du menu personnalisation de WooCommerce
avec OceanWP et des pages archives dont les catégories.

Cordialement

Fichiers joints :
Vous devez être connecté pour voir les fichiers joints.

23 décembre 2020 à 19 h 27 min #2364085

eskali
Participant

Initié WordPress
20 contributions

Bonjour,

J’avais effectivement l’impression qu’avec OceanWP il y avait plus d’options (J’ai choisi Neve pour la rapidité) …Le problème c’est que, peut importe le thème, le tri par défaut choisi ne peut être différencié selon les pages.

La solution que vous proposez est intéressante, et j’avoue que je ne l’ai jamais exploitée. Il faudrait donc que je crée une page d’accueil avec les short codes que je veux (produits récents, populaires etc.) et que je réserve le tri alpha aux pages catégories, cela permettrait de contourner le problème.

J’essaye avec Elementor (version free) mais du coup j’ai un autre problème, ou plutôt deux : Comment faire pour que les produits soient centrés. Et comment fixer un nombre de produits maximum (8 par exemple)?

24 décembre 2020 à 5 h 25 min #2364106
Rock4Temps
Participant

Maître WordPress
1137 contributions
1. Pour n’afficher que 8 produits il faut utiliser l’attribut limit= »8″ dans le short code.
2. Pour centrer le produit avec le widget short code, je regarde dés que j’ aurais un peu de temps mais je pense que cela peut ce faire par css.
24 décembre 2020 à 15 h 16 min #2364118

Rock4Temps
Participant

Maître WordPress
1137 contributions

Voici le short code pour votre page d’accueil avec les produits les plus vendus:

Ces produits populaires seront intégrés a la page d’accueil avec
le widget shortcode d’Elementor par exemple dans une section a une colonne.
Je l’ai testé et les produits sont centrés horizontalement sur la page.
En effet la colonne de la section ayant par défaut un alignement horizontal centré
vos produits populaires seront donc centrés sur la page.

Pour vos pages catégories le tri par défaut est par ordre alpha.
Pour Ajouter les catégories de produits WooCommerce au menu,
il suffit d’utiliser les options de l’écran et cocher catégories de produits.
Ces options sont disponibles en cliquant sur l’onglet se situant tout en haut de la page
de gestion des menus(Apparence > menus)
On peut aussi directement accéder à une catégorie de produit a partir de l’adresse de base de la boutique
avec l’URL suivante:
https://nomdedomaine.fr/boutique/?_selection=nom-de-ma-catégorie

Une dernière précision que j’ai signalé sur ce Forum, si vous mettez a jour
WordPress vers la version 5.6 il faut impérativement Elementor a la version 3.0.15
qui corrige des problèmes lié a la version WordPress 5.6 et notamment un problème de Responsive.

Je vous souhaite de Joyeuses Fêtes.

24 décembre 2020 à 15 h 17 min #2364119

Rock4Temps
Participant

Maître WordPress
1137 contributions

Le short code:

24 décembre 2020 à 15 h 18 min #2364120
Rock4Temps
Participant

Maître WordPress
1137 contributions
```
[products limit="8" columns="4" best_selling="true" ]
```
24 décembre 2020 à 15 h 34 min #2364127

Rock4Temps
Participant

Maître WordPress
1137 contributions

avec l’url : https://nomdedomaine.fr/boutique/?_selection=nom-de-ma-catégorie
on fait une sélection d’une catégorie et on reste sur la page boutique.

Vous n’avez pas besoin de créer des pages catégories puisque par défaut
le tri des pages d’archives catégories de WooCommerce sont par ordre alpha
il suffit donc simplement de créer un menu pour les catégories a partir
du menu apparence/menus

Mais aussi par des liens en pied de page avec l’url:
https://nomdedomaine.fr/categorie-produit/nom-de-ma-catégorie

24 décembre 2020 à 15 h 44 min #2364128
eskali
Participant

Initié WordPress
20 contributions
Bonjour,

Et merci beaucoup pour toutes ces infos, et merci d’avoir pris le temps… Je vais m’atteler à la tâche 😉

J’apporte quand même ma petite contribution que je suis allé glaner ici et là pour modifier l’apparence dans la partie css personalisé. Je les met tels quels, j’ignore si cela posera un problème.

Merci encore, et bonnes fêtes à vous tous!

ps : le rock, saine activité que voilà 😉
```
/*masquer la description de la catégorie dans les pages archives*/
.archive .entry-content .term-description {
    display: none;
}
/*Cache la première ligne de ton tableau (le poids)*/

table.shop_attributes tr:FIRST-CHILD {
display:none;
}
/*masquer le bloc de tri*/
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {display:none};

/* Tous les titres des produits sur la même ligne dans les archives - WooCommerce Product Category/Archive Height Adjustment */
.woocommerce ul.products li.product li.title a {
line-height: 2.5ex;
height: 5ex;
overflow: hidden;
}
```
Auteur

Messages