Jump to content

Top Menu a pod nim kategorie


Recommended Posts

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

Share this post


Link to post
Share on other sites

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ć ;)

  • Like 1

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More