XenForo Açılıp Kapanabilir Kategoriler

[xenturka]

XenForo forumlarınızda kategorileri açılıp kapanabilir hale getirebilmek için aşağıda ki şablon değişiklerini yapabilirsiniz. Anlatım XenForo 2.3.x versiyonları ve default tema içindir özel bir tema kullanıyorsanız veya çalışma yapılacak şablonlarda özelleştirmeleriniz varsa değişiklikler farklılık gösterebilir bu yüzden şablon kodlarınızı yedekleyerek çalışma yapmanızı tavsiye ederim. Değişiklik yapılacak kodları şablonlarda bulamaz iseniz aşağıda belirterek yardım isteyebilirsiniz.

Direkt eklenti olarak kurmak için bu eklentiyi kurabilirsiniz: XF 2.3.x - XenForo Açılıp Kapanabilir Kategoriler & XGT Kategori İstatiskleri

---

Şablon değişikliği için yapmanız gerekenler​

Admin panelde Görünüm ve diller > Tema ve Şablonlar sayfasında bulunan node_list_category şablonunu açın.

---

Bul

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

Bununla değiştir

<div class="block block--category block--category{$node.node_id} xt-acilip-kapanir-kategori" data-node-id="{$node.node_id}">

---

Bul

<h2 class="block-header">

Altına ekle

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

---

Bul

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

Altına ekle

</div>
<span id="collapse-{$node.node_id}" class="collapseTrigger collapseTrigger--block {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}" data-xf-click="toggle" data-target=".block--category{$node.node_id} .block-body" data-xf-init="toggle-storage" data-storage-type="cookie" data-storage-expiry="31556926" data-storage-key="_node-{$node.node_id}"></span>

---

Bul

<div class="block-body">

Değiştir

<div class="block-body block-body--collapsible {{ !is_toggled('_node-' . $node.node_id) ? ' is-active' : '' }}">

---

Son olarak aşağıda ki kodu extra.less şablonuna ekleyin.

// XENTURKA AÇILIP KAPANABİLİR KATEGORİ
.block--category
{
    .collapseTrigger
    {
        transition: opacity 0.3s;
        &.is-active:before
        {
            .m-faContent(@fa-var-chevron-up);
            margin: 0;
            padding: 0;
        }
        &:before
        {
            .m-faContent(@fa-var-chevron-down);
            margin: 0;
            padding: 0;
        }
        &:not(.button).collapseTrigger--block {
            &:before {
                margin: 0;
                padding: 0;
            }
        }
    }
}

.xt-acilip-kapanir-kategori
{
    .block-header
    {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .block-header--left
    {
        margin-right: auto;
        max-width: 100%;
    }
}
// XENTURKA AÇILIP KAPANABİLİR KATEGORİ BİTİŞ

Değişikliklerin ardından aşağıdaki gibi kategorileri açıp kapatmak için buton gelecektir.

Yardıma ihtiyacınız olursa konu altından bildirebilirsiniz.