02.4.2007

Tutoriel de customisation d’une boutique Zlio



Tutorial boutique ZlioVous avez une boutique Zlio mais vous ne savez pas la customiser ( c’est à dire la mettre au théme et aux couleurs désirées). Vous souhaitez ajouter des liens, des images tout est expliqué dans ce tutorial qui se décompose en plusieurs parties. La boutique pour exemple est Planète foot que j’ai décomposé de haut en bas en vous apportant une explication de chaque partie avec le détail des classes CSS pour les novices en la matiére.

  • LE HEADER
  • CONTENU EN DESSOUS DE L’ENTETE DE PAGE
  • LE MENU DE GAUCHE
  • PRESENTATION DU PRODUIT A LA UNE
  • UNE CATEGORIE DE PRODUIT
  • TEXTE LIBRE DE VOTRE BOUTIQUE
  • PIED DE PAGE
  • CLIC SUR UNE CATEGORIE ICI OLYMPIQUE LYONNAIS
  • DETAILS D’UN PRODUIT
  • AUTRE PRODUIT
  • ZOOM SUR UN PRODUIT
  • CLIC SUR COMPARAISON DES PRODUITS
  • PAGE DE CONTACT
  • LA BOITE MSN
  • LA BOITE ZLIO
  • COMPRENDRE LES CSS (FONCTIONNEMENT, HERITAGE,…..)
  • QUELQUES NOTIONS
  • EXEMPLE D’HERITAGE ET DE PSEUDO CLASSE
  • UN AUTRE EXEMPLE DE L’HERITAGE DES CLASSES
  • COMMENT CHANGER L’ENTETE DE VOTRE BOUTIQUE
  • METTRE UN BANDEAU IMAGE EN ENTETE
  • METTRE UNE ANIMATION FLASH EN ENTETE
  • COMMENT CHANGER LE PIED DE PAGE
  • METTRE UN BANDEAU IMAGE DANS LE PIED DE PAGE
  • METTRE UNE IMAGE EN FOND DANS LE MODULE PRESENTATION DE VOTRE BOUTIQUE
  • METTRE IMAGE DE FOND EN HAUT (TEXTE LIBRE DANS PARAMETRES)
  • MODIFIER SON MENU DE GAUCHE
  • CHANGER LE MENU GAUCHE OU DROIT DES CATEGORIES DE PRODUITS
  • CHANGER L’ARRIERE PLAN DE VOTRE BOUTIQUE
  • CHANGEZ L’ARRIERE PLAN DE SA BOUTIQUE
  • MODIFIER LA LARGEUR DE SA BOUTIQUE
  • CHANGER L’APPARRENCE DU MODULE ZLIO
  • COMMENT CONFIGURER SA BOITE ZLIO
  • CHANGER L’APPARENCE DU MODULE MSN
  • DECOMPOSITION DES STYLES DE LA BOITE MSN
  • INSERER DES LIENS DANS LA PRESENTATION DE SA BOUTIQUE
  • INSTALLER UN MODULE DE TRADUCTION
  • INSTALLER SON MODULE DE STATISTIQUES POUR SA BOUTIQUE
  • LA FEUILLE DE STYLE CSS DETAILLEE
  • COMMENT INTEGRER MA CSS A MA BOUTIQUE
  • TRANSFERER SA FEUILLE DE STYLE SUR ZLIO

Bon courage à tous et j’espére que ce tutorial vous plaira. N’oubliez pas de voter pour ce tutorial via le bouton Fuzz et de me laisser un commentaire.

Téléchargement :
Tutorial customisation d’une boutique ZLIO

Sites en rapport :

