Full Responsive ecommerce Template pour Kiubi

Introduction

Ce template a été adapté pour l’outil de gestion de site web Kiubi de manière à faciliter sa mise en place dans Kiubi.
Les informations qui suivent nécessitent :

• De disposer d’un compte Kiubi permettant de gérer au moins un site sur cette plateforme
• Si ce n’est pas le cas, ouvrez un compte ici : http://www.kiubi.com/inscription.html
• De connaitre les fondamentaux quant à l’utilisation de Kiubi :
• Si ce n’est pas le cas, consultez la documentation en ligne :
• http://aide.kiubi.com/
• Et notamment la vidéo vous présentant l’ensemble de l’interface : http://aide.kiubi.com/catalogue/videos/decouverte-de-kiubi.html

Copyright

Pour utiliser un template acheté sur ce site sur Kiubi vous devez acquérir la licence Regular commercialisée par Themeforest (à usage unique). 

Contenu de votre achat

Une prestation clé en main d'intégration HTML du template de base dans Kiubi (vous obtenez après règlement un livrable compressé prêt à installer en quelques minutes sur une instance Kiubi).

Vous devez acquérir en parallèle la licence de ce template auprès de l'opérateur le commercialisant.

Mise en place du template

Une fois le paiement effectué et validé vous recevez un mail vous donnant accès à un fichier compressé téléchargeable. Vous devez ensuite :

• Accéder à l'interface d'administration du site Kiubi sur lequel vous devez mettre en place ce graphisme (nous vous recommandons de commencer sur un nouveau site)
• Commencez par réaliser une sauvegarde du site
• Puis accéder à "Thèmes > Imports de thèmes graphiques"
• Dans la nouvelle page :
  • sélectionnez le fichier que vous avez téléchargé après votre achat sur notre site,
  • choisissez de mettre en place ou non tout le contenu figurant dans le template acquis
  • cliquez sur enregistrer
  • c'est terminé l'ensemble du template est en place, vous n'avez plus qu'à modifier le contenu !

Remarque :

Nous recommandons de déployer votre nouveau template sur un "site vierge" dans lequel vous n'avez encore mis en place aucun contenu.

Support

En cas de soucis/questions pour l’installation ou l’utilisation du template, n’hésitez pas à nous contacter en indiquant dans votre message : la référence de votre achat (indiquée sur la facture ou dans votre compte).

Pour des demandes de modifications, d'adaptations du template acheté et déployé nous sommes également à votre disposition, n’hésitez pas à nous contacter.

Description du livrable

Les sources HTML, CSS, JS, et images sont livrées dans le dossier "theme/fr/" et sont composées des répertoires suivants

Gestion des éléments communs aux pages

Header 

• Le logo et l'accroche se gèrent dans l'administration Kiubi du site dans la page "Thèmes > Bloc marque"
• Les icones des réseaux sociaux et le champ de recherche se gère dans le fichier /theme/fr/includes/search.html

Footer 

• Le billet affiché à gauche en pied de page se gère depuis la page de "site web" nommée "Eléments communs", c'est le même billet qui est repris sur toutes les pages 
• La zone de coordonnées est remplie automatiquement d'après les informations saisies dans Kiubi dans "préférences" et "préférences > coordonnées"
• La zone d'abonnement newsletter est gérée dans "/theme/fr/widgets/communication/newsletter"

Types de templates html

Kiubi utilise des templates html pour gérer la structure principale des pages web (lire la documentation).

Il existe 5 types de fichiers html définissant la structure principale des pages, ils sont contenus dans le répertoire : "theme/fr/templates" : 

• 1-home : ne s'applique qu'à la page d'acceuil 
• 2-colonne-droite : mise en page avec colonne à droite (s'applique pour la plupart des pages profondes)
• 3-contact : ne s'applique qu'à la page contact : mise en page avec colonne à droite + googlemaps (dont la localisation est gérée dans Kiubi dans "préférences > coordonnées")
• 4-une-colonne-classique : modèle de mise en page sans sidebar 
• 5-portofolio : ne s'applique qu'à la page portofolio 

Types de billets

Il existe 12 types de billets différents vous permettant d'obtenir des rendus différents, ils sont contenus dans le répertoire : "theme/fr/billets" : 

• 1-billet-classique : billet utilisé dans la plupart des cas dans les pages profondes
  • exemple billet utilisé dans http://nevia.kiubi-web.com/informations-legales.html
• 2-post-icone : billet avec icone à gauche (utilisé uniquement sur l'accueil)
  • exemple billet utilisé dans http://nevia.kiubi-web.com
• 3-titre-texte-image-gauche : billet avec image flottant à gauche
  • exemple billet utilisé dans http://nevia.kiubi-web.com/societe-nos-services.html (en haut de page) 
• 4-accordeon : billet de type accordéon (à utiliser avec modèle de mise en page "Accordéon"
  • exemple billet utilisé dans http://nevia.kiubi-web.com/societe-nos-services.html (en bas de page) 
• 5-onglets : type de billets avec onglets
  • exemple billet utilisé dans http://nevia.kiubi-web.com/societe-nos-services.html (en milieu de page) 
• 6-call_to_action : billet avec titre contenu + bouton sur aplat de couleur
  • exemple billet utilisé dans http://nevia.kiubi-web.com/societe-notre-equipe.html (en milieu de page) 
• 7-table_prix : billet permettant présentation sous forme de tableaux comparatifs des tarifs
  • exemple billet utilisé dans http://nevia.kiubi-web.com/table-de-prix.html (en milieu de page) 
• 8-coordonnees-contact : billet utilisé uniquement dans la page contact pour afficher la zone de coordonnées 
• 9-styleswitcher : billet à masquer/afficher pour afficher ou masquer l'interface de choix des couleurs et images de fond s'appliquant au template Nevia 
• 10-slideshow-accueil : billet permettant de remplir 1 écran du slideshow proposé en page d'accueil 
• 11-billet_footer : billet permettant la gestion du billet situé en bas à gauche du footer 
• 12-temoignage : billet permettant d'afficher un témoignage parmi les n témoignages défilant sur l'accueil 

Vous trouverez dans chaque type des billets des informations sur leur utilisation sous forme de commentaires figurant dans les fichiers config.xml et index.html.