Jak změnit vzhled kategorie ve Virtuemartu z dlaždic na seznam a naopak

Máte eshop ve Virtuemartu a chtěli byste změnit výchozí vzhled kategorie z dlaždic na seznam nebo naopak? V tomto článku najdete návod, jak tak učinit.

Postup se může lišit podle toho, jakou šablonu pro eshop používáte. Lze měnit vzhled šablony globálně (pro všechny kategorie, nebo pro každou kategorii zvlášť).

Ve výchozí šabloně pro Virtuemart můžete dosáhnout změny tak, že:

1. V Komponenty (Components) -> Virtuemart (Virtuemart) -> Nastavení systému (Configuration) -> Nastavení (Configuration).

2. Na záložce Šablony (Templates) zvolte v menu Vzhled kategorie (Category Layout) typ vzhledu, kterých chcete použít globálně pro všechny kategorie zboží. Uložte změny.

3. Vzhled pro jednotlivé kategorie pak můžete měnit přímo v nastavení kategorie eshopu ve spodní části stránky, opět v menu Vzhled kategorie (Category Layout).

Tento postup nefunguje u šablon pro Virtuemart od Templatemonster, které já osobně používám nejraději, protože vypadají reprezentativně a mají velký výběr.

U šablon od Templatemonster změníte vzhled kategorie takto:

1. Přes FTP klienta jděte do tohoto adresáře: /templates/theme###/html/com_virtuemart/category/ (kde si za theme### dosaďte vlastní název šablony u vás na serveru).

2. Otevřete si soubor default.php k editaci v nějakém html editoru popř. poznámkovém bloku.

3. Vyhledejte si řádky:

Máte-li aktuálně vzhled seznamu:

<a class="active Clist" href="#" title="List view"></a>
<a class="Cgrid" href="#" title="Grid view"></a>

Máte-li aktuálně vzhled dlaždic:

<a class="Clist" href="#" title="List view"></a>
<a class="active Cgrid" href="#" title="Grid view"></a>

4. Chcete-li dosáhnout vzhledu dlaždic. Změňte je na:

<a class="Clist" href="#" title="List view"></a>
<a class="active Cgrid" href="#" title="Grid view"></a>

5. Chcete-li mít naopak seznam:


<a class="active Clist" href="#" title="List view"></a>
<a class="Cgrid" href="#" title="Grid view"></a>

5. Uložte změny.

Pokud by vám to nebylo jasné z výše uvedeného návodu, můžete se podívat na názorné video.

Podělte se s ostatními o své zkušenosti...

{fcomment}

0 z 5 - 0 hlasů
Děkujeme za hodnocení. Pokud se vám článek líbil, budeme rádi, když jej budete sdílet dál!
Vytisknout