Zlio vient de sortir un module pour permettre à tous ses membres de personnaliser leur(s) boutique(s) au niveau du design afin d’avoir de vrai boutiques uniques en leurs genres.

Les connaisseurs pouvait déjà grâce aux CSS personnaliser leurs boutiques ou utiliser le guide de Clément DUBOIS “Comment customiser sa boutique Zlio“. Cette nouvelle application de Zlio permettra de modifier facilement pour les novices en informatique son design de boutique (entête, menu de gauche et pied de page). Les catégories de produits et description ne sont pas en reste rassurez-vous !!!

Maintenant, créer sa boutique Zlio, ajouter des produits et changer le design de boutique zlio est devenu un jeu d’enfant. Vous pouvez avoir votre identité graphique unique sur le net et devenir un e-commercant.

Voici une capture de ce module :

Cette application vous permet donc de :

• Créer, enregistrer, enregistrer-sous, supprimer ou charger un thème.
• Modifier les couleurs de fonds, produits, descriptions, menu etc ….
• Disposer ses modules facilement
• Appliquer le thème à sa boutique

Ce module est désormais disponible dans votre espace membre> administrer changer mon modele

Créez votre boutique zlio maintenant si ce n’est pas encore fait et venez discuter du module de customisation zlio sur le forum zliobuzz

Pour personnaliser entièrement votre boutique Zlio dans les moindre recoins vous devez en éditer le code CSS.

La personnalisation de votre boutique n’aura bientôt plus aucun secret pour vous grâce à ce guide rédigé par Clément Dubois.

Vous apprendez ce que sont les CSS et comment changer la couleur du titre de votre boutique ou la couleur du fond de votre menu.

Pour ceux d’entre vous que la personnalisation n’intéresse pas, ce guide contient aussi des astuces sur les options avancées de votre boutique mais aussi sur le référencement de vos boutiques.

 Vous y apprendrez :

Décomposition de la page d’accueil de la boutique Planète foot V2. 6

Le header. 6

Contenu en dessous de l’entête de page. 7

Le menu de gauche. 8

Présentation du produit à la une. 9

Une catégorie de produit. 10

Texte libre de votre boutique. 12

Pied de page. 12

Clic sur une catégorie ici Olympique Lyonnais. 13

Détails d’un produit. 14

Autre produit. 15

Zoom sur un produit. 16

Clic sur comparaison des produits. 17

Page de contact. 18

La boîte MSN.. 19

La boîte Zlio.. 19

Décomposition de la page d’accueil de la boutique Planète foot V3. 20

Changement dans la version 3Â : 20

Page d’accueil : 20

Page produits : 20

Page sous categories. 20

Echange de liens via le shoproll : 20

Le header. 21

Retirer le module recherche et les liens accueil, etc…. de l’entete de page. 21

Contenu en dessous de l’entête de page. 22

Le menu de gauche. 23

Mettre une image de fond au niveau des catégories. 24

Présentation du produit à la une. 25

Une catégorie de produit. 26

Texte libre de votre boutique. 26

Pied de page. 27

Clic sur une catégorie ici Olympique Lyonnais. 27

Détails d’un produit. 28

Autre produit. 29

Zoom sur un produit. 30

Clic sur comparaison des produits. 31

Page de contact. 31

La boîte MSN.. 31

La boîte Zlio.. 31

COMPRENDRE LES CSS (fonctionnement, héritage,…..) 33

Quelques notions. 33

Exemple d’héritage et de pseudo classe. 33

Un autre exemple de l’héritage des classes. 34

COMMENT CHANGER L’ENTETE DE VOTRE BOUTIQUE.. 35

Mettre un bandeau image en entête. 35

Exemple. 35

METTRE UNE ANIMATION FLASH EN ENTETE.. 36

Explication. 36

Code. 36

METTRE UNE COULEUR AUX TITRES DE MA BOUTIQUE.. 37

COMMENT CHANGER LE PIED DE PAGE.. 38

Mettre un bandeau image dans le pied de page. 38

Exemple. 38

AGRANDIR SON PIED DE PAGE.. 39

Agrandir son pied de page en hauteur. 39

Agrandir son pied de page en largeur. 39

MODIFIER LE MODULE RSS. 40

Le CSS du module. 40

Faire disparaître le module RSS. 40

MODIFIER LE MODULE SHOPROLL.. 41

Modifier les couleurs du module shoproll. 41

Modifier le lien voir tous les partenaires. 41

Modifier les couleurs des titres des partenaires et la description.. 41

Faire disparaître le module shoproll. 41

Module au survol d’un produit à l’accueil.. 42

MODIFICATION DU MODULE PRODUIT A LA UNE.. 43

EXEMPLE DE CSS POUR CE MODULEÂ : 43

Mettre un fond transparent la ligne produit à la une > nom du produit. 44

Mettre une couleur au survol du produit à la une sur la ligne produit à la une> nom du produit 44

Modifier les bouton 1,2,3 des produits à la une. 44

Changer le bouton comparer les prix sur une page de catégorie de produit.. 45

Changer le menu horizontal de la page détail d’un produit.. 46

Exemple de modification du menu horizontal.. 46

Survol du lien d’une categorie du menu.. 46

Fenêtre au survol d’un lien du menu.. 46

