A la différence du menu Swipe, ce nouveau module vous permettra de naviguer sur vos versions mobiles directement à partir de la home et d'afficher un menu très visuel contenant vos images. Il peut être être utilisé par exemple pour les sites vitrines assez statiques. Les paramétrages de ce module fonctionnent comme le module Menu Perso sur la version web de vos sites. Dans un premier temps vous ajoutez vos différents menu et choisissez sur quelles pages ils pointent. Une fois vos liens crées, vous ajoutez vos visuels.

Ce module de navigation permet 4 types d'affichages différents : Visuel, Une grid, Grid et Classic.

Si vous choisissez l'affichage Grid, nous vous conseillons d'ajouter des marges sur les cotés du module afin d'obtenir un bel effet.
Concernant l'affichage Classic, nous avons choisi de lier la couleur des flèches et des liens pour garder un affichage cohérent.

Les images sont recadrées automatiquement par le centre selon la taille d'écran du mobile utilisé et du type d'affichage choisi.

Ce module fonctionne de la même façon que le module Un article sur la version web.
Vous pouvez choisir le nombre de paragraphes à afficher, choisir manuellement l'article ou bien afficher automatiquement le dernier article, le plus vu ou plus commenté.

C'est très pratique pour afficher une page "A propos" directement sur la home de vos versions mobiles par exemple.

Jean-Mathieu s'est également penché sur la mise en page de vos pages de rubrique. Vous avez désormais le choix entre 3 types d'affichages. Les affichages Classic, Grid ou bien Visuels, si vous utilisez le module mobile Dernières actualités vous connaissez déjà ces affichages.

Faites plaisir à Google, faites plaisir à vos visiteurs en améliorant leur expérience utilisateurs et faites vous plaisir aussi grâce à vos beautifuls versions mobiles ! :)

Le code de ce module n'avait pas été modifié depuis un moment alors non seulement nous en avons profité pour proposer un nouveau mode de présentation mais en plus de cela nous avons fait un peu de ménage.

Vous disposez donc maintenant du mode Défilement horizontal qui permet comme son nom l'indique d'afficher plusieurs articles sur un certain nombre de colonnes avec un pager permettant la navigation entre celles-ci. Ce mode était déjà présent dans le module Rubriques à la Une mais nous l'avons un peu modifié pour le fil de l'eau. En effet la navigation ne se fait pas à l'aide de flèches mais à l'aide d'un pager "Bullet" que vous avez pu découvrir dans les nouveaux modes de présentation du module de Une.

Le module Fil de l'eau était disponible jusque ici en colonne centrale, alors toujours dans l'optique de vous offrir plus de possibilités de mise en page, nous l'avons rendu disponible en zone de titre et en zone d'ours. Cela est du plus bel effet, d'ailleurs vous pourrez voir dès demain un exemple d'utilisation dans une de ces zones.

Enfin comme je le disais plus haut nous en avons profité pour faire un peu de ménage, notamment dans le backoffice qui était devenu un peu chargé avec toutes ces différentes options. Nous avons donc mis en place les tokens, pour en savoir plus sur cette fonctionnalité je vous laisse lire, si cela n'est pas déjà fait, la note que Jérôme avait rédigé dessus.

Certains d'entre vous l'auront peut-être remarqué mais la semaine dernière un nouveau lien est apparu dans l'ibox de paramétrage des polices, le lien "Réglages avancés".
A partir de ce nouveau menu vous pouvez désormais appliquer une ombre sur vos polices et ce en agissant sur sa couleur, sa diffusion, son orientation verticale et/ou horizontale.
Aussi vous étiez nombreux à nous le demander à travers le support, vous avez maintenant la possibilité d'agir sur l'espacement des caractères.

Pour conclure sur cette nouveauté, je dirais juste attention trop d'effet tue l'effet, alors certes ces fonctionnalités sont sympathiques mais à consommer avec modération ;)

