Nouveau thème graphique 100% personnalisable

Le jeudi, 27 septembre 2012

Dans Web design

Thème graphique 100% personnalisable

Le thème ultra-personnalisable que nous vous avions annoncé en début de mois est arrivé ! Pour le moment, il est accompagné de 7 (jolies) déclinaisons prêtes à l'emploi, mais dans les semaines qui viennent plusieurs dizaines d'autres vont débarquer !

Son nom : Unlimited; bien entendu, il n'est pas "illimité", mais c'est le thème le plus personnalisable et le plus poussé que nous n'avons jamais réalisé. Vous allez découvrir dans cet article comment vous allez pouvoir créer un site graphique avec ce nouveau thème graphique !

Il permet une personnalisation intégrale du design du site, en passant toujours par des champs de formulaire. Ainsi, la personnalisation est accessible à tous (pas besoin de s'y connaître en HTML ou en CSS). Néanmoins, le formulaire de personnalisation étant très complet (et très long), son utilisation est réservée aux webmasters avertis (ou ayant du temps !).

Personnalisez chaque zone du site

La personnalisation concerne, comme tous les thèmes (mais en plus complet), le design de chaque zone du site :

  • fond du site
  • l'entête
  • les menus horizontaux
  • les menus verticaux
  • le contenu
  • le conteneur (ensemble comprenant le contenu + les menus verticaux)
  • le pied de page
thèmes personnalisables

Personnalisation avancée

En plus de cela, ce thème vous permet d'intervenir sur l'aspect graphique de zones inédites :

  • des boutons
  • des formulaires
  • des tableaux (exemple : pour le panier, le forum, ...)
  • les messages contextuels (ex : la popup d'ajout au panier)
  • la pagination (les numéros de pages s'affichant en bas des listings)

Personnaliser l'apparence de la boutique

Le thème Unlimited vous permet également de personnaliser des aspects graphiques importants du module Boutique :

Personnalisation graphique de la boutique

  • L'apparence du prix
  • L'apparence du prix barré (pour les produits en promotion)
  • Le style graphique du texte "Promotion"
  • Le style graphique des 3 textes paramétrables dans le manager pour "produit en stock", "produit épuisé" et "produit avec un stock limité"
  • le style des listings de produits (couleur de fond, style des titres, hauteur des blocs)
  • Apparence du bouton "Ajouter au panier"
  • Apparence des onglets affichés sur la fiche produit

Allez encore plus loin dans la personnalisation

Enfin, ce thème propose des options fantastiques pour personnaliser au maximum votre site : 

personnaliser le thème graphique

  • Choix de la couleur des icônes affichés sur le site
  • Position de la barre de choix de langue pour les sites multilingues et sa couleur de fond
  • La possibilité de placer l'entête dans le conteneur (c'est à dire avoir un seul bloc qui contient tout le site)
  • La possibilité de configurer des ombres portées et des coins arrondis sur chaque zone du site (compatible avec les navigateurs récents uniquement)
  • Fixer le menu horizontal en haut de l'écran (quand on descend dans la page, le menu du haut reste positionné en haut de la page et est ainsi accessible en permanence)
  • La possibilité d'avoir un ou deux menus verticaux; quand 2 menus verticaux sont configurés, il est possible de les afficher l'un à côté de l'autre à gauche ou à droite, ou de chaque côté du contenu
  • La possibilité d'égaliser la hauteur des menus verticaux avec la hauteur du contenu
  • La possibilité d'avoir un menu horizontal en haut et un autre en bas de la page
  • Configurer les widgets des menus verticaux en accordéon (par défaut, seul le titre des widgets est visible; un clic sur le titre permet d'en afficher le contenu)

Cette liste n'est pas exhaustive : ce thème vous réserve encore plus de surprises !

A vous de jouer pour créer votre design !

Appliquer le thème 100% personnalisable

Découvrez dès maintenant ce nouveau thème en appliquant une des 7 déclinaisons disponibles sur Configuration > Apparence sur votre manager. Vous pourrez ensuite la personnaliser en allant sur l'onglet "Personnaliser". Enfin, pour activer/désactiver les menus horizontaux et verticaux, et y configurer le contenu, allez sur Configuration > Menus
.

Personnalisation Themes