[RÉSOLU] ajouter des éléments dans le footer

sevsev · July 22, 2011

Bonjour,<br/><br/>Dans mon footer , j'ai pour le moment un bloc cms avec divers liens (mentions légales, CGU...). <br/><br/>Je souhaite y mettre également deux autres éléments :<br/><br/>- une phrase suivie d'un logo cliquable <br/>- une icône facebook<br/><br/>ps : J'ai besoin que ces 3 éléments soient côte à côte et non les uns en dessous des autres<br/><br/><br/>Pourriez vous m'indiquer comment procéder ? quel bloc ou module utiliser... je sèche complétement...<br/><br/>Merci d'avance pour votre aide !!

nuttis · July 23, 2011

Je crois bien que le module s'appel Blockcms.

kader775 · July 24, 2011

oui pour la version prestashop_1.4.3.0 le modules s appelle bien Blockcms

sevsev · July 25, 2011

donc si j'ai bien compris je crée un blockcms pour mon icone facebbok et un autre blockcms pour ma phrase avec mon logo cliquable.

Mais j'ai regardé, avec ce blockcms on peut juste créer des liens texte. Comment dois-je faire pour avoir ma phrase suivie de mon logo cliquable à coté ?

encore merci

Edit : je ne parviens pas à avoir plusieurs block cms dans mon footer ! Lorsque je veux greffer un autre block cms j'ai ce message : "ce module est déjà greffé sur ce hook"

de l'aide svp

sevsev · July 26, 2011

Personne pour m'aider ??

sevsev · July 28, 2011

up ( je ne désespère pas...)

Maury Girard · July 28, 2011

Bonjour Sevsev

Il serait bon de nous indiquez ce que vous avez fait en détail

exemple le code insérer dans le footer.tpl ou dans un module qui est utiliser dans le Footer

Cordialement,

sevsev · July 28, 2011

Bonsoir Maury Girard,

dans mon footer je souhaite avoir 3 blocs cote à cote.

Code de footer.tpl :

{if !$content_only}
</div>
<!-- Footer -->
<div id="footer">{$HOOK_FOOTER}</div>
</div>
{/if}
</body>
</html>

J'ai pour le moment un 1er bloc cms. (block_various_links_footer). Pour info celui est aligné à gauche, je souhaite qu'il soit à droite.

Code de blockcms.css :

#footer .block_various_links { list-style: none }
#footer .block_various_links li a { text-decoration: none }
#footer .block_various_links li {

display: inline;	
border-left: 1px solid #888;
padding: 0 2px 0 4px
}
#footer .block_various_links li.first_item {
border: none;
padding-left: 0
}

/* Block CMS links */
.informations_block_left .block_content { padding-top: 3px }

Je souhaite mettre à côté de ce bloc cms (à gauche) 2 autres blocs :

1 bloc me permettant d'avoir l'icone facebook

1 autre bloc avec une phrase suivie d'un logo cliquable.

Mes questions :

Comment faire pour ajouter 2 blocs à gauche de mon 1er ?

quel(s) bloc(s) utiliser ?

J’espère que mon explication est suffisamment claire...

Mille mercis

nuttis · July 28, 2011

Il y a aussi des modules pour sa sur Prestastore: http://addons.prestashop.com/en/search.php?id_category_search=0&search_query=footer

sevsev · July 29, 2011

Merci nuttis pour ta réponse mais je souhaite éviter un module payant, voilà pourquoi je souhaite trouver une solution "maison".

Je vais attendre la réponse de Maury Girard pour vois s'il peut me suggérer quelque chose. Dans le cas contraire je vais continuer à me tirer les cheveux...

Game7 · July 29, 2011

bonjour sevsev,

Si vous voulez ajouter du contenu en bas de page dans le footer, il vous suffit de rajouter des div avec le contenu désiré images, phrases etc...dans fichier blockcms.tpl dans modules/blocksms.

Exemple pour insérer une image :

Entre :



<div id="block1">{$HOOK_FOOTER}<p><img src="LIENS DE VOTRE IMAGE" alt="" width="LARGEUR IMAGE EN" height="HAUTEUR IMAGE" /></p></div>

etc...

il faut bien sur attribuer des id à vos div pour ensuite les placer dans le cms.css de votre thème pour leur appliquer une feuille de style.

Exemple dans le cms.css :

vous rajouter l'id block1:

#block1 {

Les réglages css pour votre div

}

Après c'est le même principe pour les textes, images avec liens etc...

Je procède ainsi et aucun problème ça fonctionne parfaitement.

Vous pouvez ajouter autant de div que vous voulez.

Si vous êtes sous prestashop 1.4 n'oublier pas dans votre back office dans préférences/performances/ d'activer forcer la compilation sur oui, pour que les changements dans le fichier .tpl soient pris en compte.

Bon courage

sevsev · July 29, 2011

merci Game7 pour cette idée qui me paraît extra !!!

voici ce que j'ai dans mon blockcms.tpl :

	<!-- MODULE Block footer -->
<ul class="block_various_links" id="block_various_links_footer">


	{foreach from=$cmslinks item=cmslink}
		{if $cmslink.meta_title != ''}
			<li class="item"><a href="{$cmslink.link|addslashes}" title="{$cmslink.meta_title|escape:'htmlall':'UTF-8'}">{$cmslink.meta_title|escape:'htmlall':'UTF-8'}</a></li>
		{/if}
	{/foreach}
	<li class="last_item">{l s='Réalisation' mod='blockcms'} <a href="http://www.XXXXX.com" target="_new">XXXXX</a></li>
