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

[Vectorus]

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 April 8, 2013 by Vectorus (see edit history)

[Bondaty and Co]

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.

[Vectorus]

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 ?

[Bondaty and Co]

Plus précis, hum, y a du boulot, faut tout gratter.

[Vectorus]

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 ?

[Bondaty and Co]

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é

[Vectorus]

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 ?

[Bondaty and Co]

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...

[Vectorus]

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

[Bondaty and Co]

J'ai ajouté un color:#000 ici: #reinsurance_block li span et ça l' fait, sinon remplacez par #reinsurance_block li a span

Edited April 8, 2013 by Muche (see edit history)

[Vectorus]

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.

[Vectorus]

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.

[Bondaty and Co]

jouez avec les margin-left

[Vectorus]

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.

[Bondaty and Co]

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

[Vectorus]

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

[BriceVanZeg]

Un grand merci..

Bravo Muche..!

[papich]

Merci

 

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

[RomGiro]

up

[Eva Martin]

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 March 26, 2014 by Eva Martin (see edit history)

[MathieuB]

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

    </ul>

</ul>

[Fred42660]

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.