Module Mes notes
Jusque ici vous aviez la possibilité d'ajouter des images de fond dans l’entête, le corps et le pied de ce module mais vous n'aviez pas la possibilité d'agir sur leur alignement. C'est chose faite !

Background / Gabarit
Pour les nouveaux sites qui sont en squelette CSS il était impossible d'appliquer une couleur ou image de fond d'une colonne sur toute la hauteur du site, ceux-ci s’arrêtaient à la hauteur de la colonne. Vous disposez maintenant d'une option "Fond sur toute la hauteur" dans Design>>Background/Gabarit>>Colonne concernée>>Habillage

Module séparateur
Vous pouvez ajouter directement votre séparateur perso dans le module, vous n'êtes plus obligé de passer par le menu Éléments visuels des paramètres généraux. Ça peut vous sembler anodin mais  cela permet d'avoir différents séparateurs perso alors qu'avant vous étiez limité à un seul.

Le modèle de style est un outil qui a été  construit avec la V5. Il a été pensé et créé lors de la refonte du back office de WMaker.

Lorsque nous l'avons publié la première fois, nous avions en tête une idée très précise de son utilisation : créer un style puis l'appliquer à tous les modules d'un site.

Seulement voilà,  pour ma part, au fil de son utilisation quotidienne, j'ai constaté que la version initiale de l'outil avait des limites et créait une certaine frustration. J'ai donc demandé quelques améliorations.

Mais avant tout, faisons un petit retour en arrière pour rappeler ce que vous pouviez faire avec cet outil avant sa mise à jour. il s'agissait de :

- Créer un modèle de module en paramétrant ses polices (les 10 libellés les plus utilisés), ses bordures, son espacement, ses couleurs de fond, etc.
- Visualiser ce modèle à partir de l'onglet Aperçu
- Appliquer ce modèle aux modules existants (toutes les templates ou une en particulier) et aux futurs modules ajoutés
- Appliquer ce modèle sur un module en particulier à partir de son onglet Gestion du module

Avec le recul, nous avons listés les améliorations à apporter au modèle de style pour le rendre encore plus fonctionnel. Voyons maintenant les mises à jour proposées.

Parfois, un paramétrage de police ou d'entête ne peut pas convenir à tous les modules de votre site. Vous pouvez par exemple avoir envie d'une entête avec Images sur les modules de votre home mais vous ne souhaitez peut-être pas avoir ces entêtes dans les pages internes.

Nous vous offrons donc la possibilité de créer jusqu'à 5 modèles de styles.

Grâce à cette nouvelle fonctionnalité je vous recommande de procéder de la façon suivante lorsque vous aller travailler sur l'intégration de votre nouveau site :
- créer un modèle pour la home,
- créer un modèle de page interne classique (type Article)
- et créer un modèle page interne type liste (type Rubriques).

La raison pour laquelle je vous invite à procéder ainsi, c'est qu'il existe maintenant 2 nouvelles options qui permettent de tirer parti des différents styles enregistrés.

1/ dans l'onglet Règles, la possiblité d'appliquer un modèle uniquement aux pages internes
2/ nouvel onglet Gestion dans les pages internes pour appliquer un modèle sur une page en particulier.

Je vous parlais un peu plus haut de frustration, et bien lorsque l'on applique un modèle on s'attend à ce que toutes les polices soient prises en compte et malheureusement ce n'était pas le cas.

Nous avons donc effectué un gros travail de fond en passant dans chaque module pour faire correspondre chaque police à un libellé du modèle et ce de manière logique. Ainsi aucune police n'est oubliée et les couleurs de votre site resteront cohérentes après l’application d'un modèle.

Alors bien sûr le modèle de style ne fait pas tout, il faudra tout de même passer dans chaque module et page pour faire quelques ajustements, mais pour l'utiliser régulièrement je trouve que cet outil vous fait gagner un temps fou :)

Ah le Javascript et ses effets ! Grâce à cette fabuleuse technologie ces derniers mois nous vous avons proposé pleins de nouveautés pour rendre vos sites plus attrayants et surtout plus modernes.