</ul>
<!-- /MODULE Block footer -->

je n'ai pas de

{$HOOK_FOOTER}

comme tu me le décris. du coup peux tu me dire où je dois rajouter mon <div> ?

encore merci de m'accorder du temps

Game7 · July 29, 2011

D'après les éléments que tu as ajouté dans le cms.tpl,

{$HOOK_FOOTER} ne semble pas nécessaire ce n’était qu'un exemple.

Tant que tu as affecté une id indépendante, pour pouvoir lui affecté un style dans le cms.css et obtenir le résultat que tu souhaitais c'est tout bon

sevsev · July 29, 2011

Un grand merci !!!!! je cherchais vraiment quelque chose de compliqué.... alors qu'avec des <div>, c'est le bonheur !!

Indochineom · April 4, 2012

Bonjour,

j'aimerai faire la même chose j’ai fait tous ce qui était demander dans le topic mais malheureusement rien ne change...

PS: je n'ai pas compris cette phrase:

" Les réglages css pour votre div "

Quelqu'un pourrait m'aidé svp ?

Cordialement.

LaPetiteCamera · February 6, 2016

Bonjour,

Je me permets de remonter ce topic. Je souhaiterais insérer une image dans mon footer (en bas à droite).

Voici mon fichier blockcms.tpl :

{if $block == 1}
{foreach from=$cms_titles key=cms_key item=cms_title}
	<div id="cms-{$cms_key}" class="block">
		<h4><a href="{$cms_title.category_link}">{if !empty($cms_title.name)}{$cms_title.name}{else}{$cms_title.category_name}{/if}</a></h4>
		<ul class="block_content bullet">
			{foreach from=$cms_title.categories item=cms_page}
				{if isset($cms_page.link)}<li><a href="{$cms_page.link}" title="{$cms_page.name|escape:html:'UTF-8'}">{$cms_page.name|escape:html:'UTF-8'}</a></li>{/if}
			{/foreach}
			{foreach from=$cms_title.cms item=cms_page}
				{if isset($cms_page.link)}<li><a href="{$cms_page.link}" title="{$cms_page.meta_title|escape:html:'UTF-8'}">{$cms_page.meta_title|escape:html:'UTF-8'}</a></li>{/if}
			{/foreach}
			{if $cms_title.display_store}<li><a href="{$link->getPageLink('stores')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
		</ul>
	</div>
{/foreach}
{else}
<div id="cms_footer">
	<div>
		<ul>
			{foreach from=$cmslinks item=cmslink}
			{if $cmslink.meta_title != ''}
				<li><a href="{$cmslink.link|addslashes}" title="{$cmslink.meta_title|escape:'htmlall':'UTF-8'}">{$cmslink.meta_title|escape:'htmlall':'UTF-8'}</a></li>
			{/if}
			{/foreach}
			{if $display_stores_footer}<li><a href="{$link->getPageLink('stores')}" title="{l s='Our stores' mod='blockcms'}">{l s='Our stores' mod='blockcms'}</a></li>{/if}
			<li><a href="{$link->getPageLink($contact_url, true)}" title="{l s='Contact us' mod='blockcms'}">{l s='Contact us' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('prices-drop')}" title="{l s='Specials' mod='blockcms'}">{l s='Specials' mod='blockcms'}</a></li>
			<li class="alt"><a href="{$link->getPageLink('new-products')}" title="{l s='New products' mod='blockcms'}">{l s='New products' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('best-sales')}" title="{l s='Top sellers' mod='blockcms'}">{l s='Top sellers' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('manufacturer')}" title="{l s='Manufacturers' mod='blockcms'}">{l s='Manufacturers' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('supplier')}" title="{l s='Suppliers' mod='blockcms'}">{l s='Suppliers' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('sitemap')}" title="{l s='Sitemap' mod='blockcms'}">{l s='Sitemap' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('history')}" title="{l s='My orders' mod='blockcms'}">{l s='My orders' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('addresses')}" title="{l s='My addresses' mod='blockcms'}">{l s='My addresses' mod='blockcms'}</a></li>
			<li><a href="{$link->getPageLink('identity')}" title="{l s='My personal info' mod='blockcms'}">{l s='My personal info' mod='blockcms'}</a></li>
		</ul>
	</div>
	<p>{if $display_poweredby}{l s='Powered by' mod='blockcms'} <a href="http://www.prestashop.com">PrestaShop</a>™{/if}</p>
</div>
{/if}

Pouvez-vous me dire où dois-je insérer une balise DIV ? Et ensuite comment la faire correspondre à un fichier css ? Désolé un peu perdu

LaPetiteCamera · February 7, 2016

Bonjour,

Pour insérer une image, tu mets ceci à la position souhaitée : <img class="img-responsive" src="{$img_dir}nom_de_image.png" alt="{l s='NOM DE L'IMAGE'}" />

Noter que : nom_de_image.png est le nom de l'image que tu mets dans le dossier img du thème.

Cordialement

Merci je vais essayer cette méthode, mais je ne sais pas à quelle ligne insérer ce code pour que l'image apparaisse dans le footer en bas à droite. Je vais faire quelques essais.

[RÉSOLU] ajouter des éléments dans le footer

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in