Регистрация
Личный кабинет
Регистрация
Личный кабинет

Отзывы TS104N: автоматическое переключение карточек, стилизация элементов, добавление кастомных кнопок управления

Отзывы — один из ключевых элементов доверия к продукту или компании. Однако на Тильде есть блок TS104N, в котором хочется увидеть автоматическое переключение слайдов с отзывами. Или добавить собственные кнопки переключения слайдов в Zero-блоке или обычных кнопках в блоке BF102.

Помимо прочего вы можете настроить стили для точек, которые появляются, если отзыв длинный и скругление popup-окна длинного отзыва.

Посмотрите пример, чтобы понять, как работает модификация и добавьте такой функционал к себе на сайт.

Инструкция:
  1. Выберите, что вы хотите настроить: автопереключение или кнопки (или и то, и другое).
  2. Впишите в настройки ниже ID блока с отзывами.
  3. Выберите интервал смены карточек в миллисекундах, если выбрали автопереключение.
  4. Если используете настройку «Свои кнопки для переключения», то добавьте у себя на странице соответствующие кнопки с ссылками #ncd-ts104n:left для переключения влево и #ncd-ts104n:right для переключения вправо.
  5. Настройте стили для точек и скругление углов попапа.
  6. Скопируйте полученный код и вставьте его в блок T123 на странице под блоком с отзывами.
<!-- Отзывы TS104N: автоматическое переключение карточек, стилизация элементов, добавление кастомных кнопок управления | https://necodim.ru/tilda/feedback-ts104n -->

<script>
document.addEventListener('DOMContentLoaded', () => {
    let feedbackBlockID = '#rec123456789';
    let feedbackInterval = setInterval(() => {
        t958_slide(document.querySelector(feedbackBlockID), 'right');
    }, 5000);
});
</script>

<style>
.t958__card_popup {
    border-radius: 20px;
}
.t958__more {
    opacity: 100%;
}
.t958__more-dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #ffcc00;
}
.t958__more-dot:not(.t958__more-dot:last-child) {
    margin-right: 4px;
}
</style>
Скопировать код
Пример работы модификации
Понажимайте кнопочки ниже или просто подождите 4 секунды, чтобы увидеть, как слайды отзывов переключаются автоматически
← Влево
Вправо →
Александр Соловых
course.edu-vienna.com, portretto.art, interico.art
1.5 года назад возникла задача реализовать видеокурс, который в зависимости от заполненной клиентом анкеты, выдаёт доступ не ко всем урокам сразу, а только к тем, которые соответствуют запросу клиента. И чтобы это всё было на Тильде и легко и быстро редактировалось.
Ни геткурс, ни другие подобные платформы таким функционалом не обладают.

Мне предлагали как идиотские решения, а-ля под каждого клиента вручную выбирать из 115 уроков подходящие и создавать вручную ЛК каждому, так и разрабатывать с нуля админку, кодить 6−9 месяцев и приготовить 1−1.5 миллиона бюджета.🤪

«Некодим» — единственные, кто предложил автоматизируемое решение за адекватные деньги и реализовали проект за 6 недель. 🚀

Следующей задачей была разработка системы подбора специальностей ВУЗов по заданным клиентом параметром с выдачей доступа после оплаты. И снова было найдено элегантное решение по выборке из 5000 вариантов только соответствующих запросу клиента. 🚀

Чуть позже появилась задача разработать онлайн-магазин на Тильде, где клиент может платить и картой в валюте, и в рублях, с пересчётом по удобному для нас курсу. И с этим они отлично справились. 🚀

Помимо крутых технических решений хочу отметить и дизайнерский вкус. UI/UX это не просто символы для красного словца.

С коммуникацией никогда проблем не возникало, всегда вовремя были на запланированных созвонах. Понимание задачи с полу-слова.

Более компетентных разработчиков и Гуру No-Code и Low-Code решений я не встречал!
⭐⭐⭐⭐⭐
Александр Соловых
course.edu-vienna.com, portretto.art, interico.art
1.5 года назад возникла задача реализовать видеокурс, который в зависимости от заполненной клиентом анкеты, выдаёт доступ не ко всем урокам сразу, а только к тем, которые соответствуют запросу клиента. И чтобы это всё было на Тильде и легко и быстро редактировалось.
Ни геткурс, ни другие подобные платформы таким функционалом не обладают.

Мне предлагали как идиотские решения, а-ля под каждого клиента вручную выбирать из 115 уроков подходящие и создавать вручную ЛК каждому, так и разрабатывать с нуля админку, кодить 6−9 месяцев и приготовить 1−1.5 миллиона бюджета.🤪

«Некодим» — единственные, кто предложил автоматизируемое решение за адекватные деньги и реализовали проект за 6 недель. 🚀

Следующей задачей была разработка системы подбора специальностей ВУЗов по заданным клиентом параметром с выдачей доступа после оплаты. И снова было найдено элегантное решение по выборке из 5000 вариантов только соответствующих запросу клиента. 🚀

Чуть позже появилась задача разработать онлайн-магазин на Тильде, где клиент может платить и картой в валюте, и в рублях, с пересчётом по удобному для нас курсу. И с этим они отлично справились. 🚀

Помимо крутых технических решений хочу отметить и дизайнерский вкус. UI/UX это не просто символы для красного словца.

С коммуникацией никогда проблем не возникало, всегда вовремя были на запланированных созвонах. Понимание задачи с полу-слова.

Более компетентных разработчиков и Гуру No-Code и Low-Code решений я не встречал!
⭐⭐⭐⭐⭐
Снежана Иванова
praktika.school, matesha.school
Работала с «Некодим» над тремя проектами, везде были разные задачи и разный функционал, компетенции в разработке железные, реализуют любую идею/функцию.

По ходу реализации могли предложить улучшения или какие-то классные идеи, о которых ты сам не подумал. Это безумно ценное качество, которое оценят заказчики, имеющие опыт работы с другими командами разработки, бездушно отрабатывающими свои часы.

С «Некодим» работать одно удовольствие.

Если есть какие-то недопонимания в процессе работы, что всегда бывает, проблема разрешается переговорами, они идут навстречу.

Отдельно отмечу поддержку проектов после реализации и возможность практически 24/7 быть на контакте с разработчиком.

Кто начнёт работать с «Некодим», не пожалеет.
Юлия Чеботарь
juliachebotar.ru
У меня была только идея-мечта, как все должно выглядеть на сайте, и очень слабое представление, как все должно работать. Суть в том, как соединить заказчика и исполнителя, дать интересную работу моим студентам. В «Некодим» не только предложили оптимальное и красивое решение этой задачи, но и помогли продумать и саму идею проекта. Сайт был сделан очень быстро и профессионально.

Особенно благодарна агентству за то, что они после завершения работ не оставляют проект, следят за его работой. И если им приходят в голову идеи, как улучшить сайт, предлагают и улучшают. Очень приятно работать с такими профессионалами.

И ещё очень благодарна за общение с разработчиком Александром. Удивительно образованный, интеллигентный и воспитанный человек с прекрасным чувством юмора. Иногда просто короткая переписка, если я переживала из-за проблем на сайте, приводила меня в чувство и вселяла уверенность. Огромное спасибо за работу и общение!
Made on
Tilda