remplacer Imprimer / Agrandir par des images

[stephane.964]

Bonjour, je souhaiterais savoir coimment remplacer dans la fiche produit Agrandir et imprimer par des images, ce qui me semble plus visuel.

Merci

[Atch]

Bonjour,

 

En passant par le product.css et product.tpl

 

repérez dans product.tpl ces lignes :

 

<!-- usefull links-->
       <ul id="usefull_link_block">
           {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
           <li><a href="javascript:print();">{l s='Print'}</a><br class="clear" /></li>
           {if $have_image && !$jqZoomEnabled}
           <li><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
           {/if}
       </ul>

 

Ajoutez une class à chaque balise <li>

 

<!-- usefull links-->
       <ul id="usefull_link_block">
           {if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
           <li class="print"><a href="javascript:print();">{l s='Print'}</a><br class="clear" /></li>
           {if $have_image && !$jqZoomEnabled}
           <liclass="zoom"><span id="view_full_size" class="span_link">{l s='View full size'}</span></li>
           {/if}
       </ul>

 

ensuite de product.css, repérez ces lignes :

 

#primary_block ul#usefull_link_block {
   list-style-type: none;
   margin-top: 1em
}
#primary_block ul#usefull_link_block li { margin: 0.5em 1em 0.5em 0; display: block }
#primary_block ul#usefull_link_block li a,
#primary_block ul#usefull_link_block span.span_link,
#primary_block ul#usefull_link_block span.span_link:hover {
   text-decoration: none;
   color: #76839b;
   font-size: 0.9em;
   background: white url('../img/bullet_alt.jpg') no-repeat top left;
   padding-left: 15px;
   height: 15px
}

 

Et ajoutez un background image à la balise <a>

 

dans le style :

#primary_block ul#usefull_link_block li.print a { bg image}

 

etc...

 

Sinon plus simple, mettre une image directement dans le tpl

 

   <li><a href="javascript:print();"><img ........./></a><br class="clear" /></li>

 

V++

 

Atch

[stephane.964]

Bonsoir. Merci beaucoup pour ta réponse.

J'ai pour l'instant testé en vains pour l'image du "zoom" je ne sais comment la déclarer dans le css, ok pour imprimer c'est tel que tu l'as indiqué. Demain je m'y remet calmement, encore merci.

[stephane.964]

Bonsoir. Je me suis retranché sur la simplicité . Image directement dans le *.tpl car du peut que j'ai pu m'y essayer j'ai tourné en rond avec le css et l'insertion.

En tout cas merci beaucoup.