Skip to main content

petite image dans titre categorie

More
13 years 4 months ago #106030 by buatonmichel
Bonjour,
Je souhaites
1°)mettre une petite image (60x60)différente devant chaque titre du listing catégorie.
2°)Mon client me demande rajouter un bouton avec liens produits "voir les produits" dans chaque pavé catégorie
Comment puis-je faire cela ?

Voici le lien : chaffoteaux.site-en-production.com/index...t=listing&Itemid=537
je souhaite mettre une image différente devant les titres et un bouton "voir les produits":
Chauffe-eau électriques
Chauffe-eau Instantané à gaz
etc....

Merci de me conseiller
Michel BUATON
PS : il faut avoir le meme rendu que le site de la maison mère: www.chaffoteaux.fr/nos-produits

Merci encore


Please Log in or Create an account to join the conversation.

More
13 years 4 months ago #106084 by nicolas
Bonjour,

Il va falloir que vous personnalisiez le code du fichier "listing_img_description" de la vue "category" via le menu Affichage->Vues pour cela.

1. D'abord, créez un champs personnalisé de la table "produit" pour ajouter le lien de l'image pour chaque produit (par exemple avec le nom de colonne "image").
Ensuite dans la vue vous pouvez ajouter cela:
<img src="<?php echo $this->row->image; ?>"/>

juste avant:
<span class="hikashop_category_name">

2. Ajoutez:
<a href="<?php echo $link;?>">Voir les produits</a>

Après:
<!-- EO CATEGORY DESC -->

Please Log in or Create an account to join the conversation.

More
13 years 4 months ago #106118 by buatonmichel
merci pour vos conseils précieux.
encore 2 petites choses:

1°) Je désire centrer le titre catégorie par rapport à la hauteur de l'image
2°) Je souhaite que le lien du bouton "voir produit" soit en blanc et gras

Merci de me dire comment faire .

ci dessous lien et capture écran:
chaffoteaux.site-en-production.com/index...t=listing&Itemid=537



merci encore de votre réactivite et de votre aide .
cordialement
Michel BUATON

Please Log in or Create an account to join the conversation.

More
13 years 4 months ago #106237 by Xavier
Bonjour,

Pour les centrer vous pouvez potentiellement placer l'image dans une div, le titre dans l'autre, et mettre ces divs en display: inline-block; et vertical-align: middle;

Je vous conseil de suivre ce petit tutoriel:
www.hikashop.com/fr/support/documentatio...ize-the-display.html

Il vous permettra de voir comment cibler puis modifier un élément dans la page.
Nous n'assurons généralement pas le support des modifications css.

Please Log in or Create an account to join the conversation.

Time to create page: 0.196 seconds
Powered by Kunena Forum