58 Responses à “Tutoriel de customisation d’une boutique Zlio”

  1. admin Says:

    En espérant que ce tutoriel vous convienne. N’hésitez pas à me laisser vos commentaires et suggestions d’améliorations.

    Merci

  2. Julien Says:

    Très complet et vraiment très bien fait. Bravo !

  3. Jeff Says:

    Hello
    Bravo clem pour ce travail formidable, tout est clair, bien expliqué, ca me donne des idées pour la suite. J’imagine les heures de travail fournies. tu es méritant, bravo, bravo et re-bravo!!!!!
    A bientot
    Jeff

  4. Ring Says:

    Bravo Doomer pour cet excellent tuto !
    C’est clair, exaustif, très bien rédigé.
    Du VRAI travail de pro !
    Ce tuto va devenir notre bible à tous et mériterait une citation en bonne place sur le blog zlio.
    Encore bravo et un grand merci pour tes efforts.
    Ring

  5. Kanayama (http://enviedejapon.zlio.com) Says:

    Merci à toi, je n’ai plus d’excuse maintenant pour ne pas m’y mettre moi aussi…

    Kanayama
    http://enviedejapon.zlio.com

  6. dan88 Says:

    Génial !

    suberbe tutoriel, bien expliqué et ilustré, je te félicite et te remercie
    pour ton travail, bravo !

    ; )

  7. jerome-objectif-zlio Says:

    On l’a attendu… le resultat est à la hauteur… Bravo doomer c’est nickel !!!!
    jerome

  8. philippe Says:

    Ouaahhhhhhhhhhh, ce sont les premiers mots qui me viennent.

    Apres lecture, un peu rapide pour ce soir, je dirais… … Ouaaaaaahhhhhhhhhhhh :)

    Vraiment splendide. Toutes mes sincères félicitations. C’est de l’excelent travail.

    Si tu accepte que beaucoup de gens téléchargent ton Enorme Travail, fais moi un petit signe par mail. Je me ferais un plaisir de faire un billet spécial sur AccessOWeb.

    Encore bravo

  9. Solarius Says:
  10. Directeur des ventes Says:

    Salut Doomer,

    un coup de chapeau, temps bien investi, c’est du beau travail.

    Amitiés.

  11. Dj SAMY Says:

    Joli boulot ! chapeau !
    bonne continuation ;-)
    amicalement !

  12. Nico Says:
  13. 1OO% De Funès Says:

    Juste un mot : Epatant !
    Bravo !

    Franck
    1OO% De Funès
    http://defunes.zlio.com

  14. Mickael Says:

    Merci beaucoup. C’est vraiment parfait pour moi. :-)
    Avec mes minces connaissances j’avais déjà commencé à bidouiller un peu l’apparence de mes boutiques, mais grâce à ce tutoriel j’vais pouvoir rendre mes Zlio encore plus Zoli ;-)
    http://materiel-hd-haute-definition.zlio.com
    http://e-xpressions.zlio.com
    http://idees-cadeau-original-insolite.zlio.com

    Merci encore et je te souhaite de nombreuses commissions…

  15. cemoiyoyo Says:

    waouuuuuuuu super,
    et moi qui me suis fait CH…………….R pour rien !!LOL
    Bravo bon bouleau

    http://produits-du-terroir.zlio.com

    http://cpascher.zlio.com

    http://achat-piscines.zlio.com

    http://discount-bricolage.zlio.com

  16. philippe Says:

    Franchement, bravo et un grand merci, depuis le temps que je cherche (et parfois sans résultat !!) à modifier ma boutique.

    C’est vraiment simple de ne dire que merci !!!!!

    C’EST GEANTISSIME !!!

    Philippe

  17. selenna Says:

    BRAVOOO!!!!! Tres bon travail,ne lache pas.
    http://sexytation.zlio.com

  18. jeff Says:

    C’est de loin la plus belle boutique zlio que j’ai pu voir. on a envie d’aller plus loin chez les mangas. un grand bravo Clem. clap clap
    Jeff
    http://brest-discount.zlio.com
    http://brest-voyance.zlio.com
    http://brest-voyance.fr
    merci pour tout

  19. PS3 Says:

    Merci beaucoup pour ce tutoriel. Il est clair et accessible. C’est un vrai « must have » pour tous les zlionautes, je le transfert à tous mes collègues.

    Olivier

  20. Thierry H Says:

    salut,

    Je vois bien que tout le monde trouve cela très bien , alors je me trouve un peu CON par ce que je n’y comprends rien. Et pourtant j’aimerais tellement améliorer mon site.
    Alors voilà tant pis pour moi !

    Salut et merci quand même
    Thierry

  21. Chill66 Says:

    Très beau travail et très généreux de ta part.Je crois que ce tuto aidera beaucoup de gens à démêler tout ces codes.

    Un Gros bravo Doomer!
    I
    \___/

  22. Chill66 Says:

    j’avais oublié!

    http://sexxxshop.zlio.com

    Merci encore Doomer.

  23. Bascor Says:

    Salut,
    Superbe travail, je débute et ça va me faire gagner un temps fou.
    Merci et bonnes ventes

  24. lejeune joel Says:

    Super et trés utile ! bravo!!

  25. Joël LEJEUNE> Says:

    Salut !

    lu attentivement tes pages mais si c’est bien expliqué en détail, il faut tout de même être de la partie pour « Piger » tout ce charabia informatique…

    En bref, je ne comprends RIEN ! et n’essaierai meme pas au risque de démonter complétement monzlioshop. Pas pour des amateurs tout çà !

    Enfin merci quand même car je suis sûr que celà servira pour d’autres utilisateurs plus chevronnés ou assidus du Web. Merci !

  26. Clarky Says:

    Merci encor pout tout
    g plus ka mi mettre smile_niais

    consoleplus.zlio.com/
    meublesdejardin.zlio.com/…
    macintouch.shopinblog.com…
    coffretdvd.zlio.com/
    equipement-auto.zlio.com/

  27. Philiipe feuger Says:

    Bonsoir Clément,
    je viens de créer ma zlioshop et cela est très dur pour moi.
    Merci et franchement bravo pour ton aide dans ce tavail superbe.
    Bonne continuation,
    Philippe

  28. Piemchien Says:

    Bravo pour ce tuto
    Je maitrise bien le CSS, mai cette doc très bien faite va m’éviter plusieurs heures d’analyse. Je vais pouvoir m’attaquer direct aux modifs.
    Bravo pour le temps passé.
    Pierre

  29. Guillaume Says:

    merci énormément !

  30. Jean - Jacques Says:

    Bonjour,
    Tout d’abord merci pour le tutoriel, je n’y connais pas grand chose en informatique mais je vais essayé de comprendre ! lol
    Par contre j’ai un problème et je n’ai pas trouvé la réponse dans votre guide : Je viens d’inclure des liens en bas de page et ils se positionnent tous à la verticale, il y a t-il un moyen de les aligner ?
    Si vous pouvez me donner un coup de main, je vous remercie d’avance.
    J.J.

  31. mary Says:

    Très beau travail,utile à tous les zlionautes,Merci et bonnes ventes

  32. massu7 Says:

    Bonjour,

    Y aurait il une personne bien veillante pour m’envoyer ce guide je n’arrive pas à le télécharger !
    D’avance Merci.

    Fabien

  33. escapade59 Says:

    Ou est le telechargement??Impossible de le trouver.Je clique sur le lien mais il m’envoit sur une autre page.SNIF SNIF…
    Pourtant ca m’a l’air super ton travail!!
    Bonne vente…

  34. Benjamin Says:

    Salut,
    je n’arrive pas télécharger ton tuto. Le lien est cassé ?
    Merci pour ton aide.
    Benjamin

  35. vtn Says:

    bravo pour ce tutoriel

    ma boutique non customisée (:!) http://anniversaire.zlio.com

  36. jonathan Says:

    bonjour,

    j’aimerais beaucoup téléchargé votre tutoriel, mais lorsque je clique sur le lien, je suis automatiquement redirigé vers la homepage de kiveo.com. J’ai essayé avec plusieurs navigateurs et plusieurs ordis mais rien n’y fait, je ne comprends pas pourquoi. Pouvez vous regarder ce probleme ou bien m’envoyer directement le tutoriel a l’adresse email indiquée ci-dessus SVP?

    D’avance merci, j’ai hate de le lire compte tenu des louanges laissées en commentaires ci-dessus!

    Cordialement,
    Jonathan

  37. Niala01 Says:

    Bonjour,
    Je n’arrive pas à télécharger le tuto, le lien semble inaccessible..
    Help ! ;-(

  38. jay Says:

    Bonjour,

    Je suis surement très débile mais je ne peux pas télécharger le guide quand je clique dessus ça m’ammène à une autre page c tout ! Can you help me ?

    Merci

  39. anima Says:

    Ou est le tuto ?

  40. Picaud Says:

    euh, je me sens un peu bête mais je n’arrive pas à télécharger le tutoriel, le lien m’envoie vers la page où il y a l’article sur le nombre de téléchargement du fameux tutoriel mais rien ne se passe d’autre…HELP !

  41. alexis Says:

    Bonjour,

    je n’arrive pas à télécharger votre tutoriel. J’arrive sur la page d’accueil après avoir cliqué sur le lien. Est-il possible que vous le remettiez en download ?

    merci d’avance

  42. touba Says:

    vous allez trouver ça drole mais je ne trouve pas le lien pour le téléchargement :0
    je suis le lien de cette page mais j’arrive sur une autre page ou le lien est introuvable…

    et j’ai pas bu…………….

    http://club-scootergt.zlio.com

  43. AUTEXIER Cédric Says:

    Salut Doomer,

    Alors comme ça tu est le grand manitou de ZLIO?
    En tout cas, les zlionautes parlent de toi en des termes très elogieux et je pensent qu’ils sont mérités au vu du travail que tu fournis pour nous !

    Moi, je suis un nouvel arrivant sur ZLIO, alors je ne suis pas encore bien au fait des aspects de customdes boutiques, c’est pourquoi ton tutorial qui semble très exaustif m’intéresse beaucoup et que j’aimerais le télécharger.

    Malheureusement pour moi, quand je clique sur la fleche verte pour le telecharger, au lieu d’ouvrir la fenêtre de telechargement, je suis renvoyé vers une autre page de ton blog… et pour tout te dire, je tourne en rond !!!

    Est-ce que tu pourrais m’aider à résoudre le problème stp?

    Amicalement,

    Cédric.

  44. rumeur2jeux Says:

    Super boulot. J’aimerai juste savoir comment on peut faire un copier veenant du document pdf puisqu’il y a un code ?

    Encore beau boulot.

    Boutique de jeux classer par univers fantastiques

  45. admin vente Says:

    Beau travail, merci a toi.

    ________________________________
    http://jeux-video-discount.zliostore.com/

  46. pitaine Says:

    bonjour a tous, moi le tuto c’est ok , mais pour l’appliquer c’est autre chose,il y a plein de truc que j’arrive pas a faire ,comme le module msn ou elargir ma boutique.

  47. pitaine Says:

    excusez moi oublie de mettre mon lien de boutique

  48. NoX Says:

    bonjour et merci pour ce superbe tutorial !

    ———————————–
    http://kipling.zlio.com

  49. zerone Says:

    Whaooo… pas mal. Merci beaucoup pour l’information. Je suis moi-même en phase de customisation sur ma première boutique et je n’ai pas encore touché à la seconde. Je poursuis donc le travail avec une aide supplémentaire. Merci…

    Le travail des CSS sur la plateforme est assez bien fait (même si perfectible sur le plan ergonomique).

    ______________________________________________

    http://designstyledevie.boutiblog.com
    http://cinema-dvd-cinephiles.boutiblog.com

  50. negus Says:

    Je crois qu’il y a un autre tutoriel mais je ne sais plus l’adresse

  51. Zlio Blog en français » Archive du blog » Guide Gratuit : Modifiez l’apparence de votre boutique ! Says:

    [...] Nous vous invitons à lui laisser un message sur son blog Kiveo afin de le remercier si le guide vo… [...]

  52. Zlio Blog en français » Archive du blog » Plugin de recherche Firefox dans les boutiques Zlio Says:

    [...] déjà auteur du guide gratuit permettant de personnaliser son Zlio, est de retour et a créé un plugin de recherche pour [...]

  53. morpho Says:

    désolé aucune image disponible sur le guide,cela fait plusieurs essais merci

  54. waibel Says:

    super travail, moi j’essaie désespérément de faire un beau truc mais je ne comprend rien !!pourrais tu me créer un haut de page animé sur le thème (centre commercial) ??
    tu serais trop cool, en échange je te ferais connaitre de mon coté,par contre peux tu m’expliquer comment générer du revenu avec se site car comment les gens le voient ils sur le net ??merci d’avance, un nul en programmation…

  55. inventeur2009 Says:

    Bonjour,

    Bravo ! Bon travail ! Moi, j’essaye de modifier mon CSS de ma boutique ZLio et j’ai beaucoup de mal. Pourrais-tu SVP, m’expliquer comment déplacer mon bouton de recherche pour qu’il se trouve au centre et en haut de ma page d’accueil de ma boutique ? Merci d’avance.

    Sinon, tu as fait un excellent travail sur ce tuto, un vrai travail de pro.

    A bientot et j’attends ta réponse

  56. déborah Says:

    bonjour clément nous venons de créer une boutique zlio dans le cadre d’un travail imposé par notre master. Nous n’arrivons à télécharger le tutoriel duquel nous aurions bien besoin pour personnaliser notre boutique ! Y aurait il des personnes qui lisent ce message et qui serait en possession de ce tutoriel ??
    Bien cordialement

  57. Celia Says:

    Je n’arrive pas à télécharger le tuto pour personnaliser sa boutique. C’est normal?

  58. Mélanie Says:

    Bonjour, je n’arrive pas à télécharger le tutoriel … moi non plus. c’est peut-être trop tard ?
    Merci
    bonne réception et à bientôt j’espère

Laissez un commentaire sur ce site