Лендинги Tilda

Установка

После скачивания модуля, его установка производится штатными средствами CS-Cart на странице Панель администратора → Модули → Управление модулями → Загрузить и установить модуль (+).

Для версии CS-Cart более 4.13.1 Панель администратора → Модули → Управление модулями → Кнопка Шестеренка → Ручная установка.

Синхронизация

Для начало настройки необходимо авторизоваться на сайте Тильда;

1. Авторизуйтесь на сайте Тильда, перейдя по адресу https://tilda.cc/login/;
2. Выберите существующий проект или создайте новый;
3. Скопируйте идентификатор (ID) из адресной строки и вставьте его в поле "ID проекта Tilda" на странице настроек модуля в CS-Cart;
4. Перейдите в раздел "Настройки сайта - Экспорт - API integration" на платформе Тильда;
5. Скопируйте значения полей "Public key" и "Secret key" и вставьте их соответственно в поля настроек модуля "Публичный ключ" и "Закрытый ключ";





6. Нажмите кнопку "Сохранить" и откройте вкладку "Общее";
7. Выберите элемент меню "Синхронизация с Tilda.cc (Веб-сайт)";
8. Нажмите кнопку "Обновить";
9. При успешной синхронизации вы увидите следующее сообщение;
10. Теперь страницы синхронизированы и готовы к использованию.

Настройка для отображения на всей странице

Для того чтобы отобразить лендинг на странице в CS-Cart, выполните следующие шаги:

1. Войдите в административную панель CS-Cart и перейдите в раздел "Веб-сайт - Страницы";
2. Выберите нужную страницу, на которой хотите разместить лендинг;
3. Перейдите на вкладку "Модули";
4. В поле "ID страницы Tilda" укажите ID страницы Tilda, которую желаете отобразить на этой странице в CS-Cart;
5. Нажмите кнопку "Сохранить";
6. Обновите кэш и проверьте страницу, чтобы убедиться, что лендинг успешно отображается на выбранной странице.

Если у вас используется UniTheme и вы хотите удалить отступы для отображения страницы во всю ширину, необходимо прописать стили в шаблоне используемой темы:

1. Откройте раздел “Дизайн” - “Шаблоны”;
2. Выберите установленную тему, в нашем случае это “abt__unitheme2”;
3. Откройте папку “styles” - “data”;
4. Выберите файл с названием используемой цветовой схемы и с расширение “.css”, в нашем случае это “Black.css”;
5. Вставьте следующий стиль в выбранный файл:

#ms-tilda-container

{

padding-left: 0px! important;

padding-right: 0px! important;

padding-bottom: 0px! important;

margin:0;

}



6. Нажмите “Сохранить изменения”.

Настройка для отображения в блоке

1. Откройте раздел "Дизайн - Макеты";
2. Выберите подходящую вкладку, например, "Товары";
3. Опустите окно ниже для редактирования макета;
4. В контейнере "Контент" добавьте секцию, используя кнопку "+" и выбрав необходимую ширину;
5. В созданную секцию создайте новый блок "MS: Лендинги Tilda";
6. Введите имя блока и выберите ID страницы из списка;
7. Нажмите кнопку "Сохранить";
8. Отключите глобальное отображение этих блоков;
9. Откройте страницу, на которой будет отображаться лендинг;
10. Перейдите в раздел "Макет" и включите отображение созданного блока "Tilda-страница";
11. Возможно, потребуется обновить кеш. Для этого в административной панели сайта добавьте в конец адресной строки "&cc" и откройте полученный адрес.

Если у вас используется UniTheme и вы хотите удалить отступы для отображения блока во всю ширину, необходимо в настройках секции изменить параметр отображения:

1. Откройте раздел “Дизайн” - “Макеты”;
2. Выберите страницу в макете которой расположен ваш блок, в нашем случае это “Товары”;
3. Перейдите в настройки секции, где расположен ваш блок;
4. В разделе “AB: UniTheme2: Дополнительные настройки” измените значения поля “Вся ширина” на “На всю ширину”;
5. Сохраните изменения.

Решение проблемы с отображением некоторых интерактивных элементов

Пересечение стилей css между Tilda и CS-Cart вызывает проблемы в отображении некоторых интерактивных элементов. Проблема появляется когда стили которые использует Tilda схожи с теми что используются в CS-Cart в вашем шаблоне.

Решить эту проблему на стороне модуля не возможно, так как стили перебиваются самой платформой CS-Cart. Её стили имеют приоритет надо стилями Tilda.

Возможны следующие варианты решения:

1. Передайте эту информацию вашим разработчикам, что бы они произвели необходимые правки в стилях на стороне CS-Cart для корректного отображения интерактивных элементов.
2. Внесите изменения в стилях (в шрифтах текстов и заголовках) на стороне Tilda. Либо обратитесь к команде поддержки Тильды, чтобы получить советы по внесению изменений в стили страниц на их платформе.