Jump to content

Ajouter des icones dans le footer


 Share

Recommended Posts

Bonjour,

Je cherche le moyen pour pouvoir ajouter des icônes à côté de chaque liens dans le footer comme sur mon site pour que ce soit plus cohérent.

Ajouter des icônes via le CSS ne me pose pas de soucis mais c'est surtout de savoir où ajouter les class. De ce que j'ai pu analyser, ça ne se passe pas dans le dossier du thème mais sûrement dans le dossier Modules situé à la racine de Prestashop (comme le block Linklist) mais il y a tellement de fichier et qu'en prime, ce n'est quasi que du php et que c'est un langage avec lequel j'ai beaucoup de mal, je suis perdu.

Pouvez-vous me venir en aide ?

Je vous remercie.

Share this post


Link to post
Share on other sites

C'est ce que j'ai fait.

Par exemple, dans le footer, il y a le module Liste de liens (pour 'Produits' et 'Notre 'société' par défaut) qui correspond à ps_linklist mais quand je regarde le template (dans le thème), les liens n'y sont pas inscrit en dur. Ce qui me paraît logique puisqu'on peut en ajouter/retirer via le back office.

Du coup, je me suis dirigé vers le ps_linklist situé dans le dossier modules à la racine du site et le template est très similaire à celui ci-dessus. Donc, je suppose que tout ça est gérer directement dans le php. A mon niveau, c'est complexe et je ne parviens pas à trouver où sont créer les liens, sans parler qu'il y a un sacré paquet de fichier.

Le code du template est le suivant :

<div class="col-md-6 links">
  <div class="row">
  {foreach $linkBlocks as $linkBlock}
    <div class="col-md-6 wrapper">
      <p class="h3 hidden-sm-down">{$linkBlock.title}</p>
      {assign var=_expand_id value=10|mt_rand:100000}
      <div class="title clearfix hidden-md-up" data-target="#footer_sub_menu_{$_expand_id}" data-toggle="collapse">
        <span class="h3">{$linkBlock.title}</span>
        <span class="float-xs-right">
          <span class="navbar-toggler collapse-icons">
            <i class="material-icons add">&#xE313;</i>
            <i class="material-icons remove">&#xE316;</i>
          </span>
        </span>
      </div>
      <ul id="footer_sub_menu_{$_expand_id}" class="collapse">
        {foreach $linkBlock.links as $link}
          <li>
            <a
                id="{$link.id}-{$linkBlock.id}"
                class="{$link.class}"
                href="{$link.url}"
                title="{$link.description}"
                {if !empty($link.target)} target="{$link.target}" {/if}
            >
              {$link.title}
            </a>
          </li>
        {/foreach}
      </ul>
    </div>
  {/foreach}
  </div>
</div>

Je sais que c'est possible car j'ai regardé des exemples de sites de e-commerce utilisant Prestashop et certains ont ajouté des icônes.

Share this post


Link to post
Share on other sites

  • 2 weeks later...

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