Jump to content

Customization : Simple Responsive thème foundation (Avis)


Recommended Posts

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. 

Share this post


Link to post
Share on other sites

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...)

  • Like 1

Share this post


Link to post
Share on other sites

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 by julesfromparis (see edit history)

Share this post


Link to post
Share on other sites

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é :)

Share this post


Link to post
Share on other sites

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: blocktopmenu2
tpl name: blocktopmenu2.tpl
php name:blocktopmenu2.php

php name:menutoplinks2.class
php 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 by julesfromparis (see edit history)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More