julesfromparis Posted February 20, 2014 Share Posted February 20, 2014 Bonjour à tous, Je travaille sur la création de ma propre boutique et première en prestashop. J'ai décider de partir du thème Responsive de Thomas Peigné sous Foundation : - http://demo.thomaspeigne.com/en/ - http://www.prestashop.com/forums/topic/244041-free-simple-responsive-theme-15x/ Ayant juste des connaissances en html/css, j'aimerai avoir vos avis sur la faisabilité de mon projet. C'est à dire la "facilité" des points de customisation de ce thème pour : 1 - Changement de la partie header en mode écran/tablette/mobile Cela est quasiment un copier/coller du header de Hershel (shopify) : http://www.herschelsupply.com > C'est à dire un menu (4 liens) avec le logo au milieu > En mode tablette/mobile : le menu repasse au top en accordeon. (Pour ce qui est du reste de la homepage tout fonctionne déja très bien) 2 - La refonte de la page produit (toujours responsive) À l'exemple de celle de Hershel qui reste simple : http://shop.herschelsupply.com/collections/feature-rad-cars/products/little-america-backpack-defender-green-bone 3 - L'intégration d'un blog wordpress qui devra suivre le mode responsive de prestashop. Voilà, je souhaiterai avoir votre retour sur la faisabilité pour une personne légèrement débrouillard et s'y connaissant seulement en css/html Merci d'avance pour votre avis !! J. Link to comment Share on other sites More sharing options...
Szed Posted February 20, 2014 Share Posted February 20, 2014 Hello Autant je suppose que vous pouvez vous en sortir pour modifier deux trois choses. Bien que sur ce thème (je l'utilise aussi également), vous allez voir que quasiment tout le header est géré par un seul module et un seul fichier template (responsivetopbar), donc ca peut paraitre un peu brouillon. Autant pour intégrer ensuite un wordpress entièrement, et responsive, il vous faut tout de même de bonne base html/css. Surtout vu le responsive du thème fondation (sidebar qui disparaît sur la gauche...) 1 Link to comment Share on other sites More sharing options...
julesfromparis Posted February 20, 2014 Author Share Posted February 20, 2014 (edited) Hello Szed, Merci pour ces infos. Oui, j'espère que se débrouillant un peu, on peux y arriver. Je me laisse 15J pour le faire. Si j'y arrive, je laisserai des "tutos" sur le forum, sinon je passerai sur woocommerce qui m'ai plus familier. - - Je pensais qu'il était plus difficile de custom le header à la façon "herschel"... Car je pense qu'il faut créer 2 menu pour 2 bloc left/right à 33,33% de width avec le logo au milieu à 33%33 également. Ensuite intégrer ces 4 liens dans l'accordéon (mode mobile) et le changement de logo en mobile. Je vais mettre le nez dans ce responsivetopbar. >> Par contre je n'arrive pas à trouver ou l'on peux toucher code html du logo. Si vous avez d'autres avis ou d'autres commentaires à faire, merci !!! J. Edited February 20, 2014 by julesfromparis (see edit history) Link to comment Share on other sites More sharing options...
Szed Posted February 20, 2014 Share Posted February 20, 2014 Il me semble que le logo est justement dans le template de responsivetopbar sous fondation. Link to comment Share on other sites More sharing options...
julesfromparis Posted February 20, 2014 Author Share Posted February 20, 2014 (edited) Il me semble que le logo est justement dans le template de responsivetopbar sous fondation. Il a l'ID "header_logo" mais je ne trouve pas dans responsivetopbar, et nulle part... bizarre. Edited February 20, 2014 by julesfromparis (see edit history) Link to comment Share on other sites More sharing options...
Szed Posted February 20, 2014 Share Posted February 20, 2014 Autant pour moi. Il est dans le module responsivelinks qui s'occupe...du menu Tu as trois template, dont responsivelinkstop qui contient le logo. 1 Link to comment Share on other sites More sharing options...
julesfromparis Posted February 20, 2014 Author Share Posted February 20, 2014 (edited) Ha oui !! Merci. > Penses que ça soit possible de créer deux menus ? (en dupliquant et renommant un bloc menu) - Cela me permettra d'avoir 2 bloc menu de chaque coté du logo. Exemple avec le zoning ci-joint. Edited February 20, 2014 by julesfromparis (see edit history) Link to comment Share on other sites More sharing options...
Szed Posted February 20, 2014 Share Posted February 20, 2014 Je pense que vous pouvez vous en sortir. Le thème apport un plugin de menu (responsivelinks), et il y a celui par défaut dans PS également. C'est surtout pour le positionnement que ca sera un peu compliqué Link to comment Share on other sites More sharing options...
julesfromparis Posted February 20, 2014 Author Share Posted February 20, 2014 C'est surtout pour le positionnement que ca sera un peu compliqué Je pense que ça va être chaud... Link to comment Share on other sites More sharing options...
Szed Posted February 20, 2014 Share Posted February 20, 2014 Sinon vous mettez vos deux liens à droite du logo en dur dans le template :/ Link to comment Share on other sites More sharing options...
julesfromparis Posted February 20, 2014 Author Share Posted February 20, 2014 (edited) Pour la version anglaise, ça ne pourra pas marcher... Mais j'ai une piste avec la duplication du module menu natif : I was able to duplicate this module. the steps i took is below. i went into the I changed the followings:folder name: blocktopmenu2tpl name: blocktopmenu2.tplphp name:blocktopmenu2.php php name:menutoplinks2.classphp file code: in blocktopmenu2.php i did the following: - search all "menutoplinks" and replace with "menutoplinks2" - change "class blocktopmenu extends Module" to "class blocktopmenu2 extends Module" - search and change all "blocktopmenu.tpl" to "blocktopmenu2.tpl" - search and chage all "MOD_BLOCKTOPMENU_ITEMS" to "MOD_BLOCKTOPMENU_ITEMS2" - search and change all "MOD_BLOCKTOPMENU_SEARCH to "MOD_BLOCKTOPMENU_SEARCH2" - search and replace all "linksmenutop" to "linksmenutop2" - search and replace all "linksmenutop_lang" to "linksmenutop2_lang" in menutoplinks2.class change: - search and replace all "linksmenutop" to "linksmenutop2" - search and replace all "linksmenutop_lang" to "linksmenutop2_lang" - "class MenuTopLinks2" to "class MenuTopLinks2" And finally if you have a theme, yo need to go into ../themes/theme_name/module and make a copy of the "blocktopmenu" folder and rename it "blocktopmenu2" and i also had to go into ../themes/theme_name/css/module and make a copy of the "blocktopmenu" folder and rename it "blocktopmenu2" Edited February 20, 2014 by julesfromparis (see edit history) Link to comment Share on other sites More sharing options...
julesfromparis Posted February 21, 2014 Author Share Posted February 21, 2014 hello, Bon, le menu fonctionne parfaitement Maintenant, j'essaye de récupérer les variables de mon menu dans l'accordéon du mode responsive. J. Link to comment Share on other sites More sharing options...
julesfromparis Posted February 21, 2014 Author Share Posted February 21, 2014 Salut Szed, As tu une idée pour récupérer les liens du menu dans l'accordéon (mode responsive) ? Merci J. Link to comment Share on other sites More sharing options...
Szed Posted February 21, 2014 Share Posted February 21, 2014 J'ai bien une idée mais cela pourrait être compliqué x) Il faudrait voir comment les liens sont récupéré dans le .php du module, et dupliquer cela pour le second module, mais toujours dans le php du premier module. Ensuite, faire en sorte que la variable envoyé à smarty, celle contenant les liens, contiennent les liens du premier module, et du second module. Ca va demandé des notions en php/prestashop. Link to comment Share on other sites More sharing options...
julesfromparis Posted February 21, 2014 Author Share Posted February 21, 2014 Ouille... Je vais essayer de tâtonner un peu. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now