Jump to content

Comment restructurer le Footer ?

BriceVanZeg
 Share

Recommended Posts

BriceVanZeg Newbie

BriceVanZeg

Posted
Posted (edited)

Bonjour,

Je cherche depuis qq semaines, a changer un peu le footer de la shop 1.6

 

Pour cela, j ai tenter de modifier les fichier tpl, mais rien de concluant.!
J ai essayer de remettre le bloc reinssurance , comme dans les versions precedentes.
Mais pour le block facebook.. moins evident.!

Ce que j aimerais c'est d avoir ceci :
post-561264-0-75155600-1399135011_thumb.jpg

 

A la place de cela :

post-561264-0-91845400-1399135348_thumb.jpg

Si qq un a deja essaye de modifier son footer sans tout casser, et qu il reste responsive (si possible).

Ou une piste de comment y acceder ?

 

Merci d avance

Brice

 

Edited by BriceVanZeg (see edit history)
Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

coucou

 

il faut en 1er lieu définir l'ordre d'affichage des module dans les position du footer vu que tout est affiché par  {$HOOK_FOOTER} dans le tpl

et ensuite de modifier le/les css dans theme/ton_theme/css/modules/nom_du module/nom_du module.css

 

désactives le compilation et le cache  le temps des modifs et rafraîchi ta pages avec CTR+F5

 

@++

 

Loulou66

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

Merci pour tes conseils, Loulou66

Mais j ai deja essaye de modifier les tpl, et a chaque fois, j ai foutu un de ces bazar..!
Je vais chercher encore.!

 

Merci de ta reponse rapide,

Si qq un a fait cette manip, merci de partager une explication .

 

Cordialement

 

Brice

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

Heu question pour un champion Brice ...

Tu as réussi a greffer le module Facebook dans le footer ? 

Tu penses bien que Non..! lol.

J ai suivi un post ou tu parlais de cela aussi.. mais pareil, chez moi.. il ne veut pas se greffer dans le footer.!

 

Je pense plutot a faire une modif autre que cela.. ! mais j attends l avis d expert la dedans... car là, je nage. j ai deja fais plein de tests, mais en vain.!

 

Bref, je cherche encore... en general, quand on cherche on trouve parfois..! lol..

 

Brice

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

Ha oui il y a le module Theme configuartor dans la 1.6 ^^ c'est lui qui integres les modules avant la newsletter dans le HomePage

 

donc il faut désactiver dans ce module blockCmsInfo et facebook et autres que tu veut 

puis dans les php des ces module rajouter dans l'install un

 $this->registerHook('footer')  

puis un 

public function hookFooter($params)
{
   $this->hookHome($params);
}

réinitialiser les modules et les reconfigurer(astuces: ouvres la page config des modules avent de réinitialiser comme ça tu n'as plus qu'a enregistrer après la réinitialisation au lieu de tout retaper)

 

et adapter les position dans displayFooter  et les css

 

@++

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

J ai bien reussi a desactiver les modules et ne laisser que le configurateur de theme..!  Ca c'est cool..!

apres, tu me dis , qu il faut aller dans les php de ces modules (donc là : blockfacebook.php, et blockcms.php)

et d y rajouter :
$this->registerHook('footer')      et    public function hookFooter($params)   {$this->hookHome($params);}

Mais a quel endroit..! je ne trouve pas.

 

Merci d avance pour tes conseils precieux.

 

Brice

Link to comment
Share on other sites
lokiiy Newbie

lokiiy

Posted
Posted

Mais a quel endroit..! je ne trouve pas.

 

 

J'allais poser la même question histoire d’être plus clair dans la manip...

D'ailleurs si ca fonctionne bien, un bon récapitulatif de laa manip complète serait bien bien bien bien bien !!! 

 

En tout cas merci loulou66 pour ses infos

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

J'allais poser la même question histoire d’être plus clair dans la manip...

D'ailleurs si ca fonctionne bien, un bon récapitulatif de laa manip complète serait bien bien bien bien bien !!! 

 

En tout cas merci loulou66 pour ses infos

Tu essaies aussi ?

Le premier qui trouve poste un beau tuto sur ce post..!

ca serait cool..!

Là, je continue a tester, mais dés que je modifies le blockfacebook.php, j ai une erreur sur ma page du BO dans module...

Toi aussi ?

 

J comprends le code, et ca doit etre ca.. la soluce.. mais je n arrive pas a le caler dans le code existant.

 

