Comments (4)
En même temps, on en profite pour enrichir les blocs de suggestion avec les mêmes infos que dans les cartes de la page de résultat (pratique, difficulté, durée, thèmes.. ou autre selon la catégorie de contenu) :
Pour les nouveaux blocs (outdoor, services, events), on les configure comme les blocs de rando, en passant des listes d'ID : https://github.com/GeotrekCE/Geotrek-rando-v3/blob/main/frontend/customization/config/home.json#L13-L22
On peut avoir plusieurs blocs pour une même catégorie de contenus et l'ordre dans la conf définit l'ordre des blocs.
from geotrek-rando-v3.
Premier essai avec les cards horizontales comme dans la page de recherche :
Puis en vertical comme prévu sur la maquette :
Ça prend plus de place sur la deuxième version, mais c'est plus lisible et plus aéré.
from geotrek-rando-v3.
A noter aussi.
Jusqu'à présent en version mobile les suggestions étaient mises sur une seule ligne avec un scroll horizontal :
Désormais comme les cards ont été factorisées avec celles de la page Recherche pour éviter de dupliquer du code, elles s'affichent en responsive plus classique les unes sous les autres :
Cela prend donc plus de place en hauteur, mais a l'avantage de les rendre plus lisibles et accessibles directement.
A voir si il faut quand même repasser au fonctionnement initial sur une ligne avec un scroll horizontal.
from geotrek-rando-v3.
Fait dans la 3.7.0.
Pour la version mobile on est bien repassé sur une seule ligne par item avec un scroll horizontal.
from geotrek-rando-v3.
Related Issues (20)
- Problèmes offline / recensement des bugs rencontrés HOT 8
- Formatage des textes gras italique : disparition du formatage HOT 2
- GTR - Home - Suggestions - Pouvoir remonter les x événements à venir (et non pas par ID) HOT 5
- GTR - Home / Prendre en compte la date pour les suggestions d’événements HOT 1
- GTR - Vérifier et utiliser les bons filtres "near_trek" et pas "trek" HOT 1
- Site et parcours outdoor : affichage d'un voisin si la géométrie est ponctuelle
- Datepicker from events filter is broken with a recent update of Firefox HOT 1
- FullScreen API supported by Safari 16.4
- Search filters: The sub-filter buttons do not display the corresponding icon HOT 3
- Sites Outdoor - Absence de caroussel sur les fiches détails HOT 1
- Contenus en anglais non affichés HOT 5
- "Sorry, this is not working properly." lorsqu'on sélectionne deux sous types de services HOT 1
- Geolocalisation qui ne fonctionne pas à chaque fois
- Pop-up "Installer l'app" n'apparait pas tout le temps HOT 2
- Widget qualité de l'air HOT 2
- Practice Icon is not displayed on activity bar if file is png HOT 1
- Google Analytics 4 HOT 2
- Problème d'affichage des infobulles sur la carte en cas de départ identique
- Problèmes de traduction sur certains sentiers HOT 4
- Absence de lien sur certaines images dans les listes de résulats HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from geotrek-rando-v3.