Bouton catégories plus large

VSMotoculture · July 7, 2012

Bonjour voila je souhaite changer la taille des boutons de catégories et sous catégories.

Sur une largueur on peut placer 5 icones ou lien de catégories mais j'aimerais que le lien vers catégories soit aussi large qu'un article, qu'il prenne toute la largueur en somme.

par exemple sur ce lien http://veneau.com/boutique/category.php?id_category=6

vous voyez Bobines de fil(le bouton) bien je voudrais qu'il soit plus large, mais aussi haut que maintenant.

je sais j'ai du mal a m'exprimer clairement.

voila ce que j'ai :

[_cat1_] [_cat2_] [_cat3_] [_cat4_] [_cat5_]

ce que je veux:

[_________________________cat1_____________________________]

[_________________________cat2_____________________________]

[_________________________cat3_____________________________]

merci d'avance

OSFormation · July 7, 2012

Bonjour,

dans votre fichier category.css, ajoutez ces lignes de code à la fin et vous aurez le rendu que vous voulez :

body#category #subcategories li {
 clear: both;
 display: block;
 text-align: center;
 width: 100%;
}

VSMotoculture · July 7, 2012

salut et merci beaucoup en effet je suis centrer mais mes images sont en petites tailles.

OSFormation · July 7, 2012

De rien, pour la taille des images, elles se modifient via votre back-office. Cliquez sur Préférences, puis Images. Cliquez sur la ligne qui contient medium puis saisissez les dimensions que vous voulez. Finalement n'oubliez pas de regénérer les images pour que la modification prenne effet.

VSMotoculture · July 7, 2012

ok ca marche nikel un pti bemol mes images de nouveux produits...etc sont aussi sous se format comment redimensionner que les catégories?

OSFormation · July 7, 2012

C'est parce que les images des nouveaux produits sont en medium aussi. Le mieux serait se créer un nouveau type d'image pour les miniatures des catégories. Toujours dans la même page dans le back-office, cliquez sur Nouveau puis nommez le nouveau type thumb_category par exemple. Cochez uniquement categories puis saisissez les dimensions que vous voulez. Sauvegardez, puis regénérez les images.

Ensuite editez le fichier category.tpl dans votre dossier thème, en modifiant :

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

(ligne 69)

par

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'thumb_category')}" />

et

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

(ligne 71)

par

<img src="{$img_cat_dir}default-thumb_category.jpg" />

VSMotoculture · July 7, 2012

merci de ton aide, mais cela ne marche pas...

cela redimensionne l'image en haut et non celle du boton.

quand je fais code source de la selection sur plusieurs bouton j'ai :

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=53">Lames</a>

</li>

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=67">Pièces ALKO</a>

</li>

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=14">Pièces Greatland & Trimma</a>

</li>

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=42">Pièces GGP</a>

</li>

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=66">Pièces Honda</a>

</li>

<li>

</a>

<a href="http://veneau.com/boutique/category.php?id_category=45">Pièces Sandri Garden</a>

</li>

</ul>

visiblement cela reste en medium et j'ai décoche catégories dans le format medium...

VSMotoculture · July 7, 2012

en parcourant le code source de ma page c'est dans :

<category images!

subcategories!

mais pas de sous categories dans les options du back office

OSFormation · July 7, 2012

Il faut vider le cache lorsque vous éditez les fichiers .tpl. La procédure ici

VSMotoculture · July 7, 2012

je vide le cache a chaque manip

VSMotoculture · July 7, 2012

en tout cas merci de ton aide je suis sur la bonne piste.

VSMotoculture · July 28, 2012

up mes images sont bien au milieu par contre elles sont toujours en medium.

je pense qu'il ne faut pas passer par les dimensions du back car le seul moyen que j'ai trouver pour arriver a mes fins est de modifier la dimension medium, du cout les images produits phares, nouveau....etc sont très large

VSMotoculture · August 6, 2012

up.....

Maury Girard · August 7, 2012

Bonjour VsMotocultur

Avez pensez à régénérer les images ( je ne parle pas de forcer la compile ;-) )

si vous avez créer une "classe" d'image bien défini

Intra · September 5, 2012

Merci pour ta solution OSFormation!

Mon problème : l'affichage de mon image des catégories dans son format initial

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category/medium')}" alt="{$subcategory.name|escape:'htmlall':'UTF-8'}" />

Solutionné par la création d'un nouveau format d'image spécifique aux catégories dans le BackOffice -> Images :

Ex : 'category_specials' en 100 * 140, puis rechargement des images pour chaque catégorie.

<img src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'category_specials')}" alt="{$subcategory.name|escape:'htmlall':'UTF-8'}" />

Edited September 5, 2012 by Intra (see edit history)

VSMotoculture · September 26, 2012

Bonjour VsMotocultur

Avez pensez à régénérer les images ( je ne parle pas de forcer la compile ;-) )

si vous avez créer une "classe" d'image bien défini

oui voila en détail :

j'ai crée un format "thumb_category" en 556x80 et j'ai tout cocher(comme ça au moins), puis j'ai tout regenerer (vraiment tout).

Ensuite modification de category.tpl tous les medium en thumb_category.

Puis align center(y a que ca qui fonctionne) sur category.css...

j'ai aussi essayer de modifier directement l'image dans /img/c/ et du coup l'image ne respecte plus ces proportions mais reste bloquer dans un carré de 80x80....

comme sur un forum anglophone j'ai ajouté un ligne a categorcontroller : euh mais ca date du coup je sais pas si thumbcategory existais deja ou pas....

'products' => (isset($this->cat_products) AND $this->cat_products) ? $this->cat_products : NULL,
 'id_category' => (int)($this->category->id),
 'id_category_parent' => (int)($this->category->id_parent),
 'return_category_name' => Tools::safeOutput($this->category->name),
 'path' => Tools::getPath((int)($this->category->id)),
 'add_prod_display' => Configuration::get('PS_ATTRIBUTE_CATEGORY_DISPLAY'),
 'categorySize' => Image::getSize('category'),
 'mediumSize' => Image::getSize('medium'),
 'thumbSceneSize' => Image::getSize('thumb_scene'),
 'homeSize' => Image::getSize('home'),
								    'thumb_categorySize' =>Image::getSize('thumb_category')

Edited September 26, 2012 by VSMotoculture (see edit history)

Bouton catégories plus large

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in