[ Веб-студия Александры Шеиной ]
Артикул: 0002
Эта модификация расширяет стандартный аккордеон Tilda TX16N2 и позволяет вставлять внутрь секций любые блоки — стандартные, Zero Block и HTML.
Благодаря коду блок поддерживает корректное открытие и закрытие вкладок даже при сложной внутренней структуре.
Благодаря коду блок поддерживает корректное открытие и закрытие вкладок даже при сложной внутренней структуре.
любые блоки в стандартный аккордеон TX16N2 на Tilda
#rec2341654621
#rec2341654631
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
❗️ ВАЖНО: Чтобы код работал на вашем сайте проверьте, что у вас включен jQuery в настройках сайта.
Настройки сайта ⟶ Вкладка Вставка кода ⟶ Ставим галочку у « Подключить jQuery на страницах сайта »
1️⃣ ДОБАВЛЯЕМ АККОРДЕОН
2️⃣ КОНТЕНТ ДЛЯ АККОРДЕОНА
Ниже добавляем блоки для вставки в аккордеон (можно добавить любые блоки: как zero, так и стандартные).
3️⃣ ВСТАВКА КОНТЕНТА В КАРТОЧКИ АККОРДЕОНА
Копируем ID каждого блока и вставляем в соответствующую ему карточку аккордеона, в описание.
Пример вставки: #rec0000000000
❗️ ВСТАВИТЬ В 1 КАРТОЧКУ НЕСКОЛЬКО БЛОКОВ:
Вставляем блоки, просто через запятую
Пример вставки: #rec0000000000, #rec0000000000
4️⃣ НИЖЕ ВСТАВЛЯЕМ КОД
Настройки сайта ⟶ Вкладка Вставка кода ⟶ Ставим галочку у « Подключить jQuery на страницах сайта »
1️⃣ ДОБАВЛЯЕМ АККОРДЕОН
- Добавляем стандартный блок Tilda TX16N2 и настраиваем его на свой вкус, заполняем только заголовки, поля с описанием оставляем пустыми, в них мы будем вставлять ID блоков , которые будут в них отображаться.
- Добавляем всему блоку аккордеона TX16N2 класс .uc-akkordeon
2️⃣ КОНТЕНТ ДЛЯ АККОРДЕОНА
Ниже добавляем блоки для вставки в аккордеон (можно добавить любые блоки: как zero, так и стандартные).
3️⃣ ВСТАВКА КОНТЕНТА В КАРТОЧКИ АККОРДЕОНА
Копируем ID каждого блока и вставляем в соответствующую ему карточку аккордеона, в описание.
Пример вставки: #rec0000000000
❗️ ВСТАВИТЬ В 1 КАРТОЧКУ НЕСКОЛЬКО БЛОКОВ:
Вставляем блоки, просто через запятую
Пример вставки: #rec0000000000, #rec0000000000
4️⃣ НИЖЕ ВСТАВЛЯЕМ КОД
<!-- Вставить любые блоки в аккордеон TX16N2 на Тильде
Веб-студия Александры Шеиной – https://sheina-studio.ru/ -->
<!-- ===== ИНСТРУКЦИЯ =====
1️⃣ ДОБАВЛЯЕМ АККОРДЕОН
Добавляем стандартный блок Tilda TX16N2 и настраиваем его на свой вкус, заполняем только заголовки, поля с описанием оставляем пустыми, в них мы будем вставлять ID блоков, которые будут в них отображаться.
Добавляем всему блоку аккордеона TX16N2 класс .uc-akkordeon
2️⃣ КОНТЕНТ ДЛЯ АККОРДЕОНА
Ниже добавляем блоки для вставки в аккордеон (можно добавить любые блоки: как zero, так и стандартные).
3️⃣ ВСТАВКА КОНТЕНТА В КАРТОЧКИ АККОРДЕОНА
Копируем ID каждого блока и вставляем в соответствующую ему карточку аккордеона, в описание.
Пример вставки: #rec0000000000
❗️ ВСТАВИТЬ В 1 КАРТОЧКУ НЕСКОЛЬКО БЛОКОВ:
Вставляем блоки, просто через запятую
Пример вставки: #rec0000000000, #rec0000000000
4️⃣ НИЖЕ ВСТАВЛЯЕМ КОД -->
<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>