Organizacja szczegółów produktu w eleganckich tabach

Virtuemart potrzebuje wielu zabiegów i cierpliwości by wyglądał elegancko i szykownie, w czasie, gdy nowe systemy e-commerce, aż emanują schludnością. Jednak jako zapalony zwolennik tego oprogramowania stwierdzam – DA SIĘ!:) 
Prostym i skutecznym efektem, który ułatwia nawigacje i upiększa wygląd produktu to zakładki (taby). Może to wyglądać jak na przykładzie:

http://sklep-optyk.pl/index.php?page=shop.product_details&flypage=flypage-ask.tpl&product_id=33&category_id=6&option=com_virtuemart&Itemid=12

Uporządkowanie Opisu, Recenzji i innych zakładek jest możliwe dzięki takiemu rozwiązaniu:

1.  Pobierz, zainstaluj i opublikuj ten dodatek: http://extensions.joomla.org/extensions/style-a-design/tabs-a-slides/13018

2.  W Virtuemart włącz opcję „Dodatki w opisie”.

3.  Jeśli chcesz sam – w polu Opis – edytować zakładki możesz działać zgodnie ze schematem:

{jkefel kefelui=

title=[jproven demo page] url=[jproven.com/index.php?tmpl=raw] refresh=[true] persist=[false]}
{/jkefel}
{jkefel title=[Title 2]}
Content of second tab
{/jkefel}

Wszystko to w Opisie produktu.

4.  Jednak gdybyś chciał w zakładki umieścić osobno Opis, osobno Recenzję lub inne pole – przejdź do szablonu
szczegółów produktu w /components/com_virtuemart/themes/default/templates/product_details
ja użyłem pliku flypage-ask.tpl.php

I w odpowiednim miejscu wstawiłem:

<div id=”kon5″>
<br />{jkefel title=[Opis]}<br /><?php echo $product_description ?>{/jkefel}
<br />{jkefel title=[Recenzje produktu]}<br /><br /><?php echo $product_reviewform ?><br />{/jkefel}{/jkefelend}
</div><!–kon5–>

Działa i wygląda przyzwoicie! Oczywiście można zmienić wygląd tabów za pomocą stylu css.

---

Autorem tekstu jest : Jacek Sawicki. Projektant, grafik, jednoosobowa agencja reklamowa, specjalista od szablonów Joomla! i Virtuemart. www.inter-page.pl