Top Menu a pod nim kategorie

[davvarts]

Witam mam pytanko... tak się zastanawiam czy istnieje jakiś darmowy moduł lub po prostu jakaś przeróbka dzięki, której uzyskałbym dodatkowe menu tak jakby... ale tylko z kategoriami. Przyklad mozna zobaczyc na tej stronie http://www.legaro.pl/pl/ Z góry dziękuje za odpowiedz.

[vekia]

takie menu można łatwo stworzyć np. za pomocą modyfikacji plików .tpl (header.tpl)

wystarczy, że wkleisz odpowiedni kod który kierował będzie do wybranych przez Ciebie kategorii

(zwróć uwagę, że w tym sklepie są to po prostu kategorie)

 

kod w stylu:

<div id="navi"><ul><li class="plec"><a href="/49-dla-chlopcow">Dla<br>chłopców</a></li><li class="plec"><a href="/17-dla-dziewczynek">Dla<br>dziewczynek</a></li><li class="plec"><a href="/18-do-2-lat">Do 2 lat</a></li><li class="wiek"><a href="/19-do-3-4-lat">3-4 lata</a></li><li class="wiek"><a href="/20-5-6-lat">5-6 lat</a></li><li class="wiek"><a href="/21-7-8-lat">7-8 lat</a></li><li class="wiek"><a href="/22-9-11-lat">9-11 lat</a></li><li class="wiek"><a href="/23-12-">12 +</a></li></ul></div> <style> #page #navi ul li.plec,#page #navi ul li.wiek { line-height: 14px; float: left; width: 129px; height: 34px; margin: -2px 3px 0 3px; color: #fff; display: block; text-transform: uppercase; font-size: 12px; font-weight: bold; background: url('http://www.legaro.pl/themes/prestashop/css/../img/blok1.png') no-repeat; } <style>

(skopiowane ze strony legaro - modyfikujesz tylko linki do kategorii no i oczywiście swoje tło

 

możesz wykorzystać darmowy moduł html box - wybierasz pozycję "top" i wklejasz ten kod, 

nowe menu pojawi się aktualnym

[davvarts]

Ahaaaa czyli to po prostu wklepany kod w header.tpl jest... nie pomyślałem o tym. Dziękuje serdecznie

[vekia]

pamiętaj, że jak wkleisz go do header.tpl to do styli css musisz użyć tagów 

{literal}

KOD CSS

{/literal}

[davvarts]

a nie mogę po prostu w global.css dopisać kolejnych linijek kodu odnoszących się do tych wpisów ?

I co daje ten {literal} tak z ciekawości ?

[vekia]

składnia smarty wykorzystuje klamry { }

dodając style css:

<style> 
.styl { 
line-height: 14px; 
}
</style> 

korzystasz z tych klamr. kompilator smarty wówczas myśli, że jest to składnia smarty i próbuje to "skompilować". Jako że nie jest to kod smarty, zamiast strony - zobaczysz błędy.

 

stosując tagi {literal} tj.

{literal}
<style> 
.styl { 
line-height: 14px; 
}
</style> 
{/literal}

poinformujesz kompilator, że kod ujęty w tych tagach nie jest kodem smarty - i kompilator go nie skompiluje, dzięki czemu strona będzie pięknie działać

[davvarts]

Ok wszystko ładnie mi wyjaśniłeś Zresztą nie pierwszy raz... dzięki Vekia