Любые блоки в аккордеон TX16N2
0002
₽
₽
Эта модификация расширяет стандартный аккордеон Tilda TX16N2 и позволяет вставлять внутрь секций любые блоки — стандартные, Zero Block и HTML. Благодаря коду блок поддерживает корректное открытие и закрытие вкладок даже при сложной внутренней структуре.
Модификация подходит для FAQ, карточек услуг, тарифов, галерей, форм и любых ситуаций, где требуется разместить объёмный контент в компактном формате. Решение работает в рамках одной страницы и масштабируется под любое количество секций.
Модификация подходит для FAQ, карточек услуг, тарифов, галерей, форм и любых ситуаций, где требуется разместить объёмный контент в компактном формате. Решение работает в рамках одной страницы и масштабируется под любое количество секций.
1️⃣ ДОБАВЛЯЕМ АККОРДЕОН
2️⃣ КОНТЕНТ ДЛЯ АККОРДЕОНА
Ниже добавляем блоки для вставки в аккордеон (можно добавить любые блоки: как zero, так и стандартные).
3️⃣ ВСТАВКА КОНТЕНТА В КАРТОЧКИ АККОРДЕОНА
Копируем ID каждого блока и вставляем в соответствующую ему карточку аккордеона, в описание.
Пример вставки: #rec0000000000
❗️ ВСТАВИТЬ В 1 КАРТОЧКУ НЕСКОЛЬКО БЛОКОВ:
Вставляем блоки, просто через запятую
Пример вставки: #rec0000000000, #rec0000000000
4️⃣ НИЖЕ ВСТАВЛЯЕМ КОД
- Добавляем стандартный блок Tilda TX16N2 и настраиваем его на свой вкус, заполняем только заголовки, поля с описанием оставляем пустыми, в них мы будем вставлять ID блоков, которые будут в них отображаться.
- Добавляем всему блоку аккордеона TX16N2 класс .uc-akkordeon
2️⃣ КОНТЕНТ ДЛЯ АККОРДЕОНА
Ниже добавляем блоки для вставки в аккордеон (можно добавить любые блоки: как zero, так и стандартные).
3️⃣ ВСТАВКА КОНТЕНТА В КАРТОЧКИ АККОРДЕОНА
Копируем ID каждого блока и вставляем в соответствующую ему карточку аккордеона, в описание.
Пример вставки: #rec0000000000
❗️ ВСТАВИТЬ В 1 КАРТОЧКУ НЕСКОЛЬКО БЛОКОВ:
Вставляем блоки, просто через запятую
Пример вставки: #rec0000000000, #rec0000000000
4️⃣ НИЖЕ ВСТАВЛЯЕМ КОД
<!--Любые блоки в аккордеон TX16N2 на Тильде
Студия веб-дизайна SHEINA – https://sheina-studio.ru/-->
<script>
document.addEventListener("DOMContentLoaded", function () {
const accordion = document.querySelector(".uc-akkordeon");
if (!accordion) return;
const wrappers = accordion.querySelectorAll(".t668__textwrapper");
wrappers.forEach(wrapper => {
const rawText = wrapper.textContent.trim();
const ids = rawText.split(",").map(id => id.trim()).filter(id => id.startsWith("#rec"));
if (ids.length > 0) {
wrapper.innerHTML = "";
ids.forEach(id => {
const cleanId = id.replace("#", "");
const block = document.getElementById(cleanId);
if (block) {
wrapper.appendChild(block);
}
});
}
});
});
</script>#rec1678844671
#rec1678863101
Lemon meringue
€6
Baked meringue with lemon ice cream and lemon curd sauce
Apple tart
€10
Baked apple pie with vanilla ice cream
Mini chocolate truffles
€8
With a warm and liquid caramel inside
Cherry ice cream
€8
Vanilla ice cream with meringue and warm cherry sauce
Frozen berries
€10
Mixed berries with frozen yoghurt
Apple ice cream
€8
Vanilla ice cream with apples and caramel sauce