En effet vous pouvez désormais choisir différents modes de transitions pour vos modules de Une. Certains d'entre vous l'auront remarqué, nous avons également modifié la transition entre les modules avec Onglets (News, Petites annonces, Rubriques à la une, ect....). Sans oublier bien sûr l'agenda et son effet de glissement entre la carte et la photo de l'évènement, ect...

Bref nous continuons donc à vous proposer toujours plus avec aujourd'hui l'amélioration d'un module que vous êtes très nombreux à utiliser. Il s'agit du Menu déployable !

Vous avez donc le choix entre 4 nouveaux modes de transition. Pour y accéder, il suffit de rentrer dans l'onglet Fonctionnalités du module puis dans l'onglet Affichage :

Fade :
Vous le connaissez déjà dans le module de Une, cet effet permet d'afficher vos sous-menus en changeant graduellement leur opacité.

Scale :
Il donne une impression d'agrandissement de vos sous-menus en partant du coin supérieur gauche de ces derniers.

Drop :
Vos sous-menus apparaitront avec un effet de glissement vers le haut tout en jouant sur leur opacité.

Blind :
Ce dernier effet déploiera vos sous-menus du haut vers le bas à la manière d'un store que l'on pourrait fermer.

Nous avons bien sûr conservé l'ancien mode, le classique, qui est celui que vous utilisez tous actuellement.

Ces options sont disponibles pour les menus horizontaux en mode Pleine largeur ou Aligné à gauche et pour les menus verticaux. Notez qu'il existe une petite exception pour l'option Blind qui ne sera pas disponible pour les menus verticaux se déployant vers la gauche.

A vous de tester !

Certains d'entre-vous ont pu remarquer que depuis quelques jours l'interface du paramétrage des polices de vos modules a évolué.
Nous avons l'avons rendu plus claire en élargissant la zone de modification des couleurs et en épurant le style des boutons de mise en forme des textes.

Nous n'avons pas seulement travaillé sur l'ergonomie nous avons également apporté deux nouveautés pour le design de vos sites :

• L'interlignage
  vous avez été nombreux à nous solliciter à travers l'interface du support pour intégrer cette fonctionnalité, désolée si cela a été un peu long, mais c'est chose faite ! Vous pouvez désormais paramétrer la hauteur des lignes pour chaque élément de vos modules. La valeur est en em et non pixel, cela permet de conserver une valeur proportionnelle à la taille de vos polices
• Le gras en Rollover
  C'est un petit détail qui a toute son importance :)

Cela faisait longtemps que cette partie du backoffice n'avait pas été retouchée, elle méritait donc son petit coup de pinceau... !

Vous connaissez et utilisez surement tous les modules de news, le classique qui se positionne dans les colonnes et le news horizontales dans la zone de titre. Et bien depuis hier, ces 2 modules disposent de nouvelles fonctionnalités fort sympathiques :)

Le module de news avec ses onglets "récents, populaires et commentées" propose désormais d'être contextualisé. Dans le design, éditez le module > Plus de paramètres et cochez "Articles contextuels" pour activer ce nouveau mode d'affichage.

En deux mots, si vous parametrez le module avec l'option "Articles contextuels" son affichage change d'une page à l'autre.
Sur votre page d'accueil, le module affichera tous les articles poulaires du site mais dans une rubrique il tient compte du contexte pour n'afficher que les articles populaires de cette même rubrique. 
Cela fonctionnera également de la même manière avec toutes les page apartenants à cette rubriques (articles compris) et bien sûr dans tous les onglets du module. 

Deux nouveaux types d'animations arrivent dans ce module qui jusqu'à présent faisait défiler les news les unes à la suite des autres de gauche à droite :

- Le mode animé qui utilise la transition fade. Chaque news disparait pour laisser sa place à la suivante en boucle. C'est un effet très moderne et moins agressif que le défilement.

