Bricks builder – jak nechat rozbalovací záložky otevřené na desktopu

Chcete, aby se vaše rozbalovací záložky (accordions) v Bricks Builderu na desktopu automaticky zobrazovaly otevřené a uživatelé nemuseli klikat? V tomto článku si ukážeme jednoduchý způsob, jak toho dosáhnout pomocí krátkého Javascriptu.

Jak nechat záložky otevřené?

1. Otevřete si stránku nebo šablonu v Bricks Builderu, kde používáte „rozbalovací záložky“(Accordion element).
2. V levém horním panelu Bricks builderu klikněte na ozubené kolečko > Nastavení stránky > Vlastní kód

3. Následující skript vložte do kolonky „Skripty těla (zápatí)“

<script>
if (window.innerWidth >= 766) {
document.querySelectorAll(‚.accordion-content-wrapper‘).forEach(wrapper => {
wrapper.style.display = ‚block‘;
});

document.querySelectorAll(‚.accordion-title-wrapper‘).forEach(title => {
title.setAttribute(‚aria-expanded‘, ‚true‘);
});
}
</script>

4. Skript zajistí to, že každý vložený rozbalovací seznam zůstane na desktopu otevřený, ale na tabletech a menších zařízeních zůstanou jednotlivé položky defaultně zavřené (Skript tedy funguje pouze pro obrazovky širší než 766px – hodnotu v kódu můžete změnit tak, jak se to hodí vám)

Výsledek

Záložky zůstávají otevřené na desktopu a zavřené na menších zařízeních.