| Partenaires : liens vers vos partenaires |
-
Présentation générale
Le module partenaires va vous permettre d'intégrer des liens vers des sites partenaires
sans dénaturer l'aspect de votre boutique. L'affichage se fera sous forme de slides
et vous aurez une grande liberté pour personnaliser vos liens. Le module se situe dans le menu de gauche en dessous
des pubs Google.
Notre module partenaires s'intégre facilement sur les boutiques v3.5
(voir menu intégration) mais si vous êtes à l'aise avec les langages de programmation internet (CSS,
HTML,...) n'hésitez pas à customiser et/ou modifier les paramètres du module partenaires.
Module partenaires par défaut
Par défaut, notre module partenaires utilise un effet de défilement horizontal pour les différents slides contenant
les liens vers vos partenaires. Le défilement a lieu toutes les 6 secondes et se met en pause lorsque l'utilisateur
passe sur le module avec la souris.
Crédits
Notre module partenaires est basé sur le plugin JQuery Cycle.
-
Comment intégrer en 2 mn le module partenaires sur votre boutique zlio?
1e Etape : Insertion du code javascript
Cliquez gauche sur les lignes de code suivantes, puis faites Ctrl+A pour sélectionner tous le code. Ensuite faites Ctrl+C pour copier le code.
Connectez vous à votre interface d'administration, sélectionnez l'onglet "aspect" puis "En-tête & Pied de page (HTML)".
Cliquez gauche sur la zone pied de page HTML pour faire apparaître le curseur. Finalement faites Ctrl+V pour coller les lignes de code.
N'oubliez pas de "Sauver" vos modifications. Il ne reste plus qu'à aller sur votre boutique pour constater le resultat !!
Remarque : certaines lignes de code sont communes aux différents modules javascript yoja.
Si vous avez déjà intégré un module yoja sur votre boutique, vérifiez de ne pas insérer deux fois les mêmes lignes (par exemple jquery-1.2.1.js et yoja.core.js)
Script pour Boutique V3.5 :
2e Etape : Création du contenu de votre module partenaires
Il suffit d'insérer sur votre boutique le code HTML suivant et d'adapter le contenu comme vous le
souhaitez. Vous pouvez insérer ce code dans le zone "Pied de page (HTML)" de l'onglet "aspect" de votre
console d'administration.
Besoin d'aide ?
Si vous rencontrez des problèmes pour intégrer le module partenaires sur votre boutique zlio, vous pouvez trouver de
l'aide sur le forum.
Vous pouvez également contacter notre support technique.
-
Comment modifier les paramètres du module partenaires?
Le module partenaires par défaut est paramétrable. Vous pouvez par exemple choisir
l'effet de transition, la période, la vitesse, etc...
Pour modifier le paramétrage du module par défaut, il suffit d'ajouter
le code suivant juste après les lignes de code présentée dans la partie "Intégration" :
Liste des paramètres disponibles
Voici la liste des paramètres les plus utiles :
| fx | Effet utilisé pour la transition. Valeur à choisir parmi ("fade", "shuffle", "zoom", "scrollLeft", "up", etc...). Valeur par défaut : "fade" |
| timeout | Délai en millisecondes entre chaque transition. La valeur 0 annule le défilement automatique. Valeur par défaut : 4000 |
| continuous | Vaut 1 si l'on souhaite que les transitions s'enchaînent immédiatement les unes à la suite des autres. Valeur par défaut : 0 |
| speed | Vitesse de la transition. Valeur par défaut : 1000 |
| next | Identifiant de l'élémént HTML qui permet afficher le slide suivant |
| prev | Identifiant de l'élémént HTML qui permet afficher le slide précédent |
| pager | Identifiant de l'élémént HTML qui va contenir les boutons de paginations |
| pagerEvent | Evènement qui va déclencher la pagination. Valeur par défaut 'click' |
| height | Taille des slides. Valeur par défaut 'auto' |
| random | Vaut 1 si l'on souhaite que les slides s'affichent de manière aléatoire. Valeur par défaut : 0. |
| Retourvez tous les paramètres disponibles sur jQuery Cycle Plugin - Option Reference |
-
Comment ajouter des boutons de navigation pour votre module partenaires
Pour ajouter des boutons qui vont vous permettre de naviguer entre les
différentes pages de partenaires il suffit de d'ajouter une <div> avec un identifiant :
Ensuite il faut utiliser le paramètre pager:'#myCycleNav' (voir la rubrique "Paramétrage").
Si vous avez des problèmes pour customiser votre module partenaires, vous pouvez trouver de
l'aide sur le forum.
Vous pouvez également contacter notre support technique.
|
