PrestaShop - Přidání class do id category

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Zdravím,

chci se zeptat jak nastavit class k prvku <li>, ale pouze do hlavní kategorie(Myslivost oděvy, Potřeby pro lov,..), zkoušel jsem to dle nějakých příspěvků na of.fóru ale nic moc nepomohlo, obvykle pouze pro selected_li .

Nebo jestli je jiná cesta pro přidání ikony do názvu kategorie menu, tak prosím o radu..

Děkuji

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8507

Dobrý den,

a jaké menu s kategoriemi myslíte? Přiložte případně screenshot s ukázkou.

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Přikládám screen kam chci vložit ikony.
A abych je mohl vložit, tak mě napadá ke každé hl. kategorii přidat id nebo class a poté přiřadit ikony dle kategorie.

Snad se chápeme

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8507

Dobrý den,

v tom případě budete muset provést úpravu v tpl šabloně themes/nazev-vasi-sablony/modules/blockcategories/category-tree-branch.tpl, která generuje právě strom kategorií. A pomocí hodnoty $node.id, což je ID kategorie, nastavíte prvku třeba různé CSS třídy. Zdrojový kód by mohl vypadat např.:

Kód:

{if $node.id == 10}
   class="nejakatrida"
{elseif $node.id == 16}
   class="dalsitrida"
{elseif $node.id == 35}
   class="jinatrida"
{/if}

Takže pokud bude ID kategorie 10, tak se použije třída nejakatrida, u kategorie s ID 16 třída dalsitrida a u kategorie s ID 35 třída jinatrida.

Nebo existuje např. placený modul Prestashop Multiple Categories Blocks, který umožňuje zobrazit obrázky/miniatury u kategorií. Ale zobrazení se dá povolit/zakázat pouze pro všechny kategorie (tzn. i podkategorie).

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Asi dělám něco špatně, hází mi to takhle:

zasílám i zdr.kód category-tree-branch.tpl

Kód:

<li {if isset($last) && $last == 'true'}class="last"{/if}>
   <a href="{$node.link|escape:'html':'UTF-8'}" {if isset($currentCategoryId) && $node.id == $currentCategoryId}class="selected"{/if} title="{$node.desc|escape:'html':'UTF-8'}">{$node.name|escape:'html':'UTF-8'}</a>
   
  {if $node.children|@count > 0}
      <ul>
    {if $node.id == 8}
   class="catico1"
{elseif $node.id == 23}
   class="catico2";
{elseif $node.id == 27}
   class="catico3"
{elseif $node.id == 26}
   class="catico4"
{elseif $node.id == 5}
   class="catico5"
{elseif $node.id == 4}
   class="catico6"
{elseif $node.id == 3}
   class="catico7"
{elseif $node.id == 7}
   class="catico8"
{elseif $node.id == 10}
   class="catico9"
{elseif $node.id == 6}
   class="catico10"
{elseif $node.id == 1}
   class="catico11"
{/if}
  
      {foreach from=$node.children item=child name=categoryTreeBranch}
         {if $smarty.foreach.categoryTreeBranch.last}
            {include file="$tpl_dir./category-tree-branch.tpl" node=$child last='true'}
         {else}
            {include file="$tpl_dir./category-tree-branch.tpl" node=$child last='false'}
         {/if}
      {/foreach}
      </ul>
   {/if}
    
</li>

Děkuji za radu

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Tak jsem se k tomu konečně dopídil...

V souboru category-tree-branch.tpl stačí zaměnit první řádek na <li class="cat{$node.id}{if $last == 'true'} last{/if}">
Tím se sice přiřadí id ke všem kategoriím, ale to vůbec nevadí

Děkuji za pomoc, snad to třeba pomůže i ostatním

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8507

Dobrý den,

třídy totiž nenastavujete žádnému elmentu (li nebo a), a proto se Vám zobrazí jen jako text v obsahu. Takže pro nastavení třídy např. k odkazu a bude kód vypadat:

Kód:

<li {if isset($last) && $last == 'true'}class="last"{/if}>
   <a href="{$node.link|escape:'html':'UTF-8'}" class="{if isset($currentCategoryId) && $node.id == $currentCategoryId}selected{/if} {if $node.id == 8}catico1{elseif $node.id == 23}catico2{elseif $node.id == 27}catico3{elseif $node.id == 26}catico4{elseif $node.id == 5}catico5{elseif $node.id == 4}catico6{elseif $node.id == 3}catico7{elseif $node.id == 7}catico8{elseif $node.id == 10}catico9{elseif $node.id == 6}catico10{elseif $node.id == 1}catico11{/if}" title="{$node.desc|escape:'html':'UTF-8'}">{$node.name|escape:'html':'UTF-8'}</a>
   
  {if $node.children|@count > 0}
      <ul>
      {foreach from=$node.children item=child name=categoryTreeBranch}
         {if $smarty.foreach.categoryTreeBranch.last}
            {include file="$tpl_dir./category-tree-branch.tpl" node=$child last='true'}
         {else}
            {include file="$tpl_dir./category-tree-branch.tpl" node=$child last='false'}
         {/if}
      {/foreach}
      </ul>
   {/if}
    
</li>

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Aha

)

jen se ještě zeptám, snažím se přiřadit barvu k určité kategorii což se povede, ale označí se i podkategorie, jde to nějako "zamknout"? Zkoušel jsem to, ale moc to nešlo..Kód CSS zasílám.

Kód:

#categories_block_left li.cat11.last{
 background:rgba(247, 120, 12, 0.46);
}

Děkuji

Radek Plašil · **Registrován:** 30 čer 2009 09:14 **Příspěvky:** 8507

Dobrý den,

barvu totiž nastavujete elementu li, který obsahuje i všechny podkategorie dané kategorie. Pokud chcete obarvit jen hlavní kategorii, tak musíte barvu nastavit elementu a. Takže barvu nastavte třídě, kterou používáte pro zobrazení ikonek.

veRtiGo · **Registrován:** 13 led 2015 21:25 **Příspěvky:** 90

Děkuji, nakonec jsem to tak nechal, třeba to ve volném času ještě upravím

)

Jen se ještě zeptám, ikony se mi úspěšně podařilo vložit, bohužel zatím narážím na problém kdy se ikony "pohybují" dle rozjeté kategorie, jde to nějako "zamknout" k hl. kategorii?

Viz. e-shop.

Děkuji

Návody pro C4

Webhosting C4

PrestaShop - Přidání class do id category

Kdo je online

FTP Uploader

PrestaShop partneři

PrestaShop Hosting