- Le mode statique, qui peut paraître désuet mais ne l'est pas du tout, bien au contraire. Il apporte un aspect moderne à votre site. Attention pour qu'il soit intéressant, il ne faut mettre que 2 ou 3 news. Elles s'affichent les unes derrières les autres. 

Le module de News horizontales utilise désormais ce mode de transition mais nous en avons profité pour le généraliser sur d'autres modules, comme le pager dans le fil de l'eau ou dans la page de navigation. 

Le nouveau module Mes vidéos est en ligne. C'est un module qui liste les vidéos de votre site. Il vient compléter le module Vidéo à la Une, et son développement est issu du récent travail que nous avons accompli sur WMaker.tv

Mes vidéos permet d'afficher les vidéos les plus récentes et les vidéos les plus populaires. Dans le mode d'affichage classique, il faudra choisir entre ces 2 types de contenu. Les affichages par onglets et par lien permettent d'afficher les 2.

Notez que le module Mes vidéos se positionne dans une colonne maigre de votre Design ou bien à l'intérieur d'un module Combo.

Avez-vous remarqué la case à cocher Vidéos contextuelles ? Si vous activez cette option, lorsqu'un visiteur consulte un article, le module va lister toutes les vidéos appartenant à la rubrique de cet article.

Pour l'organisation du contenu dans le module, au niveau des alignements, vous avez le choix entre :
- une disposition en ligne. La vignette et les informations relatives à la vidéos sont juxtaposées
- une disposition en colonne. Les informations de la vidéo sont placées sous la vignette.

Vous pouvez afficher le titre des vidéos ou bien le titre des articles auxquels elles appartiennes. Si vous mettez plusieurs vidéos par articles, il est préférable d'afficher le titre de la vidéo.

Enfin, vous pouvez afficher plusieurs méta-informations associées aux vidéos : l'auteur, la date (selon 2 formats), la note, le nombre de vues et de commentaires. Pour cela, il suffit d'utiliser les TOKEN associés. Ils sont très faciles à utiliser, il suffit d'écrire entre crochet les mots clés indiqués dans le module.

Voilà quelques mois, nous avons entamé la refonte de tous les modules. Parmi les modules phare utilisés pour afficher les contenus des webservices, il ne restait plus qu'à se pencher sur la galerie ... et c'est chose faite.

Aujourd'hui, nous mettons en ligne les améliorations du module. Les nouveautés pour les pages intérieures viendront dans les prochains jours.

Nous vous proposons 3 mode d'affichage :

Mode Classique
C'est le mode que vous utilisiez jusqu'à présent. Sa compatibilité avec un plus grand nombre de navigateurs a été assurée.

Mode Rollover
Comme son nom l'indique, il permet d'afficher les informations de la photos ou de l'album au passage de la souris sur l'image. Ce mode d'affichage permet aussi d'obtenir une mise en page très soignée car les images sont retravaillées automatiquement. En effet, en mode rollover, les images sont recadrées (crop) au lieu de conserver leurs proportions comme dans le mode classique. L'ensemble de la page est alors beaucoup plus harmonieux.

Mode 16/9ème
C'est le mode d'affichage le plus visuel. Il permet de mettre en avant vos images. C'est la raison pour laquelle ce mode est uniquement disponible en colonne centrale.

Les utilisateurs du module Mes Notes ne seront pas dépaysés par l'utilisation du mode Rollover et du mode 16/9ème, le fonctionnement est quasi-identique.

Dans la présentation par albums, vous pouvez indiquez le nombre de photos que contient chaque album.

Pour l'affichage des vignettes, un nouveau tri fait son apparition. En plus de "Les Plus Récentes", "Les Plus Populaires" et "Aléatoire", ou peut maintenant trier en affichant "Les Plus Commentées".

Concernant les commentaires sur une photo, on peut choisir d'afficher leur nombre et même de choisir le visuel donnant cette information.

Notez bien que chacune de ces options sont contextuelles. C'est-à-dire que leur disponibilité varie en fonction du mode d'affichage sélectionné.

