Jump to content
Vectorus

[Résolu] Modification du module "bloc réassurance"

Recommended Posts

Bonjour,

 

J'utilise le module "bloc réassurance" en bas de mon site et j'aimerai y ajouter des liens.

Comment je peux m'y prendre ?

Est-il possible d'ajouter l'option directement lorsque j'ajoute ou édite un élément de ce bloc ?

 

En somme, ce que j'aimerai c'est pouvoir ajouter et éditer (en ajoutant la fonction si c'est pas trop compliqué) un lien pour chaque élément présent dans le module; et j'aimerai que ce lien fonctionne sur l'image et le texte à la fois.

 

Si c'est trop compliqué d'ajouter la fonction ce serait déjà bien si j'arrivé à l'ajouté manuellement en html par exemple.

 

Merci d'avance :)

Edited by Vectorus (see edit history)

Share this post


Link to post
Share on other sites

En fait, il faut modifier tous les éléments du module,

le php pour la création et l'ajout des urls à la base et smarty pour l'affichage

le tpl pour l'affichage, etc.....

 

Pour l'html, ça doit être possible en mettant tout en dur et répétant les <li> avec des liens directs sur les images et surement un ajustement du css.

Share this post


Link to post
Share on other sites

Bonjour, merci pour cette réponse,

ça ne me semple très compliqué, je vais surement opter pour une modification du module plutôt que le faire en HTML, serait-il possible de me guider un peu plus précisément dans las démarche à suivre ?

Share this post


Link to post
Share on other sites

J'ai essayé de comprendre comment ça fonctionnais mais c'est trop compliqué pour moi, il n'existerai pas un module tout simple qui permettrai de le faire en HTML ?

Share this post


Link to post
Share on other sites

pour faire au plus simple:

le code du tpl

{if $infos|@count > 0}
<!-- MODULE Block reinsurance -->
<div id="reinsurance_block" class="clearfix">
   <ul style="width:100%">    
           <li style="width:175px"><a href="http://test.com"><img src="{$module_dir}img/reinsurance-1-1.jpg" alt="{l s='Your text 1' mod='blockreinsurance'}" /><span>{l s='Your text 1' mod='blockreinsurance'}</span></a></li>
           <li style="width:175px"><a href="http://test.com"><img src="{$module_dir}img/reinsurance-2-1.jpg" alt="{l s='Your text 2' mod='blockreinsurance'}" /><span>{l s='Your text 2' mod='blockreinsurance'}</span></a></li>
           <li style="width:175px"><a href="http://test.com"><img src="{$module_dir}img/reinsurance-3-1.jpg" alt="{l s='Your text 3' mod='blockreinsurance'}" /><span>{l s='Your text 3' mod='blockreinsurance'}</span></a></li>
           <li style="width:175px"><a href="http://test.com"><img src="{$module_dir}img/reinsurance-4-1.jpg" alt="{l s='Your text 4' mod='blockreinsurance'}" /><span>{l s='Your text 4' mod='blockreinsurance'}</span></a></li>
           <li style="width:175px"><a href="http://test.com"><img src="{$module_dir}img/reinsurance-5-1.jpg" alt="{l s='Your text 5' mod='blockreinsurance'}" /><span>{l s='Your text 5' mod='blockreinsurance'}</span></a></li>
   </ul>
</div>
<!-- /MODULE Block reinsurance -->
{/if}

 

remplacer http://test.com par l'url et le Your text.

remplacer les photos dans le dossier img du module

ajuster les width des li suivant le nombre que vous avez

 

le seul truc, laisser le module activé

  • Like 2

Share this post


Link to post
Share on other sites

Super, merci beaucoup ça fonctionne du tonnerre :)

Il reste juste un petit truck, l'UTF-8 n'est pas géré et mon texte n'est pas de la même couleur qu'avant, comment changer ça ?

  • Like 1

Share this post


Link to post
Share on other sites

Normalement le texte est à modifier dans la traduction, à priori j'ai un petit soucis sous la dernière version de presta, ça sens le bug

 

Il faut ajouter les éléments du texte ligne 20 du css: color, etc...

Share this post


Link to post
Share on other sites

