Оставить заявку

1.4.1

Установка

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

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

Image

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

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

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

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

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

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

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

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

      6. #ms-tilda-container

      {

      padding-left: 0px! important;

      padding-right: 0px! important;

      padding-bottom: 0px! important;

      margin:0;

      }

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

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

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

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

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

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

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

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

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

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