la suite ...... arrivera bientot.

 

A plus

Et merci loulou66 .. pour completer tout ca..

 

Brice

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted (edited)

sur mon blockfacebook.php..

j arrive a rajouter le hook footer a cette ligne là : 53

	public function install()
	{
		return parent::install() &&
			Configuration::updateValue('blockfacebook_url', 'https://www.facebook.com/prestashop') &&
			$this->registerHook('displayHome') &&
			$this->registerHook('displayHeader'); 
			$this->registerHook('footer');
	}

Mais le :

public function hookFooter($params)
{
   $this->hookHome($params);
}

Je ne sais pas ou le mettre, a chaque fois ca me fait une erreur

 

Edited by BriceVanZeg (see edit history)
Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

coucou

 

pour la fonction install c'est bon

 

 

pour le hook

public function hookFooter($params)
{
   $this->hookDisplayHome($params);
}

dans le Hook Footer tu appelle la fonction ou il y a les déclarations pour afficher les VAR et le tpl coter FO

 

@++

 

Loulou66

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

coucou

 

pour la fonction install c'est bon

 

 

pour le hook

public function hookFooter($params)
{
   $this->hookDisplayHome($params);
}

dans le Hook Footer tu appelle la fonction ou il y a les déclarations pour afficher les VAR et le tpl coter FO

 

@++

 

Loulou66

j vois rien de tout cela.. j ai reussi a un moment, de le mettre en fin de fichier avant la derniere {  mais quand je veux greffer le module apres l avoir reinitialiser, dans le footer, j ai page blanche dans le FO.. !

 

je seche.. on y approche.. mais il nous faut encore qq tuyau... (on est chiant, hein ? lol)

 

Brice

Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted (edited)

Bon, presque, j lai mis a cette place :

	public function hookDisplayHome()
	{
		if (!$this->isCached('blockfacebook.tpl', $this->getCacheId()))
		{
			$facebookurl = Configuration::get('blockfacebook_url');
			if (!strstr($facebookurl, 'facebook.com'))
				$facebookurl = 'https://www.facebook.com/'.$facebookurl;
			$this->context->smarty->assign('facebookurl', $facebookurl);
		}
		return $this->display(__FILE__, 'blockfacebook.tpl', $this->getCacheId());
	}
public function hookFooter()
{
   $this->hookDisplayHome();
}

Mais apres reinitialisation, et le greffer sur le footer, il se remet a sa place.. mais plus d erreur..!
Le prob, c'est qu il reste a sa place initial, sous le configurateur de theme.!

 

En tout cas, merci de ta patience.!

Brice

Edited by BriceVanZeg (see edit history)
Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

Brice vue que tu as presque tout réussi ...

Regarde dans position des modules

 

Je dis ca juste car je sais que tu oublie cette manip ;)

:o  Tu as raison, mais je viens de passer un bon moment, avec loulou66 pour essayer de mettre ca en place, et en vain..

Nous allons continuer a regarder ca .. et dés qu il y a du nouveau, on post.!

 

Tu me fais rire sur ce coup.! :P

@+

BRice

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

pour le Reinsurance il faut

 

1°) désactivez/désinstallez le module Block CMS Info

2°) Installez le module Block Reinsurance

3°) dans les positions displayFooter mettre en 1er position le module

4°) éditez le fichier modules/blockreinsurance/style.css

remplace tout par
/* BLOCK #reinsurance_block ******************************************************************** */
#reinsurance_block {background: url(../blockreinsurance/img/footer-bg.png) repeat-x  0 0 #333;}
#reinsurance_block li {
	float:left;
	padding:10px 10px !important;
	font-size:12px;
	color:#FFF;
	text-transform:uppercase;
	
}

#reinsurance_block li img{
	float:left;
	margin-right:10px;
}
#reinsurance_block li span {
	float:left;
	padding-top:10px;
	width:65%;
}

5°) copier l'image pour le background de theme/default_bootstrap/img/footer-bg.png dans modules/blockreinsurance/img

 

vider les caches smarty et navigateur

 

 

pour Facebook

 

je n'ai pas trouver comment modifier le Js  ce qui génère un erreur et donc il n'affiche pas la bloc dans le footer donc 

1°) désactivez/désinstallez le module facebook et installez celui de Vekia

http://www.prestashop.com/forums/topic/196366-module-facebook-fanpage-like-box-plugin-for-free/

