XenForo Kategorileri Gizleme

Soner' Alıntı:

XenForo 2.X.X Katagorileri Katlanır Yapın
Bu kod modifikasyonu sayesinde anasayfadaki katagorileri katlanır yapabilir istediğiniz katagorileri gizleyebilirsiniz.

Kod modifikasyonu nasıl uygulanır
Kullandığınız temanın node_list_category şablonunu açın;

Alttaki kodu arayın;

Kod:

<div class="block block--category block--category{$node.node_id}">

Alttaki kod ile değiştirin;

Kod:

<div class="block block--category block--category{$node.node_id} collapsible-nodes">

Alttaki Kodu Arayın;

Kod:

<h2 class="block-header">

Yanına Ekleyin;

Kod:

<div class="block-header--left">

Alttaki kodu arayın;

Kod:

<div class="block-desc">{$node.description|raw}</div></xf:if>

Üstüne ekleyin;

Kod:

<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block is-active" data-xf-click="toggle" data-xf-init="toggle-storage" data-target=".block--category{$node.node_id} .block-body" data-storage-key="_node-{$node.node_id}"></span>

Alttaki kodu arayın;

Kod:

<div class="block-body">

Alttaki kod ile değiştirin;

Kod:

<div class="block-body block-body--collapsible is-active">

Son olarak alttaki kodu extra.less şablonuna ekleyin;

Kod:

.block--category
{
.collapseTrigger
{
opacity: 0.5;
transition: opacity 0.3s;
margin-right: 10px;
&.is-active:before
{
content: "\f205";
transform: scale(-1, 1);
margin-right: -8px;
}
&:before
{
content: "\f205";
font-size: 80%;
}
}
.block-container:hover .collapseTrigger
{
opacity: 1;
}
}

.collapsible-nodes
{
.block-header
{
display: flex;
}
.block-header--left
{
margin-right: auto;
max-width: 100%;
}
}

Genişletmek için tıkla ...