Синхронизируя работу с конструктором Tilda, модуль даёт возможность легко и быстро верстать страницы. Это новый способ создания сайтов, где процесс похож на игру. Теперь каждый – дизайнер, если есть страсть к любимому делу.
Модуль подходит для любых магазинов и маркетплейсов, которым требуется наличие сайта с красивым, современны и понятным оформлением.
В комплект входит модуль "Блоки во всю ширину".
Информацию о совместимости с другими модулями смотрите в особенностях товара:
Для CS-Cart - https://maurisweb.ru/programmy...
Для Multi-Vendor - https://maurisweb.ru/programmy...
Перед началом работы с модулем, пройдите по ссылке и зарегистрируйтесь -
1. Для установки модуля перейдите во вкладку "Модули", во всплывающем меню выберите пункт "Управление модулями" и "MAURISWEB".
2. В открывшемся списке выберите интересующий вас модуль и нажмите на его название.
3. На открывшейся странице выберите вкладку "Основные". В случае, если лицензионный ключ не выставлен автоматически и настройки модуля будут заблокированы, пройдите в ваш аккаунт на www.maurisweb.ru скопируёте лицензионный ключ и вставьте его в соответствующий пункт. Ключ так же отправлен на вашу электронную почту.
4. В разделах "Доступные домены" и "Тестовые домены" проверьте верность указанных доменов. Вы можете добавить дополнительные домены, нажав на белую кнопку "Добавить домен" в правой стороне страницы. Общее количество доменов не должно превышать трёх.
5. Опуститесь ниже, выберите раздел "Основные настройки" и отметьте галочкой пункт "Сохранить данные при удалении модуля", чтобы не потерять их при переустановке модуля.
6. Перейдите во вкладку "Настройки API Tilda", введите открытый и секретный ключ, полученные на сайте Tilda.
7. Чтобы включить автоматическое обновление по CRON, поставьте галочку.
8. Чтобы настроить CRON для загрузки и обновления страниц, скопируйте команду и внесите её в планировщик.
9. Сохраните настройки модуля. Для этого нажмите на синюю кнопку "Сохранить" в правом верхнем углу панели.
1. Для начала работы, перейдите во вкладку "Маркетинг" и выберите "MW: HTML Конструктор Tilda".
2. В нижнем правом углу панели нажмите на кнопку в форме шестерёнки и выберите функцию "Загрузить проекты".
3. После обновления, откроются доступные проекты.
4. Над списком проектов отразится доступное вам количество запросов к сайту Tilda. После его окончания, доступ будет прекращён на определённое время.
5. Чтобы открыть нужный проект, нажмите на его название.
6. Изначально, список страниц будет пуст. Чтобы загрузить их, нажмите на шестерёнку в правом углу панели и выберите "Загрузить проект".
7. После загрузки, появится список страниц, доступных для использования.
8. Нажмите на стрелочку рядом с названием, чтобы раскрыть данные нужной страницы.
9. Чтобы страница автоматически обновлялась по CRON, оставьте галочку на месте и уберите, чтобы отключить данную функцию.
10. Если необходимо изменить имя страницы для её отображения в общем списке страниц, то впишите его в поле "Имя страницы".
11. При желании, вы можете внести изменения в такие пункты отображения контента, как "Название страницы", "Описание", "Мета-заголовок", "Мета-описание", "Мета-слова".
12. В пункте "Контент" можно внести изменения в коде самого контента.
13. После внесения изменений, нажмите на кнопку "Сохранить" сразу после поля "Контент".
14. Чтобы обновить страницы, нажмите на кнопку в форме шестерёнки и выберите функцию "Загрузить проект".
15. Чтобы перевести загруженные из проекта страницы в контент, отметьте галочками нужные страницы. После чего нажмите на кнопку в форме шестерёнки и выберите функцию "Создать страницы из выбранных".
16. Страницы станут активными и изменят цвет на синий.
17. Нажмите на название страницы.
18. Откроется страница, которую можно отредактировать.
19. Чтобы удалить связь со страницей, нажмите на кнопку в форме шестерёнки и выберите функцию "Удалить связь".
20. Страница с разорванной связью станет неактивной и чёрного цвета.
1. Чтобы вставить обработанный контент на витрину магазина, перейдите во вкладку "Дизайн", выберите раздел "Макеты" и "Макеты".
2. Выберите страницу, на которую вы хотите добавить свой контент и перейдите во вкладку с её названием.
3. Прежде чем добавлять блок, создайте секцию, в которой он будет находиться. Для этого опуститесь к контейнеру "Контент". Наведите курсор в нижний левый угол. Появятся три кнопки для редактирования. Нажмите на знак плюса и выберите функцию "Добавить секцию".
4. Появится окно создания секции. Раскройте дополнительное меню в пункте "Ширина" и выберите значение "16". Это стандартная ширина для создаваемой секции.
5. В случае, если потребуется сделать отступы между секциями, то в поле "Пользовательский CSS-класс" вставьте нужные классы без кавычек через пробел. Для того, чтобы создать отступ с нужным значением пикселей от 1 до 5. В имени приведённых ниже CSS-классов замените цифру 1 на нужную:
"mw_wm-padding-top1" - если нужно сделать отступ сверху;
"mw_wm-padding-bottom1" - если нужно сделать отступ снизу;
"mw_wm-padding-left1" - если нужно сделать отступ слева;
"mw_wm-padding-right1" - если нужно сделать отступ справа.
6. Завершите создание секции, нажав на кнопку "Создать" в нижнем правом углу панели.
7. Теперь в созданной секции, нажмите на знак плюса и выберите функцию "Добавить блок".
8. В появившемся окне перейдите во вкладку "Создать новый блок" и выберите блок "MW: HTML Конструктор Tilda".
9. В окне создания блока выберите вкладку "Общее" и впишите наименование в пункте "Название".
10. Перейдите во вкладку "Контент" и нажмите на кнопку "Добавить страницу", чтобы выбрать страницы для блока.
11. Появится список со страницами, загруженными из конструктора Tilda. Выберите одну или несколько, отметив их галочками. Или отметьте все, поставив галочку рядом с заголовком.
12. Если вы добавили блок и хотите вернуться к выбору страниц, нажмите на синюю кнопку "Добавить" в нижнем правом углу окна. Если выбор закончен, нажмите на кнопку "Добавить и закрыть".
13. После того, как вы добавили весь нужный контент, нажмите на синюю кнопку "Создать" в нижнем правом углу.
14. Созданный блок появится в общем списке блоков секций. Пользуясь кнопками, вы можете редактировать или отключать его.
1. Нажмите на кнопку в форме шестерёнки в правом углу панели и выберите функцию "Предпросмотр".
2. Контент появится в той части витрины, куда вы добавили блок.
1. Для создания новой страницы, выберите вкладку "Добавить страницу макета".
2. В окне создания страницы, во втором поле ввода пункта "Страница" впишите без кавычек "pages.view".
3. В поле "Название" впишите наименование пункта. Обратите внимание, что пункты "Название" и "Название страницы" - это разные поля. В первом случае, это внутреннее название страницы, во втором - то, что будет отображаться в окне браузера.
4. Завершите создание, нажав на синюю кнопку "Создать" в нижнем правом углу окна.
5. Зайдите в настройки страницы. Для этого нажмите на значок в форме шестерёнки рядом с названием вкладки.
6. Перейдите во вкладку "Страницы" и нажмите на кнопку "Добавить страницы".
7. Выберите нужные страницы, отметив их галочкой. Чтобы отметить и продолжить выбор, нажмите на кнопку "Добавить страницы" в нижнем правом углу окна, чтобы завершить выбор, нажмите "Добавить страницы и закрыть".
8. После того, как все страницы будут добавлены, нажмите на синюю кнопку "Сохранить" в нижнем правом углу.
9. Теперь добавьте секцию. Для этого опуститесь к контейнеру "Контент" и добавьте новую секцию.
10. Появится окно создания секции. Раскройте дополнительное меню в пункте "Ширина" и выберите значение "16". Это стандартная ширина для создаваемой секции.
11. В случае, если потребуется сделать отступы между секциями, то в поле "Пользовательский CSS-класс" вставьте нужные классы без кавычек через пробел. Для того, чтобы создать отступ с нужным значением пикселей от 1 до 5. В имени приведённых ниже CSS-классов замените цифру 1 на нужную:
12. Нажмите на синюю кнопку "Создать" в нижнем правом углу окна.
13. Теперь можно добавить блок в созданную секцию, нажмите на знак плюса и выберите "Добавить блок".
14. В появившемся окне перейдите во вкладку "Использовать существующий блок" и выберите блок "Главное содержимое".
15. Новый блок появится в общем макете. Пользуясь кнопками, его можно отредактировать или выключить.
Модуль "Блоки во всю ширину" идёт в комплекте и применяется для того, чтобы растянуть блоки во всю ширину экрана. В случае, если у вас установлены модули Alexbranding "UhiTheme2" или "YOUPI", то включать модуль не нужно.
1. Чтобы растянуть блоки во всю ширину, пройдите в настройки нужной секции.
2. Перейдите к пункту "Во всю ширину", разверните дополнительное меню и выберите значение "Во всю ширину". Сохраните изменения.
3. Опуститесь к контейнеру "Контент" и зайдите в параметры контейнера.
4. В пункте "Пользовательский CSS-класс" впишите без кавычек "absolute_width".
Контент будет опубликован отдельной страницей, растянутый во всю ширину экрана.
1. На странице редактирования макета выберите вкладку "Добавить страницу макета".
2. В окне создания страницы, во втором поле ввода пункта "Страница" впишите без кавычек или "categories.view". В поле "Название" впишите наименование пункта. Обратите внимание, что пункты "Название" и "Название страницы" - это разные поля. В первом случае, это внутреннее название страницы, во втором - оно будет отражаться в окне браузера.
3. По завершении, нажмите синюю кнопку "Создать" в правом нижнем углу окна.
4. Опуститесь ниже, к секции "Контент". Нажмите на кнопку со знаком плюса и выберите функцию "Добавить секцию".
5. Наведите курсор на левый угол созданной секции, нажмите кнопку в форме знака плюса и выберите функцию "Добавить блок".
6. Создайте новый блок или используйте уже созданный, в который импортированы страницы из Tilda.
7. Новый блок появится в общем макете. Пользуясь кнопками, его можно отредактировать или выключить.
8. Для корректного отображения, новую страницу необходимо привязать к категории. Для этого зайдите в настройки вкладки, нажав на шестерёнку рядом с названием.
9. Перейдите во вкладку "Категории" и нажмите на кнопку "Добавить категории".
10. Выберите одну или несколько категорий, отметив их галочками и нажмите на синюю кнопку "Добавить категории" в нижнем правом углу.
11. Сохраните изменения.
Контент отобразится на странице категории (о том, как растягивать страницу во всю ширину, читайте в разделе "Блоки во всю ширину").
Вы также можете создать индивидуальный контент для категории.
1. Зайдите во вкладку "Категории".
2. Выберите секцию, в которую вы хотите добавить контент, нажмите на кнопку в форме плюса и выберите функцию "Добавить блок".
3. Используйте существующий блок с импортированными страницами из конструктора Tilda или создайте новый.
4. Выключите блок, нажав на соответствующую кнопку.
5. Перейдите во вкладку "Товары" и выберите раздел "Категории".
6. Выберите категорию и нажмите на её название, чтобы пройти внутрь.
7. Пройдите во вкладку "Макеты".
8. Опуститесь к секции, в которую был добавлен блок и включите её.
9. Контент будет опубликован на странице категории.
10. При этом, для других категорий он применяться не будет.
Актуальность инструкции - v.1.0.17