2°) dans les postions le mettre ou vous le souhaitez

3°) modifiez le css/tpl pour l'intégrer le module dans le footer

 

 

@++

 

Loulou66

  • Like 1
Link to comment
Share on other sites
lokiiy Newbie

lokiiy

Posted
Posted

Pour le module facebook de vekia j'avais essayé ca marche nickel après quelque réglage CSS mais le problème c'est que le module n'est pas responsive .... Et donc pour des visualisation mobile ou tablette le résultat et franchement pas beau... 

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

coucou

 

pour le responsive oui il faut modifier la largeur de 3 tpl

 

theme/default_bootstrap/module/blockmyaccountfooter/blockmyaccountfooter.tpl

remplacer
<section class="footer-block col-xs-12 col-sm-4">
par
<section class="footer-block col-xs-12 col-sm-2">

theme/default_bootstrap/module/blockcontactinfos/blockcontactinfos.tpl

remplacer
<section id="block_contact_infos" class="footer-block col-xs-12 col-sm-4">
par
<section id="block_contact_infos" class="footer-block col-xs-12 col-sm-3">

modules/likeboxfree/rightcolumn.tpl

remplacer
<div style="display:block; clear:both; border:1px solid #{$likebox.likeboxfree_bordercolor}; {if $likebox.likeboxfree_bgon==1}background:#{$likebox.likeboxfree_bgcolor};{/if}">
par
<SECTION class="footer-block col-xs-12 col-sm-2">
<div style="border:1px solid #{$likebox.likeboxfree_bordercolor}; {if $likebox.likeboxfree_bgon==1}background:#{$likebox.likeboxfree_bgcolor};{/if}">

remplacer
</div>
par
</div>
</SECTION>

dans la config du module

largeur 200

hauteur 300

background color 333

 

@++

 

Loulou66

  • Like 1
Link to comment
Share on other sites
BriceVanZeg Newbie

BriceVanZeg

Posted
  • Author
Posted

Tout simplement Chapeau Bas.!!
+1 Loulou66

 

J y suis presque, y a que le css, que j essaie de regler.!

post-561264-0-56960400-1399232462_thumb.jpg

 

mais je ne trouve pas ou diminuer l espacement entre les colonnes "categories" "Mon compte" "Informations",  ainsi que dans le fond du bloc contact infos ....

Bref, me reste plus qu a harmoniser ca un peu.! et ca sera bon.. !
Mais c'est exactement ce que je voulais.! et sans toi.. j aurais encore ramé qq jours.! :wacko:

 

Encore Merci.

Brice

 

Link to comment
Share on other sites
loulou66 Rookie

loulou66

Posted
Posted

Coucou

 

tu peut agrandir le block likeboxfree dans rightcolumn

remplacer
<SECTION class="footer-block col-xs-12 col-sm-2">
par
<SECTION class="footer-block col-xs-12 col-sm-3">

ça calculer automatiquement la largeur en fonction de col-sm-?? mais pas plus de 3 car après ça va envoyer le block d'a coter en dessous

après ça dépend  de la largeur que tu a rentre dans la config du module :P

 

@++

 

Loulou66

Link to comment
Share on other sites
CharlyAes32 Newbie

CharlyAes32

Posted
Posted (edited)

Pour ma part, (en local je précise):

Installation du module (tiré de la 1.5) blockhtmlfooter.

blockhtmlfooter.zip

Modification de la class de la div id="footerbox" dans blockhtmlfooter.tpl:

<!-- Block HTML module -->
<div id="footerbox" class="footer-block col-xs-12 col-sm-4">
	{$text}
</div>
<!-- /BlockHTML module -->

Dans le module, dans le "Left text", copiez/collez le code du module d'origine (celui qui est à côté du bloc CMS en bas de page).
Vous pouvez facilement le faire avec Firefox.

Il contient votre adresse facebook codée.

A l'intérieur de ce même code, modifiez la balise iframe en:

Au lieu de 1000px, passez en 100px sur width et height.

 ......      <iframe width="100px" height="100px" frameborder="0" .................

Placez votre module à l'endroit de votre choix avec "Positions", le tour est joué !

J'ai bataillé toute la soirée la dessus, j'espère que ça aidera.

 

Arnaud

Merci de vos retours.

Edited by CharlyAes32 (see edit history)
Link to comment
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
Go to topic listing
×
×
  • Create New...