J'ai tenté de modifié le css mais en faite il semblerai que le "color" ne soit pas pris en compte et que le texte ne s'affiche que par l’intermédiaire du "text-shadow" qui est blanc dans mon cas. C'est étrange :o

Share this post


Link to post
Share on other sites

Effectivement, il n'y a plus de soucis avec la couleur du texte en ajoutant color:#000 à #reinsurance_block li span.

Encore merci. Pour le problème avec l'UTF-8 je vais juste faire en sorte d'éviter les accents.

Share this post


Link to post
Share on other sites

J'aimerai que mes différents <li> soit centrés, le problème c'est que lorsque je rajoute align="center", text-align="center", <center></center> ça n'a pas d'effet.

Et lorsque je vais dans le style css, que je supprime le float:left mes puces se retrouve bien centré mais c'est sur la totalité de la page et les uns en dessous des autres.

Comment je peux faire ? Si vous avez une idée je suis preneur :)

 

Merci d'avance.

Share this post


Link to post
Share on other sites

Aïe aïe, y'a pas plus simple ? parce que la ça sera vraiment pas terrible, surtout pour les textes qui ont des retour à la ligne :(

Merci pour la réponse.

Share this post


Link to post
Share on other sites

Le fait d'ajouter un margin-left à #reinsurance_block li, n'a normalement pas d'incidence sur le texte.

  • Like 1

Share this post


Link to post
Share on other sites

Ha oui ! ça pourrait presque le faire, l’ennui c'est que le background ce balade aussi.

Share this post


Link to post
Share on other sites

Merci

 

Est il possible de faire un module au lieu de jouer avec le html?

Share this post


Link to post
Share on other sites

hmmm merci bondaty pour ce conseil, ça avait l'air cool mais ça ne marche pas pour moi (PS 1.5.5.0 ) ... je mets mon code ci-dessous, si quelqu'un peu me dire ce que j'ai fait de travers, on ne sait jamais :)

merci !

 
 
{if $infos|@count > 0}
<!-- MODULE Block reinsurance -->
<div id="reinsurance_block" class="clearfix">
    <ul style="width:100%">    
            <li style="width:175px"><a href="http://www.martin-et-martin.fr/fr/content/4-a-propos"><img src="{$module_dir}img/reinsurance-1-1.jpg" alt="{l s='Satisfait ou remboursé' mod='blockreinsurance'}" /><span>{l s='Your text 1' mod='blockreinsurance'}</span></a></li>
            <li style="width:175px"><a href="http://www.martin-et-martin.fr/fr/content/4-a-propos"><img src="{$module_dir}img/reinsurance-2-1.jpg" alt="{l s='Fabrication française' mod='blockreinsurance'}" /><span>{l s='Your text 2' mod='blockreinsurance'}</span></a></li>
            <li style="width:175px"><a href="http://www.martin-et-martin.fr/fr/content/4-a-propos"><img src="{$module_dir}img/reinsurance-6-1.jpg" alt="{l s='Circuit court' mod='blockreinsurance'}" /><span>{l s='Your text 3' mod='blockreinsurance'}</span></a></li>
            <li style="width:175px"><a href="http://www.martin-et-martin.fr/fr/content/4-a-propos"><img src="{$module_dir}img/reinsurance-7-1.jpg" alt="{l s='Paiement 100% sécurisé' mod='blockreinsurance'}" /><span>{l s='Your text 4' mod='blockreinsurance'}</span></a></li>
    </ul>
</ul>
</div>
<!-- /MODULE Block reinsurance -->
{/if}
Edited by Eva Martin (see edit history)

Share this post


Link to post
Share on other sites

ce qui saute aux yeux c'est la balise ul fermé deux fois au lieu d'une.

    </ul>
</ul>

Share this post


Link to post
Share on other sites

Bonjour,

j'ai essayé cette méthode cela marche uniquement quand je désactives les caches de mon Prestashop 1.6.20 en allant dans performance ?

Quand j'active les caches, les logos n'apparaissent plus dans mes fiches produits ?

Si une âme charitable aurait une idée du problème ? Dans le php peut être ?

Merci.

 

 

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

×
×
  • Create New...

Important Information

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