Jump to content

Customiser le footer Prestashop 1.6


Recommended Posts

Bonjour

 

Avant de faire quelques choses de "bourrin" j'aimerais votre avis sur une problèmatique.

 

Je suis sur la version 1.6 de Prestashop et j'aimerais pouvoir utiliser 5 bloques dans le pied de page.

 

- Catégories (liens des catégories de produits)

- Bloc2 (liens vers des pages cms)

- Bloc3 (liens vers des pages cms)

- Bloc4 (liens vers des pages cms)

- Bloc5 (liens vers des pages cms)

 

J'avais dans l'idée de modifier le footer.tpl et laisser seulement le module catégory d'actif dans le hook footer et de faire les 4 autres bloques directement dans le code.

 

Mais si quelqu'un à une meilleur solution je suis preneur, genre un module qui permet de créer plusieurs bloques.

 

Le module CMS le fait presque mais je l'utilise peut etre pas de la bonne manière car je n'arrive pas à avoir plusieurs bloques.

 

Merci

 

Link to comment
Share on other sites

Bonjour,

Prestashop utilise le système de grilles Bootstrap basé sur 12 colonnes.

Avoir 5 blocs dans le footer c'est possible mais je pense qu'il y en aura d'une taille différente.

Pour plus de renseignements voir http://getbootstrap.com/css/#grid

Exemple de code à rajouter après le hook du footer pour avoir 4 blocs égaux :

<div class="row">
  <div class="col-md-3">1er bloc</div>
  <div class="col-md-3">2ème bloc</div>
  <div class="col-md-3">3ème bloc</div>
  <div class="col-md-3">4ème bloc</div>
</div>

On crée une ligne "row" que l'on divise en 4 parties, d'où le "col-md-3" multiplié par 4 <div> qui nous fait 12 colonnes.

Link to comment
Share on other sites

  • 1 month later...

Merci, le résultat est vraiment bien.

 

Maintenant je cherche comment faire en sorte que l'affichage des liens mis dans mon footer soient traduits si on change la langue de la boutique.

 

J'ai essayé avec la condition {if $id_lang = mais ça ne donne rien.

J'ai parcouru le chapitre traduction du guide du développeur mais ça ne m'aide pas vraiment, mon niveau est très bas voire nul.

 

Si quelqu'un peut me mettre sur la piste d'une solution, ce serait chouette :) .

Link to comment
Share on other sites

  • 2 years later...

Bonjour,

Prestashop utilise le système de grilles Bootstrap basé sur 12 colonnes.

Avoir 5 blocs dans le footer c'est possible mais je pense qu'il y en aura d'une taille différente.

Pour plus de renseignements voir http://getbootstrap.com/css/#grid

Exemple de code à rajouter après le hook du footer pour avoir 4 blocs égaux :

<div class="row">
  <div class="col-md-3">1er bloc</div>
  <div class="col-md-3">2ème bloc</div>
  <div class="col-md-3">3ème bloc</div>
  <div class="col-md-3">4ème bloc</div>
</div>

On crée une ligne "row" que l'on divise en 4 parties, d'où le "col-md-3" multiplié par 4 <div> qui nous fait 12 colonnes.

Bonjour,

pourriez vous me dire comment afficher mes modules footer sur ces colonnes, comme le bloc cms, informations boutique ... .

Merci pour votre éclairage.

Cordialement.

Sebastien

Link to comment
Share on other sites

 

 

Maintenant je cherche comment faire en sorte que l'affichage des liens mis dans mon footer soient traduits si on change la langue de la boutique.

 

 

Bonjour,

Pour traduire il faut utiliser cette syntaxe:

{l s='This is your text.'}

ensuite tu traduit dans les différentes langues via le backoffice, localisation, traduction

 

cdt

Link to comment
Share on other sites

Bonjour,

 

Voici la bonne syntaxe pour écrire les liens des pages cms :

<a href="{$link->getCMSLink('id de la pge', 'url de la page')}" title="{l s='nom de la page'}">{l s='nom de la page'}</a>

 

Cette syntaxe de permet d'avoir tes titres qui apparaissent dans les traductions il suffit de les traduire et en fonction de la langue elles vont changer.

 

Bonne journée

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
×
×
  • Create New...