Dernière chose, concernant le nombre de colonne à afficher dans le module, afin de vous faciliter la tâche, nous avons ajouté un paramètre "nombre de colonnes automatique". C'est le paramètre par défaut du module, il permet d'afficher le nombre de colonne le plus adapté en fonction de la taille de votre site.

Le module Boutique Produit a été enrichi. Le fonctionnement général du module reste le même. Cependant, vous pouvez désormais jouer sur un grand nombre d'options d'affichage. Voyons cela en détails.

Le mode de sélection des produits à afficher dans le module a été amélioré. Vous pouvez travailler soit par inclusion, soir par exclusion.

Cela permet de sélectionner d'un seul clic tous les produits (et oui, il suffit de travailler en mode exclusion !!)

Les produits s'affichent en colonne dans le module. Jusqu'à présent, le choix du nombre de colonne s'effectuait manuellement. C'est toujours possible, mais nous avons ajouté un mode automatique.

En mode automatique, le nombre de colonnes s'adapte à la largeur de vos photos (la largeur est paramétrable). Le résultat est toujours impeccable !

L'ajout au panier, c'est un peu le nerf de la guerre. Vous avez donc la possibilité de proposer cette action directement depuis le module Boutique Produit.

Si vous décidez d'afficher la mise au panier, vous noterez la possibilité d'utiliser un bouton d'action perso ;)


Vous pouvez également :
- définir une césure sur le titre des produits
- afficher le prix
- afficher la description

Enfin, vous pouvez proposer des options de tri pour l'affichage de vos produits. Pour cela, après avoir coché la case "afficher le tri", définissez le nombre de produits à montrer par page.

Coté front, vos utilisateurs ont la possibilité de trier les produits par :
- prix croissant
- prix décroissant
- nom
- meilleurs ventes

Il y a de plus en plus de webmarchands dans la communauté WM. Aussi, nous avons décidé il y a quelques semaines de faire un petit tour d'horizon de ce qui se fait de mieux actuellement dans les boutiques en ligne.

Ce benchmarking nous a donné plein d'idées. Il va donc y avoir du changement dans les prochains jour dans vos boutiques !

Aujourd'hui, je vous propose de découvrir le tout nouveau module "Produit à la Une". Ce module permet de mettre en avant un produit dès la home de votre site.

Plus précisément, ce module va vous permettre de mettre plusieurs produits à la Une. Son fonctionnement s'apparente beaucoup à la gestion de la Une éditoriale du site (avec les articles). L'utilisation est donc ultra-simple.

Produit à la Une propose 2 types d'affichages :

Avec Type 1 (cf.image ci-dessus), vous pouvez mettre jusqu'à 5 produits à la Une. Les 5 produits sont visibles en permanence dans le module. Le produit en position 1 est mis en avant. Un clic sur une des 4 vignettes affiche le produit en position 1.

Avec Type 2, vous pouvez mettre jusqu'à 4 produits à la Une. Chaque produit occupe tout l'espace dans le module. Il est possible de faire défiler horizontalement les produits en mode automatique ou manuellement en utilisant le pageur.

Plusieurs options d'affichage sont proposées : description, prix, ajout au panier, ainsi que le défilement automatique.

Petite remarque pour nos webmarchands pointilleux : avez-vous noté qu'il était possible de choisir un format 16:9 pour les vignettes du module ? Cela vous permettra peut-être d'apporter le plus qui fera la différence dans votre design. Pour cela, n'oubliez pas de faire les recadrages qui s'imposent lorsque vous ajoutez une image à un produit (en utilisant le crop ).

Commencez par placer sur votre home un module "Produit à la Une". Ce module s'ajoute en colonne centrale, il est classé dans la catégorie Webservices.

Ensuite, toujours en back office, éditez la fiche du produit. Vous verrez que dans le formulaire d'édition du produit, en haut à droite, une représentation schématique du module apparait. Sélectionnez y la position de votre produit dans le module.

C'est aussi simple que ça. Il ne vous reste plus qu'à mettre en avant les produits de votre boutique et à doper vos ventes !