Um Tags auf der Produkteinzelansicht zu zeigen, öffne die Datei product.tpl und suche die Zeile
|
1 |
<div id="primary_block" class="clearfix"> |
Direkt dahinter füge dann folgenden Code ein
|
1 2 3 4 5 6 7 |
<ul class="producttags"> {foreach from=Tag::getProductTags(Tools::getValue('id_product')) key=k item=v} {foreach from=$v item=value} <li><a href="{$link->getPageLink('search', true, NULL, "tag={$value|urlencode}")}">{$value|escape:html:'UTF-8'}</a></li> {/foreach} {/foreach} </ul> |
Um die Tags zu stylen, füge folgende CSS Deklarationen in die global.css ein
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 |
.producttags { list-style:none; position:relative; clear:both; display:block; padding-bottom:20px; margin-bottom:20px; } .producttags li, .producttags a{ float:left; height:24px; line-height:24px; position:relative; font-size:11px; } .producttags a{ margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .producttags a:visited{ color:#fff; } .producttags a:before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent; border-style:solid; border-width:12px 12px 12px 0; } .producttags a:after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px; height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .producttags a:hover{background:#555; text-decoration:none;} .producttags a:hover:before{border-color:transparent #555 transparent transparent;} |
Nun erscheinen die Produkt-Tags gleich oberhalb der Produktbeschreibung. Sie können natürlich auch an einer anderen Stelle eingefügt werden.
Quelle: mypresta.eu
Ist der Shop mehrsprachig angelegt, so filtert der folgende Code die Tags nach Sprache:
|
1 2 3 4 5 6 7 8 9 10 |
{if isset($product->tags) && $product->tags} <ul class="producttags"> {assign var='id_lang' value=Language::getIdByIso($lang_iso)} {assign var='productTags' value=$product->tags} {foreach from=$productTags[$id_lang] item=productTag name=productTags} <li> <a href="{$base_dir}index.php?controller=search&tag={$productTag|escape:'url'}"><strong>{$productTag}</strong></a></li>{if !$smarty.foreach.productTags.last}, {/if} {/foreach} </ul> {/if} |
Quelle: prestashop.com
Schreibe einen Kommentar