Taille et saut de ligne images des sous catégories

[ohoho]

Salut la communauté !

J'ai malheureusement pas trouvé la réponse, mes faibles connaissances ne m'aident pas beaucoup.

J'aimerais avoir mes sous catégories comme ci-joint. Actuellement c'est comme ca : http://www.lacameraembarquee.fr/28-par-sports

J'aimerais tout simplement agrandir les images et les mettres les une sous les autres.


merci pour votre aide, je sèche pas mal.

[ohoho]

Please, j'ai besoin de vous !

[ohoho]

Up

[a-prods]

Commence par definir la taille des images categorie dans le bo et recreer les miniatures

ensuite dans category.css tu change la largeur du <li> en fonction de la taille de l'image a la place de 80

body#category #subcategories li {
   height: 136px;
   margin-right: 3px;
   width: 80px;
}

[cakeisback]

bonjour

moi aussi je voudrais changer la mise en page des sous-catégories.

Pas de problème pour modifier le css qu'il faut, mais comment faire pour que les photos des sous-catégorie prènent un nouveau modèle de miniature,car actuellement les photos sont du type "medium" (et d'autre module utilise le type"medium" alors si je change la taille des miniatures pour "medium" ça ne va pas pour les autres modules)

Du coup j'ai créer un type de miniature que j'ai appelé "souscategorie", mais je ne sais pas ou faire la modification pour que les images des sous-catégorie prènent la miniature de type "souscategorie"

pas facile a expliquer....pouvez vous m'aider?

merci par avance

[a-prods]

je t'ai répondu sur ton autre post

[cakeisback]

Merci...

[the loutre]

Bonjour,

 

Comme ohoho, je cherche à mettre les images de mes sous catégorie en colonne les unes à côté des autres comme dans le

Thumbnails de ohoho (1er message)

 

J'ai bien changé mon css pour #subcategories

je voudrais qu'il y en ai trois l'un à côté de l'autre - alors qu'actuellement les images des sous catégories se positionnent l'une sous l'autre (je n'ai qu'une seule image par ligne)

Je pense qu'il faut que je modifie mon category.tpl à ce niveau :

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li class="clearfix">

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}" class="img">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'ambiance_default')}" alt="" width="{$ambianceSize.width}" height="{$ambianceSize.height}" />

{else}

<img src="{$img_cat_dir}default-ambiance_default.jpg" alt="" width="{$ambianceSize.width}" height="{$ambianceSize.height}" />

{/if}

</a>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" class="cat_name">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

{if $subcategory.description}

<p class="cat_desc">{$subcategory.description}</p>

{/if}

</li>

{/foreach}

</ul>

 

mais je trouve pas

Si vous avez une idée, je suis preneuse...

[malignemimi]

bonsoir, je suis sous prestashop1.4.6 et j'ai enfin réussi à modifier la taille des images sous-catégories

 

créer un nouveau format d'image dans bo<préférence<images (pour catégory) j'ai choisi format 150x150 et nommé le format souscat

générer les miniatures seulement pour catégories

dans le fichier catégory.tpl du thème remplacer comme ceci

<!-- Subcategories -->

<div id="subcategories">

<h3>{l s='Subcategories'}</h3>

<ul class="inline_list">

{foreach from=$subcategories item=subcategory}

<li>

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}" title="{$subcategory.name|escape:'htmlall':'UTF-8'}">

{if $subcategory.id_image}

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'souscat')}" alt="" width="{$souscatSize.width}" height="{$souscatSize.height}" />

{else}

<img src="{$img_cat_dir}default-souscat.jpg" alt="" width="{$souscatSize.width}" height="{$souscatSize.height}" />

{/if}

</a><br />

<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'htmlall':'UTF-8'}">{$subcategory.name|escape:'htmlall':'UTF-8'}</a>

</li>

{/foreach}

</ul>

<br class="clear"/>

</div>

{/if}

 

dans le fichier du thème category.ccs il faut modifier les tailles

pour moi

 

/* category.tpl */

body#category #subcategories li { height: 180px; width: 160px; margin-right: 3px }

div.cat_desc { margin: 0 1em }

body#category div#subcategories .inline_list a img { display: inline }

#category img#categoryImage { margin-top: 1em }

 

sinon les images se chevauchent et le titre disparaît

 

Ne pas oublier de compiler le cache smarty

 

tout doit marcher pour moi c'est plus sympa d'avoir des images plus grandes dans les sous catégories d'autant que je n'ai pas encore trouvé la solution pour mettre du texte htlm dans les sous catégories si quelqu'un a la solution, je prends.

 

vous pouvez voir ce que cela donne ici

http://malignemimi.com

Edited April 1, 2013 by malignemimi (see edit history)