Changer le design du titre « achetez ce produit au meilleur prix chez nos partenaires » 47

Changer le design des titres produit, description et caractéristiques, liens sponsorisés et laissez vos commentaires ». 48

Résultat. 48

Changer le bouton comparer les prix en euro et le bouton acheter.. 49

Changement du bouton acheter de la page détail d’un produit.. 50

Changer le bouton « voir offre ». 51

Changer le bouton « laisser votre avis ». 52

MODIFIER LE MODULE AVIS ET INFORMATIONS. 53

MODIFIER LE BLOC PRIX.. 54

MODIFIER LE FIL D’ARIANE.. 55

Changer la forme des liens produit suivant et précédent.. 56

Exemple : 56

Résultat : 56

METTRE UNE IMAGE EN FOND DANS LE MODULE PRESENTATION DE VOTRE BOUTIQUE.. 57

Mettre image de fond en haut (texte libre dans paramètres) 57

Exemple. 57

MODIFIER SON MENU DE GAUCHE.. 58

Changer le menu gauche ou droit des catégories de produits. 58

Exemple. 58

CHANGER L’ARRIERE PLAN DE VOTRE BOUTIQUE.. 59

Changez l’arrière plan de sa boutique. 59

1/ Pour modifier votre couleur de fond de votre boutique, il vous suffit de modifier l’attribut color de l’ID body et non pas .body (à ne pas confondre) 59

2/ Pour insérer une image en fond la démarche sera la suivante. 59

Astuce. 59

MODIFIER LA LARGEUR DE SA BOUTIQUE.. 60

Exemple. 60

METTRE UNE COULEUR DE FOND AUX CATEGORIES. 61

CHANGER L’APPARRENCE DU MODULE ZLIO.. 62

Comment configurer sa boîte Zlio.. 62

Code CSS à insérer. 62

SUPPRIMER LE MODULE ZLIO DE MES BOUTIQUES. 63

CHANGER L’APPARENCE DU MODULE MSN.. 64

Décomposition des styles de la boite MSN.. 64

INSERER DES LIENS DANS LA PRESENTATION DE SA BOUTIQUE.. 65

Code à insérer : 65

INSTALLER UN MODULE DE TRADUCTION.. 66

Code. 66

CREER ET INSERER SON SITEMAP GOOGLE ET YAHOO.. 67

La balise meta de Yahoo : 67

La balise meta de Google. 69

INSTALLER SON MODULE DE STATISTIQUES POUR SA BOUTIQUE.. 71

INSERER LES ADSENSES DANS LES BOUTIQUES. 72

Créer son compte adsense : 2 méthodes. 72

Associer votre compte adsense à Zlio.. 73

Insérez dans votre boutique des publicités personnalisées. 74

INSERER UNE BANNIERE DANS SA BOUTIQUE.. 75

Code à copier. 75

LA FEUILLE DE STYLE CSS DETAILLEE V2. 76

LA FEUILLE DE STYLE CSS DETAILLEE V3. 87

COMMENT INTEGRER MA CSS A MA BOUTIQUE.. 96

Transférer sa feuille de style sur ZliO.. 96

Votre démarche. 96

METTRE DES LIENS COTE A COTE.. 97

FONCTIONNEMENT DE ZLIOLIVE.. 98

FONCTIONNEMENT DES ZLIOZONES. 99

LISTE ANNUAIRES POUR REFERENCEMENT.. 102

LOGICIEL POUR LE REFERENCEMENT.. 103

Refhotkey (gratuit)Â : 103

WEBceo.. 103

IBP. 103

BOOSTER VOS BOUTIQUES ZLIO AVEC CES SERVICES. 104

Topsite des boutiques zlio.. 104

FORUM ZLIOBUZZ BOOSTEZ VOS BOUTIQUES ZLIO.. 105

Forum Zliobuzz vous accompagne. 105

ANNUAIRE DES BOUTIQUES ZLIO.. 106

ANNUAIRE ZLIOBUZZ Référence les boutiques zlio.. 106

PLUGIN DE RECHERCHE DANS LES BOUTIQUES ZLIO.. 107

UTILISATION D’UN FLUX RSS. 108

Comment utiliser ce fil RSS ?. 108

Comment lire un canal RSS ?. 108

Aide. 108

Utilisation de Feedreader. 109

MES CREATIONS. 110

Planète foot. 110

Rugby Shop. 110

Price discount. 111

Esthétic Beauté. 111

CUSTOMISATION DE TEMPLATE POUR MES FILLEULS. 112

Boutique de parfum.. 112

LIENS UTILES. 113

Choix de vos couleurs. 113

Créer des imagettes pour votre site. 113

Police. 113

Générateur de couleurs. 113

Stockage image de photos. 113

Héberger une vidéo.. 113

Créer des bannières. 114

Logiciel Retouche Photo et Design : 114

Graphisme / Photos /Â Polices. 114

Kits graphiques. 114

RESSOURCES POUR LE HTML.. 114

TABLE DES MATIERESÂ 115

 N’hésitez pas et téléchargez le !!!!

Tutoriel de customisation version 3Â

Zliobuzz ouvre son annuaire de liens en dur gratuits pour tous. Vous obtiendrez des liens de qualité afin d’améliorer le référencement de vos boutiques.

Rendez-vous sur l’annuaire Zliobuzz …