petite image dans titre categorie

  • Posts: 80
  • Thank you received: 0
10 years 11 months ago #106030

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



Attachments:

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

  • Posts: 81604
  • Thank you received: 13082
  • MODERATOR
10 years 11 months ago #106084

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.

  • Posts: 80
  • Thank you received: 0
10 years 11 months ago #106118

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

Attachments:

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

  • Posts: 13201
  • Thank you received: 2322
10 years 11 months ago #106237

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.094 seconds
Powered by Kunena Forum