La personnalisation du thème de votre e-commerce

Dans le menu « Canaux de vente » > « E-commerce » > « Thème », accédez à la rubrique dédiée au template graphique de votre boutique.

En cliquant sur « Découvrir le Theme Store », vous aurez la possibilité de passer à un abonnement Storeden et accéder à la boutique des thèmes graphiques que vous pourrez acheter pour votre e-commerce.

La touche « Modifier html/css » vous permet de personnaliser le template de votre boutique directement avec le code. Vous accéderez alors à l'éditeur que vous pourrez personnaliser en choisissant quelle identité visuelle donner à votre site.

La fonction « Afficher » permet d'afficher une prévisualisation de votre site.

La fonction « Traductions » permet d'accéder à la rubrique des traductions du template dans les différentes langues disponibles.

La fonction « Personnaliser » vous redirige vers l'interface de configuration du thème. À gauche s'affiche un aperçu du site et à droite le panneau de configuration.

Lorsque vous changez des paramètres, l'aperçu du site est mis à jour, mais ce n'est que lorsque vous cliquez sur « Enregistrer » en bas à droite que la modification est sauvegardée. En cliquant sur le lien « Site preview » (), vous pouvez afficher l'aperçu de votre site en ligne. 

Dans la rubrique des configurations, la personnalisation du thème est organisée comme suit :

Rubrique : configurations de rubrique, à savoir la page actuelle affichée dans l'aperçu.

Général : configurations d'ordre général.

L'icône « responsive » (), il est possible d'appliquer différentes dimensions à l'aperçu, de manière à vérifier le rendu du thème sur tablettes et téléphones.

L'icône « monde » () (si votre site est multilingue), vous pouvez afficher l'aperçu et les configurations dans les autres langues disponibles. Lorsque vous changez la langue, les champs de configuration marqués avec le drapeau de la langue, devront être remplis avec les données dans la langue sélectionnée.  

L'icône « hamburger » (), il est possible de naviguer entre les pages de système du site : « page d'accueil », « boutique », « panier », « blog », «  à propos » et « contactez-nous » et activer les configurations des rubriques. 

L'icône « refresh » () permet de restaurer une des 5 dernières versions personnalisées ou de revenir à la version d'origine. 

En cliquant sur   , toutes les configurations non enregistrées seront perdues et vous êtes redirigé vers les configurations effectuées lors de la dernière sauvegarde.

En cliquant sur « General », vous trouverez toutes les configurations qui ont un impact global sur le thème.

Les configurations générales sont réparties comme suit : « Couleurs et police », « Révisions », « Réseaux sociaux » et « Autres paramètres », regroupant les paramètres par sujet. 

Chacun de ces paramètres sont personnalisables en cliquant dessus, par exemple en cliquant sur « Couleurs et police », vous trouverez les éléments suivants.

Parmi les configurations d'ordre général, on retrouve également celles de l'« En-tête » et du « Pied de page ». Il est possible de les personnaliser en cliquant sur la fonction « Sections » et sont les mêmes pour toutes les pages du site. Les configurations « En-tête » concernent l'aspect visuel de la partie haute du site et du menu principal. Les configurations « Pied de page » concernent l'aspect visuel de la partie basse du site. 

Les configurations de section dépendent des pages standards qui composent une boutique développée avec Blomming. Il est possible de configurer les pages suivantes :

• Page d'accueil
• Boutique (navigation produits)
• Panier
• Produit (cliquer sur un aperçu produit pour voir les configurations de la page d'un produit)
• Blog
• Post (cliquer sur une publication du blog pour accéder aux configurations des publications)
• À propos
• Contactez-nous
• Page (page personnalisée) 

Ces pages peuvent avoir :  

• des configurations spécifiques, par exemple, vous pouvez trouver « Paramètres de la boutique » en accédant à la liste des produits. 
• un ensemble de sections, appelées également « widget ». 

Les widgets sont des éléments dynamiques qui composent les pages d'un site.

Cliquez sur chacun des widgets pour positionner l'aperçu du site sur la rubrique correspondante et activer l'affichage de ses configurations. 

Les widgets peuvent être :

• déplacés : par le biais du drag&drop, en utilisant la souris, il est possible de faire glisser un widget vers le haut ou vers le bas, pour choisir la position du contenu correspondant sur l'aperçu du site à gauche. Les widgets ne peuvent pas être déplacés avant et après les sections fixes (en-tête, pied de page et contenus standards)
• éliminés : en cliquant sur le widget, vous trouverez en bas le lien « Supprimer cet élément » sur lequel cliquer
• ajoutés : cliquez sur « Ajouter nouvel élément » et sélectionner le widget que vous souhaitez insérer. Chaque nouveau widget est ajouté au-dessus de tous les autres autres déjà présents. Il est possible par la suite de le déplacer.

Remarque : les widgets des pages créées dans « Canaux de vente » > « E-commerce » > « Pages » sont partagés dans toutes les pages, puisqu'elles sont modifiables par le biais de leur propre éditeur. Il en va de même pour les widgets ajoutés dans les fiches produits.  

Le thème est 100 % personnalisable, envoyez-nous votre demande à customercare@storeden.com pour obtenir une évaluation de faisabilité et du coût.