Jump to content

[Recherche] Des tailles de vignette différente liste catégorie


Recommended Posts

Salut à tous,

 

Afin de rendre mes page "liste de produit" dans une catégorie moins monotone, je recherche une facon de rendre quelque vignettes plus grande que d'autre.

 

existet-il un menu ? Ou je peut faire cela en CSS ?

 

Pour mieux expliquer mon idée ; par exmple

premiere vignette en grand aligné à gauche avec hauteur deux ligne de vignettes classiques

donc premiere ligne

Une grande vignette et deux lignes de vignettes tailles "normales"

 

C'est réalisable ?

 

Merci,

 

@+

Share this post


Link to post
Share on other sites

Bonjour,

 

Pour faire cela il faut vous aider de smarty...

 

exemple :

 

dans votre product-list.tpl

 

{if $smarty.foreach.products.first}
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'votre_nouveau_format_d_image')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}"/></a>
{else}
<a href="{$product.link|escape:'htmlall':'UTF-8'}" class="product_img_link" title="{$product.name|escape:'htmlall':'UTF-8'}"><img src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home')}" alt="{$product.legend|escape:'htmlall':'UTF-8'}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} /></a>
{/if}

 

ensuite créer un nouveau format d'umage et arrangé votre css pour avoir un affichage des <li> correct en fonction de l'ordre...

 

V++

 

Atch

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
 Share

×
×
  • Create New...

Important Information

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