Vous avez remarqué les petites images en haut à droite de mes produits ? Vous voulez savoir comment je fais ? Allez je vous explique…
Tout d’abord il faut créer un nouvel “attribut” :
Catalogue > Attributs > Gérer les attributs > Nouvel attribut
Ensuite spécifiez des noms d’options SANS ESPACE pour chaque type de situation.
Ajoutez le nouvel attribut non assigné (ici “promonew”) dans le groupe “Default” :
Catalogue > Attributs > Gérer les groupes attributs > Default
Ensuite il faut actualiser le “Layout” de chaque catégorie ou vous souhaitez voir apparaître vos petites vignettes avec ce code :
<span style=”color: #ccffcc;”><em><reference name=”content”>
<block type=”catalog/product_list” name=”product_list”>
<action method=”addAttribute”><attribute>promonew</attribute></action> </block> </reference></em></span>
Remplacer “promonew” par le nom de votre attribut !
Ensuite il vous faut éditer le fichier :
/app/design/frontend/default/blue/template/catalog/product/list.phtml
Rajouter <span class=”<?php echo $_product->getAttributeText(’promonew’)?>”></span> à cet endroit.
<?php // Grid Mode ?>
<div class=”listing-type-grid catalog-listing”>
<?php $_collectionSize = $_productCollection->count() ?>
<?php $i=0; foreach ($_productCollection as $_product): ?>
<?php if($i++%4==0): ?>
<ol class=”grid-row”>
<?php endif; ?>
<li class=”item”><span class=”<?php echo $_product->getAttributeText(’promonew’)?>”></span>
N’oubliez pas de remplacer à nouveau “promonew” par le nom de votre attribut.
Ensuite vous allez rajouter un peu de CSS à votre fichier boxes.css
.item {
position:relative;
}.grid-row span.vingt {
background:transparent url(../images/vingt.png) no-repeat scroll 0 0;
display:block;
height:50px;
position:absolute;
right:3px;
top:2px;
width:50px;
}
.grid-row span.trente {
background:transparent url(../images/trente.png) no-repeat scroll 0 0;
display:block;
height:50px;
position:absolute;
right:3px;
top:2px;
width:50px;
}
Ceci est un exemple pour les options “vingt” et “trente”. Créez des petites images et ajustez les CSS selon votre thème.
Ensuite rendez vous dans une fiche produit et choisissez votre “Badge” !
Super, Génial, ça c’est un tuto qui vas faire des heureux. Merci beaucoup
Pareil, merci pour ce tuto, bien fait et facile à comprendre.
[...] Customiser Magento : Le blog Jguiss nous indique ici comment afficher des petites icônes en haut de ses produits, dans sa boutique Magento, comme : -10%, top ventes… [...]
[...] Edit : Méthode beaucoup plus propre pour afficher les attributs personnels (ou en liste déroulante) dans cet article. [...]
Si vous faîtes un copié/collé il vous faut retaper les guillemets…
Et faut que je fasse un update pour optimiser les CSS.
Merci pour vos commentaires
Extension prometeuse mais qui, semble t’il ne fonctionne pas avec la version 1323 de magento. dommage.et merci pour le partage
Certainement une erreur de ma part puisque, souhaitant absolument cette extension j’ai reinstaller la version 130 de magento et j’ai aussi une erreur
j’ai du mal interpreter la procedure
pourrais tu nous dire , qd tu dis >123< faut il “coller” a un endroit specifique de boxes le css
Merci par avance des reponses à venir si tu acceptes de nous eclairer
Merci julien de ta reponse
Affaire reglée : les copier coller n’etait pas bon et en reinscrivant tout j’avais commis des erreurs
l’extension fonctionne donc avec la version 1323 de magento
juste un probleme car la vignette promonew ne se met pas sur l’angle de la photo mais a cote
je vais me servir avec une grande joie du travail super qui a ete fait
merci
Ok pour le test mais j’ai une erreur de redirection, je suis sur une config multi sites … ? sinon c a l’air pratique … mais dans mon cas ca ne marche pas mgt v 1.3.1
LK
Je suis aussi en multi-sites, 4 avec différents URL et aucun problème de redirection.
Malgré que ma version soit “Magento ver. 1.2.0.1″ (et que du coup j’ai pas testé sur une V 1.3.1) je ne pense pas que le problème provienne de mes modifs…
[...] Pour afficher des stickers (-10% / -20% / …) dans les listings des produits, je me sers de cette méthode beaucoup plus propre pour afficher les attributs personnels (ou en liste déroulante) dans cet article. [...]
[...] j’ai tout retaper de ce cote pas d’erreur mais il semble que ce soit le :
promonew /////////–> le problème
—-> le paragraphe reference … j’ai toujours une erreur de redirection je comprend vraiment pas …. MGT V1.3.1
Bon bein ca veut pas …. du tout meme en placant directement dans le layout : catalog.xml — la je vois plus ce que cela pourrati etre … ?
Bonjour,
J’ai l’impression d’avoir suivi à la lettre les consignes mais j’ai un problème : Erreur 500 quand je tente d’ouvrir ma catégorie.Faut-il juste copier-coller le CSS à la fin de boxes.css ?
J’aimerais bien pouvoir utiliser ce tuto alors au secours !
Merci pour votre aide.
Salut tout le monde,
APrès avoir créé l’attribut et l’avoir ajouté à un group, je me rend compte que “$_product->getAttributeTex(’promonew’)” qui doit normalement récupérer la valeur de l’option du produitne donne rien.
J’ai fait un test avec “$_product->getResource()->getAttribute(’promonew’)->getFrontend()->getLabel($_product)” et la j’obtient bien le titre (a savoir “badge”).
J’ai également essayé avec “$_product->getResource()->getAttribute(’promonew’)->getFrontend()->getValue($_product)” mais la cela me renvoie la valeur “Non”.
Franchement je ne sais plus comment faire.
Quelqu’un a t’il une idée??