PrestaShop Documentation v1.3

Настройки:

• Количество сообщений, отображаемых в Последних новостях

  Количество сообщений, которые будут отображаться на Домашней странице.

Smart Blog Latest Comments

Этот блок отображается в левой / правой колонке и используется для отображения последних комментариев, добавленных для записей блога.

Настройки:

• Количество отображаемых комментариев

  количество комментариев, отображаемых в блоке.

Модуль Smart Blog AddThis

Этот блок отображается на единичной странице записи и позволяет поделиться этой записью в социальных сетях.

У этого модуля нет дополнительных настроек.

Smart Blog Popular Posts

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

Настройки:

• Количество популярных записей для отображения

  количество популярных записей, отображаемых в блоге.

Smart Blog Recent Posts

Этот блок отображается в левой / правой колонке и используется для отображения последних записей.

Настройки:

• Показать количество последних записей

  Количество последних записей, отображаемых в блоке.

Smart Blog Related Posts

Этот блок отображается на страницах единичных записей и используется для отображения похожих записей.

Настройки:

• Количество похожих записей

  Количество похожих записей, отображаемых в блоке.

Smart Blog Search

Этот блок отображается в левой / правой колонке и используется для поиска в блоге.

У этого модуля нет дополнительных настроек.

Smart Blog Tag

Этот блок отображается в левой / правой колонке и используется для отображения тегов, используемых в блоге.

Настройки:

• Количество отображаемых тегов

  количество тегов, отображаемых в блоге.

Модуль отображает изображения с 3D эффектом и позволяет пользователям вращать товары на 360 градусов. Вращение может начаться автоматически при загрузке страницы, или клиент может вращать 'изображение' вручную, поворачивая при помощи нажатой левой кнопки мышки.

Более того, модуль можно использовать для добавления панорамного вида (или нескольких панорамных видов) на домашнюю страницу.

Режим 360-градусного просмотра также доступен на страницах товаров.

Установка

Перейдите на вкладку Модули и настройки -> Модули и настройки (1) в вашей админ панели и найдите модуль TM 360 view (2). Затем, нажмите на кнопку 'Установить' (3).

Настройка модуля

После того как модуль успешно установлен, Вы увидите страницу 'Настройка' со стандартными настройками модуля.

Вы найдете здесь настройки 360-градусного вида (1) и панорамного вида (2).

360 - градусный вид

Настройки описаны под скриншотом. Выберите значения в соответствии с вашими потребностями и нажмите на кнопку 'Сохранить' (1).

• Включить на домашней странице (Enable on Home) – настройка включения отображения 360-градусного вида товара на Домашней странице.
• Выбор товара (Select a product) (отображается, если для 'Включить на домашней странице' задано значение 'Да') – выберите товар, который нужно отобразить в 360-градусном виде.
• Анимировать (Animate) – настройка отображения товара автоматически вращающимся при загрузке страницы.
• Время фрейма (Frame time) (отображается, если для настройки 'Анимировать' задано значение 'Да') – период времени, перед тем как одно изображение набора сменится другим; введите значение в миллисекундах.

Добавление/Удаление изображений

• Перейдите на вкладку Каталог -> Товары в вашей админ панели (1), выберите товар и нажмите на кнопку 'Редактировать' (2).

  

• Для того чтобы добавить изображения, используйте вкладку 'TM 360 view' (1) в настройках товара и нажмите на кнопку 'Добавить файлы' (2).

  

• Затем, нажмите на кнопку 'Загрузить файлы' (1).

  

• Когда файлы успешно загружены, нажмите на кнопку 'Сохранить' (1).

  

  Для того чтобы вращение было плавным, добавьте больше изображений и лишь немного изменяйте позицию изображения, когда делаете фотографии.

• Добавив картинки, Вы увидите 360-градусный вид товара на Домашней странице *.
  *Он также отобразится на странице товара после описания.

• Для того чтобы отключить 360-градусный вид товара на Домашней странице, просто перейдите в настройки 360-градусного вида и измените значение настройки 'Включить на домашней странице' на 'Нет'.

• Для того чтобы отключить 360-градусный вид на странице товара, откройте вкладку 'TM 360 view' в настройках товара и удалите все изображения.

Панорама

Этот модуль также используется для добавления панорамного вида на Домашнюю страницу.

Вы можете добавить столько панорамных блоков, сколько нужно.

Добавление панорамы

• Для того чтобы добавить новую панораму, откройте страницу настройки модуля и нажмите на кнопку '+' ('Добавить новый элемент') (1).

  

• Вы увидите настройки панорамы, которые описаны ниже.

  

  • Выбор файла (Select a file) - выберите файл панорамы; это поле обязательно для заполнения (по крайней мере, для стандартного языка).
  • Название (Title) – введите название панорамы; это поле обязательно для заполнения (по крайней мере, для стандартного языка).
  • Ширина (Width) – ширина блока панорамы; это поле обязательно для заполнения.
  • Высота (Height) - высота блока панорамы; это поле обязательно для заполнения.
  • Статус (Status) - включите/отключите панорамный элемент на домашней странице.
  • Луп (Loop) – вновь начать вращение изображения после его завершения.
  • Анимационный эффект (Animate) – панорама будет автоматически вращаться при загрузке страницы.
  • Время фрейма (Frame time) (отображается, если для настройки 'Анимировать' задано значение 'Да') – период времени, за который панорама делает полный круг; введите значение в миллисекундах; это поле обязательно для заполнения.

• Нажмите на кнопку 'Сохранить' и ваше изображение панорамы отобразится на Домашней странице.

Удаление панорамы

• Для того чтобы удалить панораму – выберите элемент, нажмите на стрелку (1) а, затем, нажмите на 'Удалить' (2).

  

• Затем подтвердите удаление.

Вступление

Модуль TM Advanced Filter дает возможность реализовать быстрый поиск необходимого товара на основе ключевых свойств. Он позволяет создавать фильтры с неограниченным количеством критериев поиска, которые доступны в магазине по умолчанию или создаются при добавлении товаров. Критерии фильтрации могут быть следующими: уровни категорий (путем вложения), производители, поставщики, атрибуты, функции и т. д. Также модуль имеет следующие функции: создание связанных фильтров, в которых нужные критерии становятся доступными только после выбора родительского параметра (уровень вложенности неограничен); выбор сетки критериев фильтрации для фильтра вверху страницы. Вы можете выбрать тип поля фильтра из доступных, указать родительский фильтр, добавить его название, ярлык и описание. Все легко настраивается и редактируется в удобной админ панели. Для большей скорости модуль использует алгоритм индексации товаров по заданным критериям. Модуль можно легко и быстро добавить в любой магазин Prestashop.

Установка и удаление модуля

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

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

Настройка/изменение фильтров

После установки Вы можете изменить параметры модуля на странице его настройки. По умолчанию Вы увидите вкладки с доступными типами фильтров. Чтобы создать фильтр, выберите вкладку (1) и нажмите на кнопку 'Создать фильтр' (2).

В появившемся окне фильтра заполните все необходимые поля.

• Название (Name) - название фильтра. Оно будет отображаться на фронтенде как заголовок блока фильтра;
• Описание (Description) - Описание фильтра. Он будет отображаться на фронтенде рядом с названием блока фильтра
• Отображать счётчик (Show counter) - позволяет отображать количество товаров, которые будут доступны после выбора текущего параметра. Количество будет отображаться рядом с критерием поиска (в скобках);
• Отображать выбранные фильтры (Show selected filters) - позволяет отображать список выбранных критериев поиска с возможностью отменить выбор любого из них;
• Отображать тип макета фильтра (Show filter layout type) - выбор сетки фильтра (доступно только для верхнего фильтра);

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

Редактирование фильтра

Для того чтобы изменить описание и настройки фильтра, нажмите на кнопку 'Шестерёнка' в меню фильтра.

В режиме редактирования форма выглядит и работает как в режиме настройки.

Выбор сетки фильтра доступен только для 'Верхнего фильтра'.

При изменении сетки фильтров все элементы автоматически переносятся в первый столбец, сохраняя порядок вложения и отображения (в соответствии с принципом: все элементы предыдущего столбца с сохранённым порядком отображения).

Удаление фильтра

Чтобы изменить описание или настройки фильтра, нажмите на 'Крестик' в меню фильтра

и подтвердите удаление фильтра.

Индексация фильтра

Индексация (Indexation) - процесс создания уникальных таблиц с данными, необходимыми для фильтра, которые создаются для конкретных критериев фильтра. Они позволяют значительно ускорить работу фильтра на фронтенде.

Соответствующая кнопка в меню фильтра выделена красным цветом. Если кнопка не подсвечена, фильтр не нуждается в индексации.

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

Если фильтр требует повторной индексации, он не будет отображаться на фронтенде.

Создание/изменение элементов (критериев) фильтра

Чтобы добавить элемент в фильтр, выберите его в панели доступных элементов (слева) и перетащите его в доступную область сетки фильтра (она загорится после выбора. В примере сетка имеет 2 столбца).

В выделенной области выберите столбец и позицию нового элемента и отпустите элемент.

В появившемся окне создания элемента введите все необходимые данные:

• Название (Name) - название элемента фильтра на фронтенде. Оно не будет отображаться, если Вы оставите поле пустым.
• Ярлык (Label) - ярлык элемента фильтра на фронтенде. Он не будет отображаться, если Вы оставите поле пустым.
• Описание (Description) - описание элемента фильтра на фронтенде. Оно не будет отображаться, если Вы оставите поле пустым.
• Родительский фильтр (Parent filter) - Родительский элемент фильтра, после того как выбрано, какой элемент будет доступен. Элемент будет всегда доступен, если поле останется пустым.
• Тип поля фильтра (Filter field type) – то, как элемент будет отображаться на фронтенде. Доступны следующие типы:
  • радиокнопка
  • выбор
  • флаговая кнопка
  • выбор из диапазона (только для типа поля 'цена')
  • ввод диапазона (только для типа поля 'цена')

Вы можете изменить все данные и родительский элемент в режиме редактирования фильтра.

После редактирования элемента фильтр должен быть повторно проиндексирован, что показано кнопкой в меню фильтра. Не переиндексируйте фильтр после редактирования каждого элемента, Вы можете сделать это после применения изменений ко всем необходимым элементам - тем самым Вы сэкономите ваше время.

Если есть дерево связанных фильтров, Вы можете добавить новый элемент в качестве связанного с этим деревом.

Редактирование элемента фильтра

Чтобы изменить элемент фильтра, нажмите на кнопку 'Шестерёнка' (1) в верхнем правом углу фильтра.

Сортировка (порядок отображения элементов фильтра)

По умолчанию новые элементы отображаются после элемента в том порядке, в котором Вы их добавили. Если фильтр добавляется к дереву, он будет отображаться после существующих элементов в дереве.

Чтобы переместить элементы внутри фильтра, выберите нужный элемент и перетащите его в нужную позицию. Вы можете перетаскивать элементы в одной колонке, а также в другие колонки. Вы можете также изменить сортировку внутри дерева или переместить сразу все дерево.

После перемещения элемента из одного столбца в другой порядок отображения автоматически изменяется во всех столбцах.

Удаление элемента фильтра

Вы можете удалить элемент фильтра двумя способами:

• перетащите элемент обратно в колонку доступных элементов;

  

• или нажмите на «Крестик» в верхнем правом углу нужного элемента.

  

Независимо от выбранного метода, Вы увидите окно с подтверждением удаления.

После удаления фильтра с вложенными элементами все вложенные элементы будут удалены.

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

"Умная" переиндексация

Модуль обеспечивает автоматическую (умную) переиндексацию после внесения изменений в товары или после некоторых других важных изменений (производитель, атрибут и т. д.). Поля таблицы будут переиндексированы, если эти изменения повлияют на работу фильтра.

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

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

FAQ

Этот модуль позволяет добавлять ярлыки в категории боковой панели стандартного модуля Prestashop Categories («Blockcategories»). Ярлыки могут быть добавлены в категорию любого уровня и на любом языке. Текстовое поле ярлыка является обязательным и должно быть заполнено на всех языках. Если это поле оставить пустым на одном из языков, тогда оно автоматически примет текст языка по умолчанию.

Установка и удаление

Этот модуль устанавливается и удаляется так же, как и любой другой модуль Prestashop.

Настройка модуля

После установки Вы можете изменить настройки модуля на странице настройки.

Вы можете добавить ярлыки для любой категории, выбрав её из выпадающего списка.

Внимание! Вы можете добавить только один ярлык для одной категории.

Затем, Вы можете добавить текст, который будет отображаться в ярлыке, и выбрать стиль из выпадающего списка (стили могут отличаться в разных шаблонах).

Затем, нажмите на кнопку 'Сохранить' (1).

Ниже приведен список существующих ярлыков. Здесь Вы можете редактировать или удалять ярлыки с помощью соответствующих кнопок.

Модуль является многоязычным и поддерживает несколько магазинов. Вы можете добавить ярлыки для группы магазинов или сразу для всех магазинов. Они будут отображаться в списке как отдельные элементы.

Модуль позволяет создавать многоязычные слайды для любой категории магазина. Слайдер будет отображаться на страницах категорий.

Установка и удаление

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

Настройки модуля

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

• Режим (Mode) - тип анимации (затухание, вертикальный, горизонтальный).
• Скорость (Speed) – скорость анимации.
• Ширина (Width) - ширина слайдов (для правильного просмотра рекомендуется использовать фактическую ширину изображения).
• Высота (Height) - высота слайдов (для правильного просмотра рекомендуется использовать фактическую высоту изображения).
• Автоматически (Auto) – автоматическое воспроизведение при открытии страницы.
• Пауза (Pause) - время до перехода на следующий слайд.
• Автоматический ховер (Auto Hover) – пауза при ховере.
• Элементы управления (Controls) – кнопки "Следующий"/"Предыдущий".
• Текст "Следующий" (Next Text) – текст кнопки "Следующий".
• Текст "Предыдущий" (Prev Text) - текст кнопки "Следующий".
• Управление автоматическим воспроизведением (Auto Controls) – кнопки "Воспроизведение"/"Пауза".
• Пагинация (Pager) - пагинация.

Добавление / удаление / редактирование слайдов

После установки модуля Вы увидите новое поле "Слайды" в настройках категории.

Чтобы добавить слайд, нажмите кнопку "Добавить новый слайд". Заполните необходимые поля в форме.

• Выберите файл (Select a file) - выберите файл. Вы можете загружать разные изображения для разных языков. В случае если изображение не выбрано для конкретного языка, загружаются изображения, установленные для языка по умолчанию.
• Введите название слайда (Enter Slide title) – введите название слайда.
• Введите ссылку слайда (Enter Slide Url) – введите ссылку слайда.
• Введите текст слайда (Enter Slide caption) – введите текст слайда.
• Открывать в новом окне (Open in new window) - открывать в новом окне.
• Статус (Status) - включить/отключить слайд.

Когда слайд сохранен, он появится в списке слайдов категорий.

Для того чтобы внести изменения в слайд, нажмите на кнопку 'Редактировать' (Edit).

Для того чтобы удалить слайд, нажмите на 'Удалить' (Delete) под кнопкой 'Редактировать' (Edit).

Этот модуль отображает товары категории в хуках displayHome и displayHomeTabContent. Модуль позволяет отображать единичные товары, товары из категории или все товары. Более того, в модуле есть карусель, которая работает, когда модуль размещен в позиции displayHome.

Основная панель TM Category Products

Основная панель. Здесь Вы можете настроить модуль.

Добавление вкладки

Вкладка – это блок, который отображает товары в позиции displayHomeTabContent.

• Перейдите в основную панель модуля и нажмите на вкладку 'плюс' (1) в списке вкладок.

  

• В открывшейся форме, Вы найдёте следующие настройки:

  • Статус – эта настройка позволяет включить/отключить вкладку.
  • Выбор категории - категория, товары которой будут отображены.
  • Использовать пользовательское название - эта настройка позволяет изменить отображаемое название категории. Если эта настройка включена, будет отображена следующая форма:
    • Название - пользовательское название вкладки, отображаемое на веб-сайте.
  • Выбор товара для отображения - если отключено, отобразится поле 'Количество отображаемых товаров', которое задает количество отображаемых товаров. Если включено, отображает кнопку 'Добавить товары', которая позволяет выбирать товары для отображения на вкладке.

• Изменив все нужные настройки, нажмите на кнопку 'Сохранить' (2).

  

Добавление блока

Этот блок позволяет выбрать товар в позиции displayHome.

• Перейдите в основную панель модуля и нажмите на вкладку 'плюс' (1) в списке блоков.

  

• В появившейся форме Вы найдете следующие настройки:

  • Статус – эта настройка позволяет включить/отключить блок.

  • Выбрать категорию - категория, товары которой будут отображаться.

  • Использовать пользовательское название – эта настройка позволяет изменить отображаемое название категории. Если параметр включен, отобразиться следующая форма:

    • Название – пользовательское название вкладки, отображаемое на сайте.

  • Выбрать товары для отображения – если отключен, отображает поле 'Количество отображаемых товаров', которое задаёт количество отображаемых товаров. Если включен, отображает кнопку 'Добавить товары', которая позволяет выбрать товар для отображения во вкладке.

  • Использовать карусель - эта настройка позволяет включать/выключать карусель для товаров в блоках. После включения настройки Вы увидите следующие настройки:

    • Отображаемые элементы (Visible items) – количество отображаемых элементов.

    • Прокрутка элементов (Items scroll) – количество элементов, сменяемых при одной прокрутке карусели.

    • Ширина слайда (Slide Width) – ширина элемента списка карусели.

    • Поле слайда (Slide Margin) - поле элемента списка карусели.

    • Автоматическая прокрутка (Auto scroll) – автоматическая прокрутка элементов карусели.

    • Скорость карусели (Carousel speed) – скорость смены элементов.

    • Пауза (Pause) – пауза между прокрутками (если "Автоматическая прокрутка" включена).

    • Случайно (Random) – карусель начинается со случайного элемента.

    • Луп карусели (Carousel loop) - луп: когда все элементы карусели отобразились, карусель начнется с начала.

    • Скрыть элементы управления в конце (Hide control at the end) – скрыть кнопки управления (Предыдущий/Следующий).

    • Пагинация (Pager) – отображение пагинации.

    • Элементы управления (Control) – отображает элементы управления (Предыдущий/Следующий).

    • Автоматическое управление (Auto control) - отображает элементы управления (Воспроизведение/Пауза).

    • Автоматический ховер (Auto hover) - паузы карусели, если пользователь наводит курсор мышки на элемент списка.

• После изменения всех необходимых настроек, нажмите на кнопку 'Сохранить' (2).

  

Порядок отображения блоков/вкладок

Вы можете изменить порядок блоков модуля с помощью перетягивания. Это позволяет быстро менять позиции блоков и вкладок.

Выбор товаров

Если Вы создадите элемент и включите настройку «Выбрать товары для отображения», Вы можете выбрать товары, которые Вы хотите отобразить. Для того чтобы это сделать:

• Нажмите на кнопку 'Добавить товары' (1):

  

• В отобразившемся всплывающем окне, выберите нужный товар (2) и нажмите на кнопку 'Добавить' (3):

  

• Теперь Вы можете размещать добавленные товары везде, где Вы хотите, с помощью перетягивания (4):

  

• Когда все необходимые товары добавлены и упорядочены в нужном порядке, нажмите кнопку 'Сохранить'.

Удаление блоков/вкладок

Чтобы удалить элементы, нажмите на выпадающее меню рядом с нужным блоком/вкладкой (1) и нажмите Удалить (2). Элемент будет удален.

Модуль TM Collections создан, чтобы дать возможность посетителям интернет-магазина добавлять товары в коллекции и делиться этими коллекциями на Facebook.

Установка модуля

Для того чтобы установить модуль, перейдите на вкладку Админ панель -> Модули и службы -> Модули и службы (1), найдите модуль TM Collections (2) и нажмите на кнопку 'Установить' (3).

Настройка модуля

После того как модуль установлен, отобразится страница 'Настройки'.
Добавьте Идентификатор профиля Facebook в нужное поле (1) и нажмите на кнопку 'Сохранить' (2).
Вы найдете инструкцию, как получить Идентификатор профиля Facebook здесь: Создание Идентификатора приложения.

Использование модуля TM Collections

Добавление товара в коллекцию

Гости сайта должны войти в систему, для того чтобы добавить элементы в коллекцию.

• После того как модуль установлен, отобразится кнопка 'Добавить в коллекцию' на каждой странице товара. Она будет выглядеть, как показано на скриншоте ниже (1).

  

• Нажав на эту кнопку, гости сайта увидят уведомление: 'Товар успешно добавлен в коллекцию.' Это уведомление можно закрыть или пропустить, нажав на кнопку 'Мои коллекции' (2).

  

Просмотр коллекций

• На странице 'Мои коллекции' клиент может добавить новую коллекцию (1) или посмотреть список созданных товаров (2).

  

• Нажатие на кнопку 'Просмотреть коллекцию' (1) откроет страницу коллекции, кнопка 'Посмотреть товары' (2) даёт возможность просмотреть список товаров этой коллекции на текущей странице.
  Название коллекции можно изменить (3) или удалить (4).
  Для того чтобы поделиться коллекцией, нажмите на кнопку 'Поделиться' (5).

  

• Просматривая элементы коллекции после нажатия на кнопку 'Посмотреть товары', каждый элемент можно удалить из списка (1).

  

Поделиться коллекциями

Чтобы поделиться коллекцией, посетитель должен нажать кнопку "Поделиться". Перед публикацией коллекции нужно сделать несколько простых шагов. На каждом этапе есть возможность вернуться и изменить параметры "Поделиться".

• Первый шаг - выбрать макет коллекции, которая будет опубликована.

  

• Затем должны быть добавлены товары. Каждая ячейка с символом "+" является кнопкой для добавления изображения товара.

  

  Выбор изображений для каждого товара:

  

• Когда все изображения добавлены, посетитель должен нажать на кнопку 'Поделиться' (1).

  

• В маленьком окне, которое появится, Вы увидите стандартные настройки публикации и поле добавления текста сообщения (1). После нажатия на кнопку "Опубликовать на Facebook" (2) сообщение будет опубликовано.

  

Статистика

С помощью этого модуля Вы можете также получить статистику, собранную в то время, когда товары добавляются в коллекции. Таким образом, Вы будете знать, какие товары в настоящее время популярны. Эта информация может быть очень полезной, например, для предоставления скидок.
Вы можете просмотреть статистику, нажав на кнопку Админ панель -> Статистика -> Статистика -> TM Collections.

• Вы можете выбрать период для просмотра статистики с указанного времени (1).
• В первой колонке указано количество добавлений товара (2).
• Вторая колонка создана для вашего удобства. Вы можете использовать её, чтобы узнать, сколько добавленных товаров было продано (3).

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

Установка и удаление

Модуль устанавливается и удаляется так же, как и любой другой модуль PrestaShop.

Настройки модуля

После установки модуля Вы можете добавить скидку на товар с периодом отображения и таймером обратного отсчета скидки.

Добавление / удаление / редактирование блоков

• Для того чтобы добавить новый товар, нажмите на кнопку 'Добавить новый'.

  

  • Выбор товара (Select a product) - выберите товар для применения скидки и отобразите таймер.
  • Статус (Status) – статус элемента.
  • Дата начала (Start Date) - дата начала периода скидки на товар.
  • Дата окончания (End Date) – дата окончания периода скидки на товар.
  • Ярлык (Label) – ярлык товара.
  • Цена со скидкой (Discount price) - цена со скидкой (абсолютное или процентное значение).

• После сохранения элемент отображается в списке элементов этого типа.

  

• Для того чтобы внести изменения в этот элемент, нажмите на кнопку 'Редактировать' (Edit).

• Для того чтобы удалить этот элемент, нажмите на кнопку 'Удалить' (Delete).

• Если для товара ранее была задана специальная цена, действительная в определенный период времени, этот товар можно добавить в список элементов модуля.

  

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

• Для того чтобы изменить режим отображения товара, нажмите на кнопку 'Настройка' (Configuration).

  

• Затем появится форма настройки отображения товара.

  

  • Отображаемые товары (Products to display) - количество товаров, отображаемых в блоке Домашней страницы.
  • Случайные товары (Random products) – отображение случайных товаров.

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

Установка и удаление

Модуль устанавливается и удаляется, как и любой другой модуль PrestaShop.

Настройки модуля

После установки модуля Вы можете добавить магазины на карту. Нажав на кнопку 'Добавить новый магазин' (1), Вы будете перенаправлены на вкладку 'Контактные данные магазина', где Вы можете изменить ваши магазины.

Для того чтобы добавить новый магазин, нажмите на кнопку 'Добавить новый'.

• Выбрать магазин (Select a store) - выберите магазин, который Вы хотите добавить на карту.
• Статус (Status) – статус элемента.
• Маркер (Marker) – добавление пользовательского маркера.
• Пользовательский текст (Custom text) – добавление пользовательского текста.

Настройки отображения Google Карты

• Стиль карты (Map Style) – выберите стиль отображения карты.
• Тип карты (Map Type) – выберите тип отображения карты.
• Уровень масштабирования (Zoom Level) – укажите начальный уровень масштабирования карты (от 1 до 17).
• Масштабирование при прокручивании (Zoom on scroll) - включить/отключить масштабирование при прокручивании.
• Элементы управления картой (Map Controls) - включить/отключить элементы управления картой.
• Просмотр улиц (Street view) - включить/отключить просмотр улиц.
• Анимационный маркер (Animation marker) - включить/отключить анимационный маркер.
• Всплывающие окна (Popup) - включить/отключить всплывающие окна с информацией о магазине.

Если у Вас в движке PrestaShop установлена версия 1.n этого модуля, не обновляйте её до текущуй. Сначала Вам необходимо удалить старую версию модуля для работы модуля без ошибок.

Этот модуль отображает формы входа и регистрации на веб-сайте. Он может занимать следующие позиции: хедер веб-сайта, левая и правая колонки. Модуль позволяет регистрироваться и выполнять вход на сайт при помощи таких социальных сетей, как Facebook, Google+ и VK, что удобно для пользователей сайта. Регистрация или вход в систему выполняются без перезагрузки страницы.

Основная панель TM Header Account

Основная панель. Здесь Вы можете настроить модуль.

Настройки

В модули есть следующие настройки:

• Тип отображения - эта настройка позволяет выбрать способ отображения регистрационной формы. Она может иметь следующие значения:

  • Выпадающий список (Drop down) - форма будет отображаться как раскрывающийся список под кнопкой, открывающей ее.

    

  • Всплывающее окно (Popup) – форма отобразится во всплывающем окне.

    

  • Слева (Left side) – форма отобразится слева как боковая панель.

    

  • Справа (Right side) - форма отобразится справа как боковая панель.

    

• Стиль отображения после входа на сайт - эта настройка позволяет изменить вид формы после входа/регистрации. Вы можете использовать следующие значения:

  • Две колонки (Two columns) – список разделён на две колонки.

    

  • Одна колонка (One Column) – список ссылок отображается как одна колонка.

    

• Аватар по умолчанию - это поле появляется, только если включен параметр "Отображать аватар". Здесь Вы можете выбрать аватар пользователя по умолчанию.
• Отображать аватар - эта настройка позволяет включить или отключить аватар пользователя. Если пользователь входит в учетную запись на веб-сайте с помощью одной из социальных сетей, аватар будет взят из учетной записи в этой социальной сети, в противном случае будет показан аватар, загруженный админом веб-сайта.
• Использовать переадресацию - если этот параметр включен, регистрация пользователя и восстановление пароля будут выполняться на стандартной странице регистрации/восстановления пароля PrestaShop.

• Использовать вход на сайт с Facebook - этот параметр включает регистрацию и вход пользователя с помощью социальной сети Facebook. Когда Вы включите эту настройку, Вы увидите следующие настройки:

  • Идентификатор приложения (App ID) - идентификатор приложения из вашего профиля разработчика Facebook.
  • Секретный ключ (App Secret) – секретный ключ профиля разработчика Facebook.

• Использовать вход на сайт с Google - этот параметр включает регистрацию и вход пользователя с помощью социальной сети Google+. Когда Вы включите эту настройку, Вы увидите следующие настройки:

  • Идентификатор приложения (App ID) - идентификатор приложения из вашего профиля разработчика Google.
  • Секретный ключ (App Secret) – секретный ключ профиля разработчика Google.
  • Ссылки перенаправления (Redirect URIs) – адрес вашего интернет-магазина+ index.php?fc=module&module=tmheaderaccount&controller=googlelogin

• Использовать вход на сайт с VK - этот параметр включает регистрацию и вход пользователя с помощью социальной сети Google+. Когда Вы включите эту настройку, Вы увидите следующие настройки:

  • Идентификатор приложения (App ID) - идентификатор приложения из вашего профиля разработчика VK.
  • Секретный ключ (App Secret) – секретный ключ профиля разработчика VK.
  • Ссылки перенаправления (Redirect URIs) – адрес вашего интернет-магазина+ index.php?fc=module&module=tmheaderaccount&controller=vk

Регистрация приложений в социальных сетях:

• Facebook - для того чтобы получить Идентификатор приложения и Секретный ключ приложения, зарегистрируйте ваше приложение на https://developers.facebook.com/apps.
• Google+ - для того чтобы получить Идентификатор приложения и Секретный ключ приложения, зарегистрируйте ваше приложение на https://developers.google.com/accounts/docs/OAuth2/.
• VK - для того чтобы получить Идентификатор приложения и Секретный ключ приложения, зарегистрируйте ваше приложение на https://vk.com/dev.

Модуль отображает галерею категории на Домашней странице вашего магазина.

Она должна выглядеть как:

Ниже перечислены основные части элемента «Галерея категории», которые отмечены на скриншоте:

• 1 – содержимое HTML
• 2 – название категории
• 3 – описание категории
• 4 - кнопка

Детальную настройку Вы найдёте ниже в разделе 'Настройка модуля'.

Установка модуля

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройка модуля

• Установив модуль TM Homepage Category Gallery, настройте его, нажав на соответствующую кнопку (1).

  

• На странице настройки Вы увидите список элементов этого модуля. Вы можете изменить существующие элементы (1) или добавить новый элемент (2).

  

Добавление / изменение настроек элемента

Когда Вы добавляете новый элемент в модуль (или изменяете один из элементов из списка), доступно несколько параметров. Подробное описание параметров Вы найдёте под скриншотом. После того, как все значения параметров заданы, нажмите кнопку «Сохранить» (1).

• Выбрать категорию (Select category) - здесь Вы можете выбрать из раскрывающегося списка категорию, которая должна отобразиться на вашей странице.
• Специфический класс (Specific class) - к элементу модуля можно добавить специфический класс.
• Отображать название (Display name) – возможность показать или скрыть название категории.
• Длина названия категории (Category name length) – максимальное количество символов, которые будут отображаться в названии категории. Если название длиннее – символ '..' будет отображаться после заданного количества символов.
• Отображать описание (Display description) – настройка, позволяющая показать или скрыть описание категории.
• Длина описания (Description length) – максимальное количество символов для отображения в описании. Если описание длиннее – символ '..' будет отображаться после заданного количества символов.
• Порядок отображения (Sort order) - порядок отображения элемента в галерее категории.
• Отображать кнопку (Display button) – отобразить или скрыть кнопку 'Купить сейчас' (Текст кнопки может быть различным в зависимости от шаблона.).
• Статус (Status) - показать или скрыть категорию.
• Содержимое HTML (HTML content) - поле, в которое можно добавить содержимое HTML.

Этот модуль показывает выбранные комбинации товаров в следующих доступных позициях: вверху (displayTop), на домашней странице (displayHome), слева (displayLeftColumn), справа (displayRightColumn).

Главная панель TM Homepage Combinations

Это основная панель модуля, которая позволяет добавлять, редактировать и удалять элементы. Для создания нового элемента, нажмите на кнопку 'Добавить новый элемент' (1) в меню основной панели.

Заполните поля всплывающей формы.

• Товар (Product) – выберите товар.
• Хук (Hook) – выберите позицию элемента.
• Название (Title) – укажите название элемента.
• Статус названия (Title status) – если эта настройка отключена, название элемента не будет отображаться.
• Статус элемента (Item status) – если эта настройка отключена, элемент не отобразится в позиции.
• Порядок отображения (Sort order) – порядок отображения элемента.

Нажмите на кнопку 'Сохранить и остаться', когда Вы заполните все поля. Подождите пока страница перезагрузится и нажмите на кнопку 'Добавить новую комбинацию'.

Выберите нужную комбинацию из списка и нажмите на кнопку 'Добавить' (1).

Заполните обязательные поля в появившейся форме.

• Выбрать изображение (Select image) – выберите нужное изображение.
• Специфический класс (Specific class) – пользовательский класс, определяющий стили элемента (класс CSS).
• Порядок отображения (Sort order) – порядок отображения элемента.

Нажмите на кнопку 'Сохранить', когда Вы заполните все поля.

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

Нажмите на кнопку 'Сохранить' (1) в форме элемента, когда Вы добавите все комбинации.

Элемент отобразится в основной панели модуля следующим образом:

В выбранном хуке будет отображаться следующий блок:

Модуль добавляет карусель на вкладки главной страницы.

Установка и удаление

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройка модуля

Настройки установленного модуля можно изменить на странице настройки модуля.

• Использовать карусель

  включить/отключить карусель

• Количество отображаемых элементов

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

• Прокрутка элементов

  количество элементов прокрутки

• Ширина элемента

  ширина элемента в списке карусели

• Отступ элемента

  отступ между элементами в списке карусели

• Скорость карусели

  Продолжительность перехода элемента

• Пауза

  Количество времени между каждым автоматическим переходом (если опция "Автопрокрутка" включена)

• Автоматическая прокрутка

  включить автоматическую прокрутку карусели

• Случайно

  начинать карусель со случайного элемента

• Луп карусели

  карусель возвращается к началу, когда все элементы прокручены

• Скрыть пагинацию в конце

  скрыть кнопки навигации ("Предыдущий"/"Следующий") на последнем слайде

• Пагинация

  отобразить пагинацию

• Элементы управления

  отобразить кнопки "Предыдущий"/"Следующий"

• Автоматическое управление

  отобразить кнопки "Воспроизведение" / "Остановка"

• Автоматический ховер

  временная остановка карусели при наведении курсора на её элементы

Этот модуль позволяет отображать любое содержимое (изображение, HTML, ссылки и т. д.) в следующих позициях: displayNav, home, top, topColumn, left и right (displayLeftColumn / displayRightColumn), footer. Он используется для расширения возможностей дизайна и добавления рекламных/информационных блоков в ваш магазин. Это многоязычный модуль, который также может работать в мультимагазине.

Чтобы добавить содержимое, выполните следующие действия:

Перейдите на вкладку Модули -> Свойства фронтенда -> TM HTML Content (Modules -> Front Office Features -> TM HTML Content) (если этот модуль не установлен, установите его).

• Нажмите на кнопку 'Добавить новый' (Add new).
• Список доступных языков. Вы можете просматривать доступные элементы для всех языков, переключая языковые вкладки.
• Список элементов, добавленных для определенной позиции и языка.

Добавление элемента. Нажмите на кнопку Добавить элемент (Add item) и заполните все нужные значения полей (нет обязательных полей).

Все элементы одного языка, добавленные в одну и ту же позицию, будут отображаться в виде списка в админ панели и на фронтенде.

• Язык

  выберите нужный язык из выпадающего списка.

• Название

  название элемента.

• Использовать название на фронтенде

  отобразить название элемента на фронтенде (название отобразится перед элементом).

• Хук

  позиция, в которую добавляется элемент.

• Изображение

  загрузить изображение с компьютера.

• Ширина изображения

  ширина изображения, отображаемого на фронтенде.

• Высота изображения

  высота изображения, отображаемого на фронтенде.

• URL

  добавить ссылку (весь блок будет ссылкой).

• Target blank

  открывать ссылку в новой вкладке.

• HTML

  код HTML (кроме ссылки, если Вы ее добавили в поле ссылки) или текст.

• Сохратнить

  нажмите для сохранения элемента.

Изменение и удаление элемента

Когда Вы добавите элемент, он появится в соответствующем списке.

• Язык, для которого были добавлены элементы.
• Позиция, куда были добавлены элементы.
• Изменить кнопку с выпадающим списком.
• Удалить кнопку.

Редактирование

Нажмите на кнопку Изменить (Edit), для того чтобы изменить элемент.

В появившемся измените значения всех обязательных полей.

• Включить

  отображает элемент на сайте.

• Название изображения

  название элемента.

• Использовать название на фронтенде

  отобразить название на фронтенде.

• Хук, в который должно быть добавлено изображение

  позиция элемента.

• Загрузить изображение

  изображение элемента.

• Ширина изображения

  ширина изображения на сайте.

• Высота изображения

  высота изображения на сайте.

• Целевая ссылка

  добавить ссылку в новой элемент.

• Открыть ссылку в новой вкладке/на новой странице

  Открыть ссылку в новой вкладке.

• Дополнительный код HTML

  редактировать код HTML.

• Сохранить

  сохранить изменения.

Изменение порядка элементов в списке

Чтобы изменить порядок элементов, просто перетащите элемент в нужное положение.

С помощью этого модуля Вы можете добавлять товары AJAX на страницы с блоком списка товаров. Функциональность модуля позволяет настраивать автоматическую загрузку товаров при прокрутке или при нажатии кнопки «Показать больше». Кроме того, модуль работает с фильтрами товаров по умолчанию PrestaShop.

Основная панель TM Infinite Scroll

Основная панель. Здесь Вы можете настроить модуль:

Настройки модуля

• Страницы - страницы, на которых модуль должен работать.
• Автозагрузка - если эта настройка включена, товары будут автоматически загружаться при прокрутке. В противном случае, если опция отключена, Вы увидите кнопку «Показать больше», и товары будут загружены, когда Вы нажмете эту кнопку.
• Отступ – эта настройка отображается, если включена 'Автозагрузка'. Эта настройка позволяет определить отступ до области загрузки товара (или после нее - если значение отрицательное).
• Пагинация - эта настройка отображается, когда «Автозагрузка» отключена. Она позволяет добавить нумерацию страниц на страницу товаров.
• Отобразить кнопку 'Показать всё' – эта настройка доступна, только если 'Автозагрузка' отключена. После нажатия на данную кнопку отобразятся все товары.
• Прелоадер - в этом поле Вы можете выбрать изображение прелоадера, которое будет отображаться во время загрузки товаров.

Требования:

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

• PHP 5.4+
• PrestaShop 1.6

Основная панель TM Look Book

На основной странице модуля Вы можете удалить и редактировать коллекции модуля.

Добавление и редактирование коллекции

Коллекции позволяют объединять несколько лукбуков на одной странице. Чтобы добавить коллекцию, выполните следующие шаги.

• В таблице коллекций (основная панель модуля) нажмите на значок "плюс" (1).

  

• Вы увидите форму со следующими полями:

  • Статус (Status) - эта настройка позволяет отключить или включить отображение коллекции на странице коллекций.
  • Название (Name) – название коллекции, которая будет отображаться на странице коллекций.
  • Описание (Description) – описание коллекции.
  • Изображение (Image) – основное изображение коллекции.
  • Шаблон (Template) – шаблон лукбуков этой коллекции. Выбирая шаблон, Вы выбираете способ отображения лукбуков коллекции на странице.

• Заполнив поля, нажмите на кнопку 'Сохранить' (2).

  

• Коллекция создана. Вы можете изменить её, нажав на кнопку 'Редактировать' (3), или вы можете перейти к следующему шагу и создать лукбуки для коллекции.

  

Создание и редактирование лукбуков

• Создав лукбук, нажмите на кнопку 'Посмотреть' (1) рядом с нужной коллекцией.

  

• В отобразившемся блоке нажмите на кнопку '+' (2).

  

• Вы увидите форму со следующими настройками:

  • Статус (Status) – статус лукбука, настройка определяет, будет ли отображаться лукбук.
  • Название (Name) – название лука.
  • Описание (Description) – описание лука.
  • Изображение (Image) - основное изображение лука, здесь Вы можете отметить товары и описания.

• Заполнив все поля, нажмите на кнопку 'Сохранить и остаться' (3), для того чтобы создать хотспоты.

  

Добавление и редактирование хотспотов

Сохранив лукбук, Вы можете добавить хотспоты.

• Нажмите на изображение (в нужной точке) (1) в форме лукбука.

  

• Вы увидите форму со следующими настройками:

  • Тип (Type) – это тип точки, этот параметр имеет два значения 'Товар' и 'Содержимое'. Тип 'Товар' позволяет выбрать товар, который будет прикреплен к точке, а тип 'Содержимое' позволяет добавлять содержимое для этой точки (название, описание, html).
  • Товар (Product) – выбор товара для точки. Этот параметр отображается, если выбран тип 'Товар'.
  • Название (Name) – название, закреплённое за точкой. Это поле доступно, только если выбран тип 'Содержимое'.
  • Описание (Description) – код или описание точки. Этот параметр доступен, только если выбран тип 'Содержимое'.

• Выбрав нужные параметры, нажмите кнопку 'Сохранить' (2), точка доступа будет создана и отображена на странице.

  

Удаление хотспота

• Для того чтобы удалить точку, наведите на неё (1).

  

• Вы увидите кнопку с крестиком, нажмите на неё (2).

  

• Точка удалена.

Изменение позиции хотпоинта

Чтобы изменить положение точки, перетащите её в нужное положение.

Как перейти на страницу коллекций?

Перейдите на страницу главного модуля и нажмите кнопку (1), Вы увидите страницу со всеми коллекциями. Вы можете добавить ссылки на лукбуки в любой модуль, который поддерживает настраиваемый контент.

Чтобы использовать модуль, у Вас должен быть установлен модуль TM Look Book.

TM Look Book Homepage используется для отображения модуля TM Look Book на Домашней странице. Этот модуль позволяет отображать как обложки лукбука, так и его страницы.

Требования:

• PHP 5.4+
• PrestaShop 1.6
• Модуль TM Look Book

Свойства модуля:

• Модуль можно отобразить в двух позициях: displayHome и displayTopColumn.
• TM Look Book Homepage – это дочерний модуль TM Look Book, поэтому его невозможно без него использовать.
• Модуль может отображать обложку лукбука или его страницы.

Основная панель TM Look Book

В основной панели модуля Вы можете добавлять, удалять и редактировать блоки, которые модуль будет отображать на Домашней странице.

Добавление нового блока

• Для того чтобы добавить новый блок, войдите в панель модуля и нажмите на '+' (1) в таблице с нужным хуком.

  

• В появившейся форме настройте следующие параметры:

  • Статус (Status) – статус блока. Эта настройка позволяет включить или отключить отображение блока.
  • Тип (Type) – позволяет выбрать тип блока.
  • Лукбук (Lookbook) – позволяет выбрать ранее выбранный лук.

• Когда Вы указали значения всех настроек, нажмите на кнопку 'Сохранить' (2).

  

После создания нового блока он будет отображаться на Домашней странице.

Этот модуль отображает производителей, доступных в вашем магазине. Список производителей может состоять из изображений и названий. Список также может отображаться как карусель.

Установка и удаление

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройка модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

• Упорядочить по

  Тип упорядочивания элементов блока.

• Отображать название

  показать название производителя.

• Отображать изображение

  показать изображение производителя.

• Количество отображаемых элементов

  введите количество элементов, отображаемых в модуле.

• Тип изображения

  выберите тип изображения (Вы можете выбрать изображение из изображений, относящихся к производителю).

• Использовать карусель

  отображать список в виде карусели.

• * Отображаемые элементы

  количество отображаемых производителей.

• * Прокрутка элементов

  Количество производителей, показанных в одной прокрутке карусели.

• * Ширина слайда

  ширина элемента карусели.

• * Поле слайда

  поле элемента карусели.

• * Автоматическая прокрутка

  прокручивать автоматически.

• * Скорость карусели

  скорость карусели.

• * Пауза

  пауза между прокрутками (если "Автоматическая прокрутка" включена).

• * Случайно

  начало карусели со случайного элемента.

• * Луп карусели

  карусель возвращается к началу, когда все элементы прокручены.

• * Скрыть элементы управления в конце

  скрыть кнопки "Предыдущий"/"Следующий".

• * Пагинация

  отображать пагинацию.

• * Управление

  отображать кнопки "Предыдущий"/"Следующий".

• * Автоматическое управление

  отображать кнопки воспроизведения / паузы.

• * Автоматический ховер

  пауза при ховере элементов карусели.

* - настройки доступны, только если включена карусель.

Задав значения всех настроек, нажмите на кнопку 'Сохранить' (1).

Модуль поддерживает мультимагазин.

Если у Вас на движке prestashop установлена версия 1.n этого модуля, не рекомендуется обновлять модуль до текущей версии. Сначала нужно удалить старую версию модуля, для того чтобы он работал без ошибок.

Этот модуль создан для того, чтобы позволить Вам добавить эффект parallax для элементов DOM страницы. Он позволяет создавать многослойный parallax. Он также даёт возможность добавить пользовательское фоновое видео (Вы можете загрузить его с вашего компьютера на сервер) или добавить видео с YouTube.

Основная панель TM Media Parallax

Основная панель модуля позволяет добавить, изменить или удалить элементы parallax.

Создание нового элемента parallax

Для того чтобы создать новый элемент parallax, нажмите на значок 'плюс' (1), в верхнем правом углу основной панели.

Вы увидите следующую форму.

Настройки формы для добавления эффекта parallax

• Селектор – селектор CSS элемента, к которому применён эффект parallax. Например, '#header .nav'
• Статус элемента – статус элемента (parallax не будет отображаться, если он отключен)
• Скорость – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
• Отступ – отступ основного слоя по оси Y
• Обратно – направление parallax
• Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
• Принудительная полная ширина – принудительная полная ширина блока parallax

Нажмите на кнопку 'Сохранить', заполнив все нужные поля.

Список слоёв Parallax

Для того чтобы посмотреть список слоёв parallax, нажмите на кнопку 'Посмотреть' (1) рядом с основным элементом parallax.

Затем Вы увидите таблицу, в которой слои отображаются после добавления.

Добавление нового слоя

Для того чтобы создать новый слой parallax, нажмите на значок 'плюс' (1) в верхнем правом углу панели слоёв.

Вы увидите следующую форму.

Нажмите на кнопку 'Сохранить' после того как Вы заполните все обязательные поля.

Типы слоёв Parallax и их поля

• Изображение-фон – изображение, которое используется как фон parallax

  • Статус элемента – статус элемента (parallax не будет отображаться, если элемент отключен)
  • Скорость макета – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
  • Отступ – отступ основного слоя по оси Y
  • Обратно – направление parallax
  • Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
  • Изображение – ссылка на изображение, к которому будет применён эффект parallax
  • Порядок отображения – позиция макета относительно остальных элементов

• Видео-фон – видео, которое используется как фон parallax

  • Статус элемента – статус элемента (parallax не будет отображаться, если элемент отключен)
  • Скорость макета – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
  • Отступ – отступ основного слоя по оси Y
  • Обратно – направление parallax
  • Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
  • Изображение – ссылка на изображение, к которому будет применён эффект parallax
  • Рarallax видео mp4 – видео в формате mp4
  • Рarallax видео webm – видео в формате webm
  • Порядок отображения – позиция макета относительно остальных элементов

• Текст – текстов слой, позиция которого задаётся при помощи CSS

  • Статус элемента – статус элемента (parallax не будет отображаться, если элемент отключен)
  • Скорость макета – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
  • Отступ – отступ основного слоя по оси Y
  • Обратно – направление parallax
  • Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
  • Содержимое – содержимое слоя
  • Специфический класс – пользовательский класс CSS для этого слоя
  • Порядок отображения – позиция макета относительно остальных элементов

• Youtube-фон – видео YouTube, которое используется как фон parallax

  • Статус элемента – статус элемента (parallax не будет отображаться, если элемент отключен)
  • Скорость макета – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
  • Отступ – отступ основного слоя по оси Y
  • Обратно – направление parallax
  • Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
  • Идентификатор видео – идентификатор видео YouTube
  • Порядок отображения – позиция макета относительно остальных элементов

• Изображение – слой с изображением, позиция которого определяется при помощи CSS

  • Статус элемента – статус элемента (parallax не будет отображаться, если элемент отключен)
  • Скорость макета – цифровое значение от 0 до 2, которое определяет скорость основного блока parallax
  • Отступ – отступ основного слоя по оси Y
  • Обратно – направление parallax
  • Выцветание - эта настройка позволяет настроить постепенное исчезновение основного блока при прокрутке страницы
  • Изображение – ссылка на изображение, к которому будет применён эффект parallax
  • Рarallax видео mp4 – видео в формате mp4
  • Специфический класс – пользовательский класс CSS для этого слоя
  • Порядок отображения – позиция макета относительно остальных элементов

Загрузка видео и изображений на сервер

Для того чтобы загрузить видео или изображение на сервер при помощи Файлового менеджера, нажмите на значок 'файл' (1) рядом с нужным полем.

В открывшемся окне в строке 'Действия', выберите 'Загрузить' (2).

Затем Вы увидите еще одно всплывающее окно, которое позволяет загрузить изображение или видео.

Предупреждения и рекомендации

• Для мобильных устройств (смартфоны, планшеты) эффект parallax по умолчанию отключен, а верхний слой изображения блока используется вместо этого как фон.
• Принудительная ширина блока parallax больше влияет на скорость загрузки страницы, чем обычная загрузка полноширинного блока.
• Чем меньше размер загружаемого видео, тем лучше..

Этот модуль предназначен для создания пользовательских макетов (пресетов) для хуков и отображения их на сайте вместо позиций по умолчанию. Это преимущество модуля позволяет Вам создавать различные разметки и изменять их в соответствии с вашими потребностями.

Функциональные характеристики и свойства модуля

• Требования:

  • PrestaShop 1.6+

  • PHP 5.4+

• Свойства:

  • Модуль включает 5 хуков: 'Header', 'Top Column', 'Home', 'Footer' и 'Product Footer'.

  • В случае отсутствия модуля в хуке, он не может быть добавлен в пресет.

  • Модуль может отображаться в пресете только один раз, так же, как и хуке.

  • Позиция модуля в разделе 'Модули и службы -> Позиции' не влияет на пресет.

  • Модуль не позволяет Вам настраивать различные модули. Вы не можете установить различные настройки модулей для различных пресетов.

Модуль предоставляет Вам возможность изменить положение модуля и настроить сетку на 3 хука: displayTopColumn, displayHome, displayFooter. Изменение позиций модулей в разделе 'Модули и службы -> Позиции' не повлияет на позиции модулей в пресете. Если модуль не был добавлен в хук, его нельзя добавить в пресет.

Интеграция модуля в шаблон

Если Вы не выполните этот шаг, пресеты не будут отображаться на вашем сайте.

• Верхняя колонка. Для того чтобы добавить пользовательский пресет в хук topColumn выполните следующее:

  • Откройте файл /themes/your_theme/header.tpl для редактирования.
  • Найдите следующий фрагмент кода

    {hook h="displayTopColumn"}

  • Замените его на:

    {assign var='displayMegaTopColumn' value={hook h='tmMegaLayoutTopColumn'}}
    {if $displayMegaTopColumn}
        {hook h='tmMegaLayoutTopColumn'}
    {else}
        {capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
        {if $smarty.capture.displayTopColumn}
            <div id="slider_row" class="row">
                <div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
            </div>
        {/if}
    {/if}

• Домашний. Для того чтобы добавить пользовательский пресет в хук "Домашний", внесите следующие изменения:

  • Откройте файл /themes/your_theme/footer.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_HOME) && $HOOK_HOME|trim}
        <div class="home-column">
            <div class="container">
                {$HOOK_HOME}
            </div>
        </div>
    {/if}

  • И замените его на:

    {assign var='displayMegaHome' value={hook h='tmMegaLayoutHome'}}
    {if $displayMegaHome}
        {hook h='tmMegaLayoutHome'}
    {else}
        {if isset($HOOK_HOME) && $HOOK_HOME|trim}
            {$HOOK_HOME}
        {/if}
    {/if}

• Футер. Для того чтобы добавить пользовательский пресет в хук "Футер", следуйте таким инструкциям:

  • Откройте файл /themes/your_theme/footer.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_FOOTER)}
        <div class="footer-container">
            <footer id="footer"  class="container">
                <div class="row">
                    {$HOOK_FOOTER}
                </div>
            </footer>
        </div>
    {/if}

  • И замените его на:

    {assign var='displayMegaFooter' value={hook h='tmMegaLayoutFooter'}}
    {if isset($HOOK_FOOTER) || $displayMegaFooter}
        <div class="footer-container">
        {if $displayMegaFooter}
             <div id="footer">
                  {$displayMegaFooter}
             </div>
        {else}
            <div id="footer" class="container">
                <div class="row">{$HOOK_FOOTER}</div>
            </div>
        {/if}
        </div>
    {/if}

• Хедер. Для того чтобы добавить пользовательский пресет в хук Header, выполните следующее:

  • Откройте файл /themes/your_theme/header.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {capture name='displayNav'}{hook h='displayNav'}{/capture}
    {if $smarty.capture.displayNav}
    <div class="nav">
      <div class="container">
        <div class="row">
          <nav>{$smarty.capture.displayNav}</nav>
        </div>
      </div>
    </div>
    {/if}
    <div>
      <div class="container">
       <div class="row">
        <div id="header_logo">
          <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
            <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
          </a>
        </div>
        {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
       </div>
     </div>
    </div>

  • Замените его на:

    {assign var='displayMegaHeader' value={hook h='tmMegaLayoutHeader'}}
    {if isset($HOOK_TOP) || $displayMegaHeader}
      {if $displayMegaHeader}
        {$displayMegaHeader}
      {else}
        {capture name='displayNav'}{hook h='displayNav'}{/capture}
        {if $smarty.capture.displayNav}
        <div class="nav">
          <div class="container">
            <div class="row">
              <nav>{$smarty.capture.displayNav}</nav>
            </div>
          </div>
        </div>
        {/if}
        <div>
          <div class="container">
           <div class="row">
            <div id="header_logo">
              <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
                <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
              </a>
            </div>
            {$HOOK_TOP}
           </div>
         </div>
        </div>
      {/if}
    {/if}

• Футер товара. Для того чтобы добавить пользовательский пресет в хук Product footer, выполните следующее:

  • Откройте файл /themes/your_theme/product.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}                                   

  • Замените его на:

    {assign var='displayMegaProductFooter' value={hook h='tmMegaLayoutProductFooter'}}
      {if isset($HOOK_PRODUCT_FOOTER) || $displayMegaFooter}
        {if $displayMegaProductFooter}
          {$displayMegaProductFooter product=$product category=$category}
        {else}
          {$HOOK_PRODUCT_FOOTER}
        {/if}
      {/if}

Хуки

По умолчанию в модуле доступно 5 хуков:

• Хук 'Header' объеденяет 2 стандартных хука: displayNav и displayTop. Этот хук соответствует хедеру сайта.
• 'Top Column' соответствует стандартному хуку displayTopColumn. Этот хук идет сразу после хука Header.
• 'Home' соответствует стандартному хуку displayHome. Этот хук присутствует только на главной странице сайта.
• 'Footer' соответствует стандартному хуку displayFooter.
• 'Product Footer' соответствует стандартному хуку displayFooterProduct, который отображается в футере страницы товара.

Основная панель TM Mega Layout

Основная панель настройки модуля TM Mega Layout позволяет добавить пресет в нужный хук и настроить пресет.

Добавление пресета

• Нажмите на '+ Добавить пресет' (1) в нужной вкладке.

  

• Затем заполните поле 'Введите название макета' в всплывающем окне, введя туда новое название пресета (2) и нажмите на кнопку 'Сохранить' (3).

  

• Пресет успешно создан, теперь он отображается в списке доступных пресетов (4). Созданный пресет доступен для редактирования (5).

  

Активация пресета

• Сначала выберите доступный пресет в списке (1).

  

• Нажмите на кнопку 'Использовать как стандартный' (2).

  

• Пресет активирован. Если Вам нужно отобразить этот пресет только на некоторых страницах, откройте выпадающий список (3) и выберите нужные страницы. Чтобы применить изменения, нажмите вне области списка. Пресет, отображаемый на всех страницах, будет отмечен заполненной звездочкой в списке пресетов, а тот, который отображается только на некоторых страницах, будет отмечен частично заполненной звездочкой.

  

Удаление пресета

После удаления пресет невозможно восстановить.

• Для того чтобы удалить пресет, выберите нужный пресет в списке (1).

  

• Затем нажмите на значок "Корзина" (2) рядом с названием пресета.

  

• Вы успешно удалили пресет.

Переименование пресета

• Для того чтобы переименовать пресет, выберите нужный пресет в списке (1).

  

• Затем нажмите на значок "Карандаш" (2) рядом с названием пресета.

  

• Укажите новое название пресета (3) в всплывающем окне и нажмите на кнопку 'Переименовать макет' (4).

  

• Пресет был успешно переименован.

Обертка

По умолчанию у обертки нет класса, это не обязательный элемент.

Добавление обертки

• Для того чтобы создать обертку, нажмите на '+ Добавить обертку' (1).

  

• Обертка добавлена (2).

  

Добавление пользовательского класса css для обертки

Добавление пользовательского класса позволит Вам создать особые стили для вашей обертки при помощи правил css.

• Для того чтобы добавить класс обертки нажмите на кнопку (1).

  

• Вы увидите всплывающее окно, заполните поле 'Ввести классы обертки' (2) и нажмите на кнопку 'Подтвердить' (3).

  

• Пользовательский класс был успешно добавлен.

Удаление обложки

Удаление элемента пресета приведёт к удалению всех его дочерних элементов и стилей.

• Для того чтобы удалить обертку, нажмите на кнопку "Корзина" (1).

  

• Обертка была успешно удалена.

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

• Для того чтобы добавить пользовательские стили для обложки, нажмите на значок "Карандаш" (1) в блоке обертки.

  

• В всплывающем окне заполните все нужные поля (ознакомьтесь с разделом 'Стили' руководства), и нажмите на кнопку 'Сохранить' (2).

  

• Если все поля заполнены правильно, стили будут сохранены.

Ряд

Элемент "Ряд" сетки Bootstrap. Это обязательный элемент.

Добавление ряда

• Для того чтобы вставить новый блок, нажмите на '+ Добавить ряд' (1) в блоке обложки, или '+ Добавить ряд' (2) в основном блоке пресета, или '+ Добавить ряд' (3) в выпадающем списке колонок.

  

• Ряд был успешно добавлен.

Добавление пользовательского класса css для ряда

Добавление пользовательского класса позволяет создать пользовательские стили ряда, используя правила css.

• Для того чтобы добавить класс для ряда, нажмите на кнопку 'многоточие' (1).

  

• Выберите 'Редактировать ряд' (2) в выпадающем списке.

  

• Заполните поле 'Ввести классы ряда' (3) в всплывающем окне и нажмите на кнопку 'Подтвердить' (4).

  

• Пользовательский класс был успешно добавлен.

Удаление ряда

Удаление пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить ряд, откройте меню (значок 'многоточие') (1) в блоке ряда.

  

• Выберите 'Удалить' (2) в выпадающем списке.

  

• Ряд был успешно удалён.

Добавление стилей в ряд

• Для того чтобы добавить стили ряда, откройте меню (значок 'многоточие') (1) в блоке ряда.

  

• Нажмите на 'Добавить стили' (2) в выпадающем списке.

  

• Вы увидите всплывающее окно, заполните все необходимые поля в этом окне (ознакомьтесь с разделом 'Стили' руководства) и нажмите на кнопку 'Сохранить' (3).

  

• Если все поля заполнены верно, стили будут сохранены.

Колонка

Это элемент с настраиваемой шириной блока для разных размеров экрана на основе сетки Bootstrap.

Добавление колонки

• Для того чтобы добавить колонку в нужный 'ряд', откройте меню (значок 'многоточие') (1).

  

• Выберите '+ Добавить колонку' (2) в списке.

  

• Заполните поля (классы Bootstrap col-xs*, col-sm*, col-md*, col-lg) в всплывающем окне и нажмите на кнопку 'Подтвердить' (3).

  

• Колонка была успешно добавлена.

Удаление колонки

Удаление элемента пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить элемент, откройте меню (значок 'многоточие') (1) в блоке колонки

  

• Нажмите на 'Удалить' (2) в списке.

  

• Колонка и все её дочерние элементы были удалены.

Редактирование колонки

• Для того чтобы изменить колонку, откройте меню (значок 'многоточие') (1) в блоке колонки.

  

• Нажмите на кнопку 'Редактировать колонку' (2) в списке.

  

• Заполните поля (col-xs*, col-sm*, col-md*, col-lg – классы bootstrap) в всплывающем окне и нажмите на кнопку 'Подтвердить' (3).

  

• Колонка была успешно изменена.

Добавление стилей в колонку

• Для того чтобы добавить стили колонки, откройте меню (значок 'многоточие') (1) в блоке колонки.

  

• Нажмите на 'Добавить стили' (2) в списке настроек.

  

• Вы увидите всплывающее окно, заполните все необходимые поля в этом окне (ознакомьтесь с разделом 'Стили' руководства) и нажмите на кнопку 'Сохранить' (3).

  

• Если все поля заполнены правильно, стили будут сохранены.

Модули

Модули, добавленные в хуки.

Добавление модуля

Будьте внимательны при добавлении модулей в пресет, некоторые из модулей желательно использовать, если они не меняют видимый макет, например модуль статистики 'Data mining for statistics'.

• Для того чтобы добавить модуль в пресет в блоке колонки, откройте меню (значок 'многоточие') (1).

  

• Нажмите на '+ Добавить модуль' (2) в списке доступных настроек.

  

• Если нужно, введите пользовательский класс (3) в всплывающем окне и выберите модуль (4), затем нажмите на кнопку 'Подтвердить' (5).

  

• Модуль был успешно добавлен.

Удаление модуля

Удаление элемента пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить модуль, откройте меню (значок 'многоточие') (1) в блоке модуля.

  

• Нажмите на кнопку 'Удалить' (2) в списке доступных настроек.

  

• Модуль удален.

Добавление пользовательского класса в модуль

Добавление пользовательского класса позволяет создать стили модуля, используя правила css.

• Для того чтобы указать пользовательский класс модуля, откройте меню в блоке модуля (значок 'многоточие') (1).

  

• Нажмите на 'Изменить настройки' (2).

  

• Укажите пользовательский класс (3) в всплывающем окне и нажмите на кнопку 'Подтвердить' (4).

  

• Пользовательский класс добавлен.

Логотип, Сообщение об авторских правах

Блоки логотипа и сообщения об авторских правах редактируются так же, как и модули, за исключением того факта, что логотип может быть помещен только в верхний или нижний колонтитул, а блок сообщения об авторских правах может быть размещен только в позиции Footer.

Экспорт пресетов

Инструмент экспорта позволяет Вам экспортировать пресеты для дальнейшего импорта в разные магазины.

• Перейдите на вкладку 'Инструменты' (1) в основной панели настройки.

  

• Выберите 'Экспорт' (2) в форме.

  

• Вы увидите список существующих пресетов в хуках сайта.

  

• Для того чтобы предварительно просмотреть пресет нажмите на кнопку 'Предварительный просмотр макета' (3) рядом с нужным макетом, для того чтобы выполнить экспорт, нажмите на кнопку 'Экспортировать макет' (4).

  

• Затем Вы сможете скачать пресет как zip архив.

Импорт пресета

Инструмент импорта принимает только файлы *.zip пресетов, которые были ранее созданы при помощи Инструмента экспорта модуля.

• Для того чтобы импортировать пресет, откройте вкладку Инструменты (1) и выберите 'Импорт' (2).

  

• Затем нажмите на кнопку Добавить файл (3) и выберите zip файл вашего экспортированного пресета. Если файл архива является экспортированным пресетом, Вы увидите предварительный просмотр пресета.

  

• Если пресет соответствует вашим потребностям, нажмите на кнопку 'Импорт' (4) (Import). Будет выполнен импорт пресета и пресет будет добавлен в список доступных пресетов.

  

Сброс

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

Внимание! После восстановления стандартных пресетов, все пользовательские пресеты будут удалены!

• Для того чтобы сбросить пресеты, перейдите на вкладку 'Инструменты' (1). В открывшемся блоке откройте вкладку 'Настройки' (2).

  

• Нажмите на кнопку 'Сброс'.

  

• Вот и всё! Все пресеты сброшены до начального состояния.

Оптимизация скриптов и стилей

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

Включение оптимизации:

• Для того чтобы включить оптимизацию, откройте вкладку 'Инструменты' (1) и выберите вкладку 'Настройки' (2).

  

• В отобразившемся окне, Вы можете включить оптимизацию (3).

  

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

Стили

• Стили фона. Описание полей:

  

  • background-image (фоновое изображение) – значением является ссылка на изображение. Используется изображение из папки ~/images/cms/.
  • background-color (цвет фона) – значение можно задать в любом формате цвета (rgb, hex и т.д). Вы можете выбрать цвет используя инструмент colorpicker.
  • background-repeat (повторение фона) – все доступные настройки перечислены в виде радиокнопок.
  • background-position (позиция фона) - все доступные настройки перечислены в виде выпадающего списка.
  • background-size (размер фона) - все доступные настройки перечислены в виде выпадающего списка.
  • background-origin (область размещения пользовательского изображения) - все доступные настройки перечислены в виде выпадающего списка.

• Стили границы.

  

  • border-top-style, border-right-style, border-left-style, border-bottom-style - все доступные настройки перечислены в виде выпадающего списка.
  • border-top-width, border-right-width, border-left-width, border-bottom-width – задайте значение в пикселях.
  • border-top-right-radius, border-top-left-radius, border-bottom-right-radius, border-bottom-left-radius - задайте значение в пикселях.
  • border-top-сolor, border-right-color, border-left-color, border-bottom-color – задайте значение в любом формате цвета (rgb, hex и т.д.) Вы можете выбрать цвет, используя инструмент colorpicker.

• Другие стили.

  

  • box-shadow (box shadow) - например:0px 0px 0px 0px rgba(0,0,0,0.75).

Удаление стилей элемента

• Для того чтобы удалить стили элемента, откройте раздел стилей и нажмите на кнопку 'Очистить стили' (1)

  

Предупреждения

Если в блоке элемента модуля появляется следующее сообщение, включите указанный модуль.

Если в блоке элемента модуля появляется следующее сообщение, Вы должны установить указанный модуль.

Если Вы удалите или отключите модуль 'TM Mega Layout', все активные пресеты будут отключены, и Вы увидите позиции (хуки) в их изначальном виде.

Этот модуль предназначен для создания пользовательских макетов (пресетов) для хуков и отображения их на сайте вместо позиций по умолчанию. Это преимущество модуля позволяет Вам создавать различные разметки и изменять их в соответствии с вашими потребностями.

Функциональные характеристики и свойства модуля

• Требования:

  • PrestaShop 1.6+

  • PHP 5.4+

• Свойства:

  • Модуль включает 5 хуков: 'Header', 'Top Column', 'Home', 'Footer' и 'Product Footer'.

  • В случае отсутствия модуля в хуке, он не может быть добавлен в пресет.

  • Модуль может отображаться в пресете только один раз, так же, как и хуке.

  • Позиция модуля в разделе 'Модули и службы -> Позиции' не влияет на пресет.

  • Модуль не позволяет Вам настраивать различные модули. Вы не можете установить различные настройки модулей для различных пресетов.

Модуль предоставляет Вам возможность изменить положение модуля и настроить сетку на 3 хука: displayTopColumn, displayHome, displayFooter. Изменение позиций модулей в разделе 'Модули и службы -> Позиции' не повлияет на позиции модулей в пресете. Если модуль не был добавлен в хук, его нельзя добавить в пресет.

Интеграция модуля в шаблон

Если Вы не выполните этот шаг, пресеты не будут отображаться на вашем сайте.

• Верхняя колонка. Для того чтобы добавить пользовательский пресет в хук topColumn выполните следующее:

  • Откройте файл /themes/your_theme/header.tpl для редактирования.
  • Найдите следующий фрагмент кода

    {hook h="displayTopColumn"}

  • Замените его на:

    {assign var='displayMegaTopColumn' value={hook h='tmMegaLayoutTopColumn'}}
    {if $displayMegaTopColumn}
        {hook h='tmMegaLayoutTopColumn'}
    {else}
        {capture name='displayTopColumn'}{hook h='displayTopColumn'}{/capture}
        {if $smarty.capture.displayTopColumn}
            <div id="slider_row" class="row">
                <div id="top_column" class="center_column col-xs-12 col-sm-12">{$smarty.capture.displayTopColumn}</div>
            </div>
        {/if}
    {/if}

• Домашний. Для того чтобы добавить пользовательский пресет в хук "Домашний", внесите следующие изменения:

  • Откройте файл /themes/your_theme/index.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_HOME_TAB_CONTENT) && $HOOK_HOME_TAB_CONTENT|trim}
      {if isset($HOOK_HOME_TAB) && $HOOK_HOME_TAB|trim}
        <ul id="home-page-tabs" class="nav nav-tabs clearfix">
          {$HOOK_HOME_TAB}
        </ul>
      {/if}
      <div class="tab-content">{$HOOK_HOME_TAB_CONTENT}</div>
    {/if}
    {if isset($HOOK_HOME) && $HOOK_HOME|trim}
      <div class="clearfix">{$HOOK_HOME}</div>
    {/if}

  • И замените его на:

    {assign var='displayMegaHome' value={hook h='tmMegaLayoutHome'}}
    {if $displayMegaHome}
      {hook h='tmMegaLayoutHome'}
    {else}
      {if isset($HOOK_HOME_TAB_CONTENT) && $HOOK_HOME_TAB_CONTENT|trim}
        {if isset($HOOK_HOME_TAB) && $HOOK_HOME_TAB|trim}
          <ul id="home-page-tabs" class="nav nav-tabs clearfix">
            {$HOOK_HOME_TAB}
          </ul>
        {/if}
        <div class="tab-content">{$HOOK_HOME_TAB_CONTENT}</div>
      {/if}
      {if isset($HOOK_HOME) && $HOOK_HOME|trim}
        <div class="clearfix">{$HOOK_HOME}</div>
      {/if}
    {/if}

• Футер. Для того чтобы добавить пользовательский пресет в хук "Футер", следуйте таким инструкциям:

  • Откройте файл /themes/your_theme/footer.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_FOOTER)}
        <div class="footer-container">
            <footer id="footer"  class="container">
                <div class="row">
                    {$HOOK_FOOTER}
                </div>
            </footer>
        </div>
    {/if}

  • И замените его на:

    {assign var='displayMegaFooter' value={hook h='tmMegaLayoutFooter'}}
    {if isset($HOOK_FOOTER) || $displayMegaFooter}
        <div class="footer-container">
        {if $displayMegaFooter}
             <div id="footer">
                  {$displayMegaFooter}
             </div>
        {else}
            <div id="footer" class="container">
                <div class="row">{$HOOK_FOOTER}</div>
            </div>
        {/if}
        </div>
    {/if}

• Header. Для того чтобы добавить пользовательский пресет в хук Header, выполните следующее:

  • Откройте файл /themes/your_theme/header.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {capture name='displayNav'}{hook h='displayNav'}{/capture}
    {if $smarty.capture.displayNav}
    <div class="nav">
      <div class="container">
        <div class="row">
          <nav>{$smarty.capture.displayNav}</nav>
        </div>
      </div>
    </div>
    {/if}
    <div>
      <div class="container">
       <div class="row">
        <div id="header_logo">
          <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
            <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
          </a>
        </div>
        {if isset($HOOK_TOP)}{$HOOK_TOP}{/if}
       </div>
     </div>
    </div>

  • Замените его на:

    {assign var='displayMegaHeader' value={hook h='tmMegaLayoutHeader'}}
    {if isset($HOOK_TOP) || $displayMegaHeader}
      {if $displayMegaHeader}
        {$displayMegaHeader}
      {else}
        {capture name='displayNav'}{hook h='displayNav'}{/capture}
        {if $smarty.capture.displayNav}
        <div class="nav">
          <div class="container">
            <div class="row">
              <nav>{$smarty.capture.displayNav}</nav>
            </div>
          </div>
        </div>
        {/if}
        <div>
          <div class="container">
           <div class="row">
            <div id="header_logo">
              <a href="{if isset($force_ssl) && $force_ssl}{$base_dir_ssl}{else}{$base_dir}{/if}" title="{$shop_name|escape:'html':'UTF-8'}">
                <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>
              </a>
            </div>
            {$HOOK_TOP}
           </div>
         </div>
        </div>
      {/if}
    {/if}

• Футер товара. Для того чтобы добавить пользовательский пресет в хук Product footer, выполните следующее:

  • Откройте файл /themes/your_theme/product.tpl для редактирования.
  • Найдите следующий фрагмент кода:

    {if isset($HOOK_PRODUCT_FOOTER) && $HOOK_PRODUCT_FOOTER}{$HOOK_PRODUCT_FOOTER}{/if}                                   

  • Замените его на:

    {assign var='displayMegaProductFooter' value={hook h='tmMegaLayoutProductFooter'}}
      {if isset($HOOK_PRODUCT_FOOTER) || $displayMegaFooter}
        {if $displayMegaProductFooter}
          {$displayMegaProductFooter product=$product category=$category}
        {else}
          {$HOOK_PRODUCT_FOOTER}
        {/if}
      {/if}

Хуки

По умолчанию в модуле доступно 5 хуков:

• Хук 'Header' объеденяет 2 стандартных хука: displayNav и displayTop. Этот хук соответствует хедеру сайта.
• 'Top Column' соответствует стандартному хуку displayTopColumn. Этот хук идет сразу после хука Header.
• 'Home' соответствует стандартному хуку displayHome. Этот хук присутствует только на главной странице сайта.
• 'Footer' соответствует стандартному хуку displayFooter.
• 'Product Footer' соответствует стандартному хуку displayFooterProduct, который отображается в футере страницы товара.

Основная панель TM Mega Layout

Основные макеты

Основная панель настройки модуля TM Mega Layout позволяет добавить пресет в нужный хук и настроить пресет.

Добавление пресета

• Нажмите на '+ Добавить пресет' (1) в нужной вкладке.

  

• Затем заполните поле 'Введите название макета' в всплывающем окне, введя туда новое название пресета (2) и нажмите на кнопку 'Сохранить' (3).

  

• Пресет успешно создан, теперь он отображается в списке доступных пресетов (4). Созданный пресет доступен для редактирования (5).

  

Активация пресета

• Сначала выберите доступный пресет в списке (1).

  

• Нажмите на кнопку 'Использовать как стандартный' (2).

  

• Пресет активирован. Если Вам нужно отобразить этот пресет только на некоторых страницах, откройте выпадающий список (3) и выберите нужные страницы. Чтобы применить изменения, нажмите вне области списка. Пресет, отображаемый на всех страницах, будет отмечен заполненной звездочкой в списке пресетов, а тот, который отображается только на некоторых страницах, будет отмечен частично заполненной звездочкой.

  

Удаление пресета

После удаления пресет невозможно восстановить.

• Для того чтобы удалить пресет, выберите нужный пресет в списке (1).

  

• Затем нажмите на значок "Корзина" (2) рядом с названием пресета.

  

• Вы успешно удалили пресет.

Переименование пресета

• Для того чтобы переименовать пресет, выберите нужный пресет в списке (1).

  

• Затем нажмите на значок "Карандаш" (2) рядом с названием пресета.

  

• Укажите новое название пресета (3) в всплывающем окне и нажмите на кнопку 'Переименовать макет' (4).

  

• Пресет был успешно переименован.

Обертка

По умолчанию у обертки нет класса, это не обязательный элемент.

Добавление обертки

• Для того чтобы создать обертку, нажмите на '+ Добавить обертку' (1).

  

• Обертка добавлена (2).

  

Добавление пользовательского класса css для обертки

Добавление пользовательского класса позволит Вам создать особые стили для вашей обертки при помощи правил css.

• Для того чтобы добавить класс обертки нажмите на кнопку (1).

  

• Вы увидите всплывающее окно, заполните поле 'Ввести классы обертки' (2) и нажмите на кнопку 'Подтвердить' (3).

  

• Пользовательский класс был успешно добавлен.

Удаление обложки

Удаление элемента пресета приведёт к удалению всех его дочерних элементов и стилей.

• Для того чтобы удалить обертку, нажмите на кнопку "Корзина" (1).

  

• Обертка была успешно удалена.

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

• Для того чтобы добавить пользовательские стили для обложки, нажмите на значок "Карандаш" (1) в блоке обертки.

  

• В всплывающем окне заполните все нужные поля (ознакомьтесь с разделом 'Стили' руководства), и нажмите на кнопку 'Сохранить' (2).

  

• Если все поля заполнены правильно, стили будут сохранены.

Ряд

Элемент "Ряд" сетки Bootstrap. Это обязательный элемент.

Добавление ряда

• Для того чтобы вставить новый блок, нажмите на '+ Добавить ряд' (1) в блоке обложки, или '+ Добавить ряд' (2) в основном блоке пресета, или '+ Добавить ряд' (3) в выпадающем списке колонок.

  

• Ряд был успешно добавлен.

Добавление пользовательского класса css для ряда

Добавление пользовательского класса позволяет создать пользовательские стили ряда, используя правила css.

• Для того чтобы добавить класс для ряда, нажмите на кнопку 'многоточие' (1).

  

• Выберите 'Редактировать ряд' (2) в выпадающем списке.

  

• Заполните поле 'Ввести классы ряда' (3) в всплывающем окне и нажмите на кнопку 'Подтвердить' (4).

  

• Пользовательский класс был успешно добавлен.

Удаление ряда

Удаление пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить ряд, откройте меню (значок 'многоточие') (1) в блоке ряда.

  

• Выберите 'Удалить' (2) в выпадающем списке.

  

• Ряд был успешно удалён.

Добавление стилей в ряд

• Для того чтобы добавить стили ряда, откройте меню (значок 'многоточие') (1) в блоке ряда.

  

• Нажмите на 'Добавить стили' (2) в выпадающем списке.

  

• Вы увидите всплывающее окно, заполните все необходимые поля в этом окне (ознакомьтесь с разделом 'Стили' руководства) и нажмите на кнопку 'Сохранить' (3).

  

• Если все поля заполнены верно, стили будут сохранены.

Колонка

Это элемент с настраиваемой шириной блока для разных размеров экрана на основе сетки Bootstrap.

Добавление колонки

• Для того чтобы добавить колонку в нужный 'ряд', откройте меню (значок 'многоточие') (1).

  

• Выберите '+ Добавить колонку' (2) в списке.

  

• Заполните поля (классы Bootstrap col-xs*, col-sm*, col-md*, col-lg) в всплывающем окне и нажмите на кнопку 'Подтвердить' (3).

  

• Колонка была успешно добавлена.

Удаление колонки

Удаление элемента пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить элемент, откройте меню (значок 'многоточие') (1) в блоке колонки

  

• Нажмите на 'Удалить' (2) в списке.

  

• Колонка и все её дочерние элементы были удалены.

Редактирование колонки

• Для того чтобы изменить колонку, откройте меню (значок 'многоточие') (1) в блоке колонки.

  

• Нажмите на кнопку 'Редактировать колонку' (2) в списке.

  

• Заполните поля (col-xs*, col-sm*, col-md*, col-lg – классы bootstrap) в всплывающем окне и нажмите на кнопку 'Подтвердить' (3).

  

• Колонка была успешно изменена.

Добавление стилей в колонку

• Для того чтобы добавить стили колонки, откройте меню (значок 'многоточие') (1) в блоке колонки.

  

• Нажмите на 'Добавить стили' (2) в списке настроек.

  

• Вы увидите всплывающее окно, заполните все необходимые поля в этом окне (ознакомьтесь с разделом 'Стили' руководства) и нажмите на кнопку 'Сохранить' (3).

  

• Если все поля заполнены правильно, стили будут сохранены.

Модули

Модули, добавленные в хуки.

Добавление модуля

Будьте внимательны при добавлении модулей в пресет, некоторые из модулей желательно использовать, если они не меняют видимый макет, например модуль статистики 'Data mining for statistics'.

• Для того чтобы добавить модуль в пресет в блоке колонки, откройте меню (значок 'многоточие') (1).

  

• Нажмите на '+ Добавить модуль' (2) в списке доступных настроек.

  

• Если нужно, введите пользовательский класс (3) в всплывающем окне и выберите модуль (4), затем нажмите на кнопку 'Подтвердить' (5).

  

• Модуль был успешно добавлен.

• В этой версии TM Mega Layout Вы можете добавить модуль 'Homepage tabs' в хук Home.

  

  Он может также быть настроен как все остальные модули в Mega Layout.

Удаление модуля

Удаление элемента пресета приведёт к удалению всех дочерних элементов и стилей.

• Для того чтобы удалить модуль, откройте меню (значок 'многоточие') (1) в блоке модуля.

  

• Нажмите на кнопку 'Удалить' (2) в списке доступных настроек.

  

• Модуль удален.

Добавление пользовательского класса в модуль

Добавление пользовательского класса позволяет создать стили модуля, используя правила css.

• Для того чтобы указать пользовательский класс модуля, откройте меню в блоке модуля (значок 'многоточие') (1).

  

• Нажмите на 'Изменить настройки' (2).

  

• Укажите пользовательский класс (3) в всплывающем окне и нажмите на кнопку 'Подтвердить' (4).

  

• Пользовательский класс добавлен.

Логотип, Сообщение об авторских правах

Блоки логотипа и сообщения об авторских правах редактируются так же, как и модули, за исключением того факта, что логотип может быть помещен только в верхний или нижний колонтитул, а блок сообщения об авторских правах может быть размещен только в позиции Footer.

Страница товара

Вкладка информации о товаре

При помощи этой вкладки Вы можете переключать макеты страницы товара. Она отобразится в админ панели после того как Вы выполните простые действия, описанные ниже.

Создание макета

Макеты создаются и изменяются вручную.

• Создайте папку 'product_pages' в папке вашего шаблона.

  

• В папке шаблона найдите файл 'product.tpl', скопируйте его в созданную папку 'product_pages' и переименуйте на 'default.tpl'. Для того чтобы создать несколько макетов - дублируйте этот файл, переименуйте его (e.g. 'layout_1.tpl', 'layout_2.tpl') и измените структуру в соответствии с вашими потребностями.
• Создайте файл 'config.json' в этой папке. Скопируйте в него следующий фрагмент кода:

  {
    "default": {
      "name": "Default",
      "preview": "default.jpg",
      "default": 1
    }
  }

  • "default" - название файла.tpl, который содержит структуру страницы товара.
  • "name": "Default" - название макета страницы товара в настройках модуля.
  • "preview": "default.jpg" - картинка предварительного просмотра макета страницы товара в настройках модуля; изображение должно быть размещено в папке 'product_pages'.

  • "default": 1 - задайте значение '1', если макет должен использоваться как макет по умолчанию

    
    

    Один из макетов должен содержать значение '1', для того чтобы использоваться как макет по умолчанию.

  Этот код нужно дублировать для каждого созданного макета. Он должен содержать соответствующие значения. Например:

  {
    "default": {
      "name": "Default",
      "preview": "default.jpg",
      "default": 0
    },
    "layout_1": {
      "name": "Layout 1",
      "preview": "layout_1.jpg",
      "default": 0
    },
    "layout_2": {
      "name": "Layout 2",
      "preview": "layout_2.jpg",
      "default": 1
    }
  }

• Откройте файл 'product.tpl' в папке шаблона. Удалите всё и вставьте следующий код:

  {include file="$tpl_dir./errors.tpl"}
  {if $errors|@count == 0}
    {if isset($megalayoutProductInfoPage) && $megalayoutProductInfoPage}
      {assign var='path' value="./product_pages/`$megalayoutProductInfoPage`"}
      {include file=$path}
    {else}
      {include file='./product_pages/default.tpl'}
    {/if}
  {/if}

• Для того чтобы добавить/изменить стили любого макета страницы товара, перейдите в папку your_theme_folder/css/ и добавьте новую папку 'product_pages'. В этой папке создайте файл с названием макета и расширением .css (например, 'default.css', 'layout_1.css', 'layout_2.css'). Эти файлы должны содержать стили соответствующего макета страницы товара.
• Для того чтобы добавить скрипты к любому макету страницы товара, перейдите в папку your_theme_folder/js/ и добавьте новую папку 'product_pages'. В этой папке создайте файл с названием макета и расширением .js (например, 'default.js', 'layout_1.js', 'layout_2.js'). Эти файлы должны содержать скрипты соответствующего макета страницы товара.

Переключение между макетами

Выберите 'Страница товара' из выпадающего списка (1) и нажмите на вкладку 'Информация о товаре' (2).

В этой вкладке Вы можете переключить макет страницы товара. Изображение макета с серой границей задано как стандартное.

Экспорт пресетов

Инструмент экспорта позволяет Вам экспортировать пресеты для дальнейшего импорта в разные магазины.

• Перейдите на вкладку 'Инструменты' (1) в основной панели настройки.

  

• Выберите 'Экспорт' (2) в форме.

  

• Вы увидите список существующих пресетов в хуках сайта.

  

• Для того чтобы предварительно просмотреть пресет нажмите на кнопку 'Предварительный просмотр макета' (3) рядом с нужным макетом, для того чтобы выполнить экспорт, нажмите на кнопку 'Экспортировать макет' (4).

  

• Затем Вы сможете скачать пресет как zip архив.

Импорт пресета

Инструмент импорта принимает только файлы *.zip пресетов, которые были ранее созданы при помощи Инструмента экспорта модуля.

• Для того чтобы импортировать пресет, откройте вкладку Инструменты (1) и выберите 'Импорт' (2).

  

• Затем нажмите на кнопку Добавить файл (3) и выберите zip файл вашего экспортированного пресета. Если файл архива является экспортированным пресетом, Вы увидите предварительный просмотр пресета.

  

• Если пресет соответствует вашим потребностям, нажмите на кнопку 'Импорт' (4) (Import). Будет выполнен импорт пресета и пресет будет добавлен в список доступных пресетов.

  

Сброс

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

Внимание! После восстановления стандартных пресетов, все пользовательские пресеты будут удалены!

• Для того чтобы сбросить пресеты, перейдите на вкладку 'Инструменты' (1). В открывшемся блоке откройте вкладку 'Настройки' (2).

  

• Нажмите на кнопку 'Сброс'.

  

• Вот и всё! Все пресеты сброшены до начального состояния.

Оптимизация скриптов и стилей

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

Включение оптимизации:

• Для того чтобы включить оптимизацию, откройте вкладку 'Инструменты' (1) и выберите вкладку 'Настройки' (2).

  

• В отобразившемся окне, Вы можете включить оптимизацию (3).

  

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

Стили

• Стили фона. Описание полей:

  

  • background-image (фоновое изображение) – значением является ссылка на изображение. Используется изображение из папки ~/images/cms/.
  • background-color (цвет фона) – значение можно задать в любом формате цвета (rgb, hex и т.д). Вы можете выбрать цвет используя инструмент colorpicker.
  • background-repeat (повторение фона) – все доступные настройки перечислены в виде радиокнопок.
  • background-position (позиция фона) - все доступные настройки перечислены в виде выпадающего списка.
  • background-size (размер фона) - все доступные настройки перечислены в виде выпадающего списка.
  • background-origin (область размещения пользовательского изображения) - все доступные настройки перечислены в виде выпадающего списка.

• Стили границы.

  

  • border-top-style, border-right-style, border-left-style, border-bottom-style - все доступные настройки перечислены в виде выпадающего списка.
  • border-top-width, border-right-width, border-left-width, border-bottom-width – задайте значение в пикселях.
  • border-top-right-radius, border-top-left-radius, border-bottom-right-radius, border-bottom-left-radius - задайте значение в пикселях.
  • border-top-сolor, border-right-color, border-left-color, border-bottom-color – задайте значение в любом формате цвета (rgb, hex и т.д.) Вы можете выбрать цвет, используя инструмент colorpicker.

• Другие стили.

  

  • box-shadow (box shadow) - например:0px 0px 0px 0px rgba(0,0,0,0.75).

Удаление стилей элемента

• Для того чтобы удалить стили элемента, откройте раздел стилей и нажмите на кнопку 'Очистить стили' (1)

  

Предупреждения

Если в блоке элемента модуля появляется следующее сообщение, включите указанный модуль.

Если в блоке элемента модуля появляется следующее сообщение, Вы должны установить указанный модуль.

Если Вы удалите или отключите модуль 'TM Mega Layout', все активные пресеты будут отключены, и Вы увидите позиции (хуки) в их изначальном виде.

Модуль предназначен для создания сложных меню. Модуль обеспечивает возможность отображения одного элемента (без подменю), пункта меню с подменю и пункта меню с подменю с помощью блока с несколькими строками или несколькими столбцами. Модуль может использоваться в разных позициях, но он будет отображать одно и то же содержимое. Доступные позиции: вверху (displayTop), слева (displayLeftColumn), справа (displayRightColumn), футер (displayFooter). Вы можете добавлять категории (с подкатегориями), категории CMS (с подкатегориями), производители (один или список), поставщики (один или список), магазины (если используется мультимагазин), ссылки на любой товар, информационные блоки о товаре, пользовательские ссылки (не ограниченные по количеству), пользовательские блоки HTML (не ограниченные по количеству) и баннеры. Для получения более детальной информации читайте дальше.

TM Mega Menu Tabs

Вкладки TM Mega Menu – это основные вкладки, которые являются частью верхнего меню.

Для того чтобы создать новую вкладку, откройте модуль TM Mega Menu и нажмите на кнопку '+' во вкладке Список вкладок.

В появившейся форме заполните необходимые поля.

• Ввести название вкладки

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

• Активная вкладка

  активная/неактивная вкладка.

• Ссылка

  Ссылка, закреплённая за этой вкладкой. Вы можете ввести пользовательскую ссылку или выбрать существующие настройки (категории, категории CMS). Если оставить поле пустым, ссылка на этой вкладки будет неактивна.

• Порядок отображения

  порядок отображения вкладок.

• Особый класс

  класс, который добавлен для выделения элемента (класс CSS).

• Ввести ярлык вкладки

  заполняется в зависимости от языков магазина.

• Это Mega Menu

  подменю этой вкладки является Mega Menu. *

• Использовать простое меню

  подменю вкладки является простым меню. **

* Это Mega Menu. Если выбрана эта настройка, появится форма для создания сложного меню (Mega Menu).

** Используется простое меню. Если эта настройка выбрана, появится форма для создания простого меню. Это меню отображает выбранное содержимое в одной колонке. Если в меню есть встроенное содержимое, добавится новое содержимое.

Сложное меню состоит из рядов и колонок в рядах.

Ряд является частью структуры Mega Menu. Он включает колонки меню. Вы можете удалить существующий ряд, нажав соответствующую кнопку. Ряд будет удален вместе с содержимым, которое он включает. Количество рядов не ограничено.

Колонка является частью структуры Mega Menu, которая размещается внутри рядов. (Класс) ширина столбца не может быть меньше 2 и более 12. Для правильного отображения меню общая ширина колонки не может превышать 12. Ширина (класс) является колонкой типа Bootstrap и соответствует тем же значениям.

Для того чтобы создать меню, нажмите на кнопку 'Добавить ряд' (Add row).

В появившемся окне нажмите на кнопку 'Добавить колонку' (Add column).

В всплывающем окне Вам нужно указать класс колонки (от 2 до 12). Далее появится сама колонка, для которой необходимо установить обязательные настройки.

Здесь Вы можете изменить класс колонки, класс CSS и содержимое из предоставленного списка. Вы можете добавлять / удалять содержимое, дважды кликнув по нему, или выделив элементы и нажав соответствующую кнопку.

Блок можно удалить, нажав а кнопку 'Удалить блок' (Remove block) в футере блока.

Удалив ряд, Вы также удалите включенные в него колонки.

Чтобы переместить содержимое, доступное в выбранном меню, дважды щелкните или выделите нужное содержимое и нажмите на кнопку.

Информация неактивного меню сохраняется при переключении между типами меню, и Вы всегда можете изменить тип меню.

TM Mega Menu HTML

В этом разделе мы объясним, как создать пользовательский блок HTML в Mega Menu.

Модуль содержит таблицу со списком всех доступных блоков. Вы также можете добавить новый блок, нажав кнопку '+' в верхнем правом углу таблицы.

В появившейся форме заполните необходимые поля.

• Введите название элемента HTML

  Название блока HTML, поле обязательно для заполнения для стандартного языка.

• Особый класс

  CSS класс блока.

• Содержимое HTML

  Содержимое HTML.

Добавленный блок появится в списке блоков, а также в списке доступного содержимого при создании блоков меню.

Ссылки TM Mega Menu

В этом разделе мы покажем, как создавать пользовательские ссылки в Mega Menu.

Модуль содержит таблицу со списком доступных ссылок. Вы также можете добавить новую ссылку, нажав кнопку '+' в верхнем правом углу таблицы.

В появившейся форме заполните необходимые поля.

• Ввести название ссылки

  название ссылки, поле обязательно для заполнения для стандартного языка.

• Введите адрес ссылки

  адрес ссылки, поле обязательно для заполнения для стандартного языка.

• Особый класс

  класс CSS блока.

• Открывать в новом окне

  открыть ссылку в новом окне.

Добавленная ссылка появится в списке ссылок, а также в списке доступного содержимого при создании блоков меню.

Баннеры TM Mega Menu

В этом разделе мы объясним, как создавать баннеры в Mega Menu.

Модуль содержит таблицу со списком доступных баннеров. Вы также можете добавить новый баннер, нажав кнопку '+' в верхнем правом углу.

В появившейся форме заполните необходимые поля.

• Выбор файл

  выбрать файл, поле обязательно для заполнения для стандартного языка.

• Ввести название баннера

  название баннера, поле обязательно для заполнения для стандартного языка.

• Введите адрес ссылки

  адрес ссылки, поле обязательно для заполнения для стандартного языка.

• Особый класс

  класс блока CSS.

• Открывать в новом окне

  открыть ссылку в новом окне.

Добавленный баннер появится в списке баннеров, а также в списке доступного содержимого при создании блоков меню.

Этот модуль позволяет отобразить категории товаров, баннеры, видео (Youtube, Vimeo и пользовательские видео), содержимое HTML, слайдеры с различным количеством слайдов и размерами изображений в любой строке домашней страницы сайта.

Установка и удаление

Этот модуль устанавливается и удаляется так же, как и любой другой модуль PrestaShop.

Настройки модуля

Установив модуль, Вы можете добавить необходимые блоки с товарами категорий, ранее добавленными баннерами, видео и содержимым HTML.

Добавление/удаление/редактирование блоков

Для того чтобы добавить новую категорию, нажмите на кнопку "Добавить новый".

• Выбор категории (Select category) - выберите категорию, в которую Вы хотите добавить товары, баннеры, видео и содержимое HTML .
• Использовать пользовательское название (Use custom name) - пользовательский статус категории.
• Пользовательское название (Custom name) - название категории.
• Статус (Status) - статус элемента.

Для того чтобы добавить новую строку, нажмите на кнопку "Добавить строку". Затем, выберите один из девяти макетов, который отображаются в следующем окне.

Для того чтобы добавить макет, нажмите на один из девяти вариантов, для того чтобы его выбрать, и он будет добавлен в форму.

Для того чтобы добавить элементы, нажмите на одно из окошек макета. Вы увидите пять кнопок, в которых перечислены доступные элементы определённого типа.

Нажав на одну из кнопок, Вы увидите форму, в которой Вы можете выбрать элемент выбранного типа.

Нажав на один из элементов, Вы добавите его в ячейку макета. Таким образом, Вы можете заполнить макет различными блоками.

Сохранив категорию с выбранными макетами, Вы увидите её в форме добавленных категорий.

Для того чтобы удалить элемент, нажмите на кнопку 'Удалить'.

Добавление/удаление/редактирования баннера

Для того чтобы добавить новый баннер, нажмите на кнопку 'Добавить новый баннер'. Затем, заполните нужные поля в открывшейся форме.

• Выбор файла (Select a file) - выберите файл, это поле обязательно для заполнения (по крайней мере, для стандартного языка).
• Название (Title) - название баннера, это поле обязательно для заполнения (по крайней мере, для стандартного языка).
• Url - ссылка, это поле обязательно для заполнения (по крайней мере, для стандартного языка).
• Описание (Description) - описание баннера (по крайней мере, для стандартного языка).
• Особый класс (Specific class) - CSS класс блока.

Добавление/удаление/редактирование видео

Для того чтобы добавить новое видео, нажмите на кнопку 'Добавить новое видео'. Затем, заполните обязательные поля в открывшейся форме.

• Введите название видео (Enter Video name) - название видео, это поле обязательно для заполнения (по крайней мере, для стандартного языка).
• Ссылка/путь видео - ссылка на видео (youtube, vimeo или пользовательское видео), это поле обязательно для заполнения (по крайней мере, для стандартного языка).
• Включить автоматическое воспроизведение (Allow autoplay) - определяет, начинается ли воспроизведение видео автоматически после загрузки плеера.
• Автоматическое воспроизведение (Allow controls) - указывает на то, будут ли отображаться элементы управления плеером.
• Луп - определят, начинается ли воспроизведение видео сначала после окончания воспроизведения.

Для того чтобы добавить пользовательское видео, нажмите на кнопку 'Файл'. Рядом Вы сможете добавить видео при помощи Файлового менеджера.

Добавление/удаление/редактирование содержимого HTML

Для того чтобы добавить новое содержимое HTML, нажмите на кнопку 'Добавить новый HTML'. Затем, заполните обязательные поля в открывшейся форме.

• Введите название элемента HTML (Enter HTML item name) - название содержимого HTML, это поле обязательно для заполнения (по крайней мере для стандартного языка).
• Особый класс (Specific class) - класс CSS блока.
• Содержимое HTML (HTML content) - содержимое.

Добавление/удаление/редактирование слайдера

Для того чтобы добавить новый слайдер, нажмите на кнопку 'Добавить новый слайдер'. Затем, заполните обязательные поля в открывшейся форме.

• Введите название слайдера (Enter Slider item name) - название слайдера, это поле обязательно для заполнения (по крайней мере для стандартного языка).
• Элементы управления (Control) - отобразить/скрыть навигацию слайдера.
• Пагинация (Pager) - отобразить/скрыть пагинацию слайдера.
• Автоматическая прокрутка (Auto scroll) - включает/отключает автоматическое воспроизведение слайдов.
• Особый класс (Specific class) - CSS класс блока.
• Скорость карусели (Carousel speed) - продолжительность перехода слайдов (в мс), это поле обязательно для заполнения.
• Пауза - промежуток времени между переключениями слайдов (в мс), это поле обязательно для заполнения.

Добавление/удаление/редактирование слайдов

Для того чтобы добавить новый слайд, нажмите на кнопку 'Вид' в форме слайдера и нажмите на кнопку 'Добавить новый' в отобразившемся окне. Заполните поля, обязательные для заполнения.

• Тип (Type) - выберите тип слайдера, это поле обязательно для заполнения.
• Список баннеров/видео/Html (Banner/Video/Html list) - выберите элемент ранее выбранного типа, это поле обязательно для заполнения.
• Порядок отображения (Sort order) - расположение слайда.
• Статус элемента (Item status) - статус элемента.

TM MotoPress Slider

Установка модуля

Это модуль предоставляет возможность добавить Слайдер MotoPress на вашу станицу HTML. Он может быть установлен как любой другой модуль PrestaShop:

• Загрузите модуль в папку /modules.

• Откройте Админ панель -> Модули и службы -> Модули и службы (1), найдите модуль (2) и нажмите на кнопку 'Установить' (3).

  

• Успешно установив модуль, Вы увидите меню 'MotoPress Slider' внизу панели (1).
  Нажмите на кнопку 'MotoPress Slider' в этом меню (2).

  

Использование модуля

Добавление/редактирование слайдера

Теперь Вы можете добавить новый слайдер (1) или внести изменения в существующий (2).

Добавление нового слайдера

Нажав на кнопку 'Добавить слайдер', Вы увидите настройку, которая позволяет выбрать, будет ли это 'Пользовательский слайдер' или 'Слайдер товаров'.

Различие между этими двумя типами слайдера следующее: Слайдер товаров отображает товары вашего магазина, а в пользовательский слайдер Вы можете добавить столько слайдов, сколько пожелаете, редактируя их код в соответствии с вашими потребностями.

Настройки для Пользовательского слайдера и Слайдера товаров немного отличаются.
Они будут упомянуты далее.

Настройка модуля

Настройки слайдера

Настройки главного слайдера. Детальное описание настроек находится под скриншотом.

• Название слайдера (Slider title) - название слайдера (например: Slider1); название обязательно, если у Вас есть несколько слайдеров, и Вам нужно их различать.
• Алиас слайдера (Slider alias) - алиас, который будет использован в шорткодах для добавления слайдера (например: slider1); должен быть уникальным.
• Шорткод слайдера (Slider shortcode) - скопируйте этот шорткод и вставьте на вашу страницу.
• Обязательная полная ширина (Force full width) - включите эту настройку, для того чтобы растянуть слайдер на полную ширину.
• Обязательная полная высота (Force full height) - включите эту настройку, чтобы растянуть слайдер на полную высоту.
• Обязательная полноразмерная сетка (Force full size grid) – используется для того, чтобы сетка заняла весь родительский контейнер (но Вам все равно нужно задать ширину и высоту сетки).
• Размер сетки слоёв (Layers grid size) - позволяет установить изначальную ширину и высоту слоёв.
• Включить слайдшоу (Enable slideshow) - включить/отключить слайдшоу.
• Задержка слайдшоу (Slideshow delay) - время отображения слайда на экране; измеряется в миллисекундах.
• Анимационный эффект слайдшоу (Slideshow animation) - выберите анимационный эффект смены слайдов.
• Продолжительность слайдшоу (Slideshow duration) - продолжительность анимационного эффекта в миллисекундах.
• Выцветание слайдшоу (Slideshow easings) - выцветание при переключении слайдов.
• Начать со слайда (Start with slide) - индекс первого слайда.

Элементы управления

Настройки элементов управления переключением слайдов.

• Отображение стрелок (Show arrows) - отобразить/скрыть стрелки.
• Отобразить точки (Show bullets) - отобразить/скрыть точки.
• Отобразить счетчик обратного отсчета слайдшоу (Show slideshow timer) - отобразить/скрыть счетчик обратного отсчета.
• Отобразить кнопку воспроизведения/паузы (Show slideshow play/pause button) – отобразить или скрыть кнопку воспроизведения/паузы.
• Срыть элементы управления когда курсор мышки не на слайдере (Hide controls when mouse leaves slider) – скрыть элементы управления когда мышка не в области слайдера.
• Пауза при ховере (Pause on hover) – позволяет остановить слайдшоу при ховере слайдера.
• Включить обратный порядок слайдов (Reverse order of the slides) – анимировать слайды в обратном порядке.
• Отобразить счётчик (Show counter) – включить отображение количества слайдов.
• Включить свайп (Enable swipe) – включить свайп на дисплее.

Внешний вид

Настройки, которые относятся к отображению слайдера.

• Отображать на (Display on) – хуки, в которых должен отображаться слайдер.
• Видим на (Visible) – минимальное и/или максимальное разрешение экрана, на котором виден слайдер (можно задать, используя пресеты: смартфон / планшет / ПК).
• Задержка инициализации (Initialization delay) – задержка перед инициализацией слайдера (задайте значение в миллисекундах).
• Инициализировать слайдер при прокрутке (Initialize slider on scroll) – укажите, хотите ли Вы инициализировать слайдер при прокрутке.
• Пользовательское имя класса слайдера (Slider custom class name) – имя пользовательского класса, которое используется для слайдера.
• Пользовательские стили слайдера (Slider custom styles) – пользовательские стили css можно добавить прямо в текстовую область.

Содержимое

Это меню отображается только для Слайдера товаров.
Когда он будет настроен, нажмите на кнопку 'Создать' (1).

• Слайд ссылается на страницу товара (Link slides to product page) – включите, если Вы хотите, чтобы после нажатия на слайд мышкой открывалась страница соответствующего товара.
• Открыть в новом окне (Open in new window) – включите эту настройку, для того чтобы открыть страницу товара в новом окне.
• Категории (Categories) – категории товаров, которые будут отображаться в слайдере (Ctrl + нажмите на левую кнопку мышки для выбора нескольких категорий).
• Теги (Tags) – необходимые теги.
• Отображать только товары, которые есть в наличии (Only display in-stock products) – только товары в наличии будут отображаться.
• Отображать только товары на распродаже (Only display on sale products) – отобразятся только товары на распродаже.
• Исключить товары (Exclude products) – добавьте Идентификационные номера товаров, отделённые запятыми.
• Включить товары (Include products) - добавьте Идентификационные номера товаров, отделённые запятыми.
• Количество товаров (Products number) – количество отображаемых товаров.
• Количество первых результатов, которые нужно пропустить (отложенный запуск) (Number of first results to skip (offset)) –количество первых слайдов, которые не будут отображены.
• Упорядочить по (Order by) – упорядочивание, которое будет применено.
• Направление упорядочивания (Order direction) – спадающее или возрастающее направление упорядочивания.

Ниже Вы найдете список товаров, которые будут отображаться в слайдере. Добавив изменения в настройках, нажмите на кнопку 'Предварительно просмотреть товары' (1).

Настроив слайдер, нажмите на кнопку 'Сохранить'.

Добавление/редактирование слайда

Для того чтобы добавить новый слайд, нажмите на кнопку 'Добавить слайд' (1). Для того чтобы изменить существующий слайд, нажмите на кнопку 'Изменить' (2).

Настройки слайда

MotoPress Slider содержит Редактор стилей. Он позволяет настроить слои слайда, их стили и текст, используя область предварительного просмотра. Вам не нужно вручную изменять код или правила CSS.

Выберите слайдер для редактирования и слайд, в который Вы хотите внести изменения.

Общие настройки

Общие настройки слайда включают название слайда и статус.

Цвет

На вкладке 'Цвет' есть два варианта типа цвета фона – фоновый цвет и градиент. Выберите настройку и нужный цвет.

Если Вы выберите градиент, выберите цвет градиента 1,цвет градиента 2 и угол градиента.

Изображение

Фоновое изображение можно добавить из Библиотеки медиафайлов, или используя внешнюю ссылку.

Изображение можно также добавить из локальной папки в Библиотеку медиафайлов. Для того чтобы это сделать, нажмите на кнопку 'Найти' (1).

Затем, выберите 'Загрузить новый' (2) и нажмите на выбранную область или просто перетяните в неё изображения.

Видео

Вы можете добавить видео в слайд. Для того чтобы добавить видео, выберите источники для различных форматов видео и задайте параметры для отображения видео. Вам необходимо загрузить видео в формате MP4, WEBM или OGG и предоставить ссылку на видеофайл во вкладке "Видео".

Вы можете также изменить настройки отображения видео.

Ссылка

Вкладка "Ссылка" позволяет добавить ссылку к вашему слайду, идентификационный номер, класс, название ссылки и отношение:

Отображение

Настройки отображения слайда можно изменить на вкладке "Отображение":

Прочее

Раздел прочее позволяет добавить класс css или идентификационный номер слайда.

Закончив внесение изменений, нажмите на кнопку 'Сохранить слайд'.

Содержимое слайда

Здесь Вы можете добавить текст, изображения, кнопки и видео в каждый слайд.
Раздел разделён на два основных подраздела: 'Настройки слоя' (1) и 'Сортировка слоёв' (2). Над областью 'Настройки слоя' Вы увидите четыре вкладки для добавления нужного содержимого (3). Выбрав, какой элемент Вы хотите добавить, Вы можете перейти к детальной настройке.
Отличным свойством является то, что это содержимое добавляется как индивидуальные слои, так что Вы можете перетянуть их вверх или вниз, для того чтобы задать сортировку в разделе 'Сортировка слоёв' (2).

Слои можно удалить по отдельности (4) или все сразу (5).

Настройки слоя

Добавление текста

Эта вкладка создана для добавления, редактирования и размещения текста в слайде.

• Используя серые кружки, Вы можете быстро задать позицию текста (1).
• Для того чтобы настроить эту позицию, добавьте значения 'X' и 'Y' в пикселях и задайте ширину этого элемента (2).
• Если 'Белое пространство' имеет значение 'Стандартно', текст будет обернут нормально. Если выбрано значение 'Не оборачивать', обертка не будет добавлена (3).
• Во второй колонке Вы можете управлять анимационным эффектом элемента – как, как долго и когда он должен начинаться и завершаться (4) относительно продолжительности отображения слайда (которая отображается ниже для вашего удобства (5); для того чтобы её изменить, перейдите на вкладку Настройки слайдера -> Задержка слайдшоу). Вы можете также предварительно просмотреть анимационный эффект в окне, которое отобразится после нажатия на кнопку 'Редактировать'. Выберите продолжительность, выцветание, анимационный эффект и нажмите на кнопку 'Воспроизвести' для предварительного просмотра слайда. Затем, нажмите на кнопку 'Применить', когда слайд будет соответствовать вашим потребностям.

Настройки, описанные выше одинаковы для элементов, поэтому далее мы рассмотрим только настройки из третьей колонки.

• Текст можно добавить в текстовую область, которая следует далее (6).
• Стиль текста можно выбрать из пресетов в выпадающем списке (7), которые можно изменить, нажав на кнопку 'Редактировать' (8), и отключить, нажав на кнопку 'Удалить' (9). Изменив стиль текста, нажмите на кнопку 'Применить стиль'. Если Вы хотите добавить и сохранить существующий стиль, нажмите на кнопку 'Дублировать', измените и сохраните его. Для того чтобы создать стиль, который будет часто использоваться, с нуля, нажмите на кнопку 'Создать новый пресет' и внесите необходимые изменения.
• Вы можете также добавить пользовательский класс для каждого элемента (10).

Добавление изображения

• Для того чтобы выбрать изображение, нажмите на кнопку 'Выбрать изображение' (1).
• Если Вы хотите добавить ссылку для изображение, добавьте ссылку на целевую страницу в поле 'Ссылка' (2).
• Эта ссылка может открываться в новом окне ('Вкл') или в том же окне ('Выкл') (3).
• Некоторые стили можно также применить к изображениям (например, стили границ) (4).
• Вы можете также добавить пользовательские стили для элемента (5).

Добавление кнопки

Стили кнопки практически такие же, как и стили изображения.

• Добавьте текст кнопки в соответствующее окно (1).
• Добавьте ссылку на целевую страницу в поле 'Ссылка' (2).
• Выберите стиль вашей кнопки или создайте свой стиль (3).

Добавление видео

• Видео можно добавить как ссылку на Youtube или Vimeo, или его можно выбрать из Библиотеки медиафалов (1).
• Добавьте ссылку на видео(2).
• Добавьте ссылку на изображение предварительного просмотра (3).
• Выберите настройки отображения видео (4) и добавьте для него стили (5).

Закончив внесение изменений в ваш слайд, не забудьте нажать на кнопку 'Сохранить слайд' (1), затем нажмите на кнопку 'Закрыть' (2) или перейдите на другой слайд (3).

Импорт и экспорт слайдера

Импорт и экспорт слайдера очень полезны, если Вам нужно переместить слайдер на другой сайт. Вам больше не нужно тратить много времени на повторное создание слайдера. Если Вы разработчик, Вы можете создать слайдеры на вашем сайте, показать их вашим клиентам и импортировать их на сайты клиентов.

Экспорт слайдера

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

• Перейдите в Motopress Slider в вашей админ панели (1, 2).

  

• Нажмите на кнопку 'Экспорт' (3).

  

• Выберите слайдеры, которые Вы хотите экспортировать (4) и нажмите на кнопку 'Экспортировать слайдеры' (5).

  

• Вам будет предложено сохранить экспортированный файл.json на ваш компьютер.

Импорт слайдера

Для того чтобы импортировать Слайдер Motopress следуйте таким инструкциям:

• Перейдите в Motopress Slider в вашей админ панели (1, 2).

  

• Нажмите на кнопку 'Импортировать' (3).

  

• Выберите экспортированный файл.json с вашего компьютера, нажав на кнопку 'Обзор' (4)и нажмите на кнопку 'Импорт' (5).

  

• Настройки слайдера, изображения и другое содержимое слайдера успешно импортировано на ваш сайт.

Модуль отображает уведомление с предложением подписаться на новостную рассылку во всплывающем окне. Проверка электронной почты может быть включена в настройках модуля посредством отправки подтверждения на электронную почту. Вы также можете настроить тайм-аут между напоминаниями для зарегистрированных и незарегистрированных пользователей. Зарегистрированные пользователи могут навсегда отказаться от напоминаний.

Установка/удаление модуля

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройки модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

• «Живой» режим (Live mode) - включить/отключить модуль.
• Вы хотите отправлять подтверждения по электронной почте после подписки? (Would you like to send a verification email after subscription?) - включить/отключить отправку подтверждений по электронной почте.
• Тайм-аут для гостей (Timeout for guests) - установить таймаут для всплывающих напоминаний о подписке для гостей.
• Тайм-аут для клиентов (Timeout for customers) - установить таймаут для всплывающих напоминаний о подписке для клиентов.

Для правильной работы модуля необходимо установить и включить 'Newsletter block'.

Модуль для отображения Olark Chat на фронтенде вашего магазина.

Установка/удаление модуля

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройки модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

Для того чтобы настроить Olark Chat, который Вы можете видеть в Демо-версии шаблона, зарегистрируйтесь на официальном сайте и получите Идентификационный номер для вашего сайта. Введите ваш идентификационный номер в поле "Идентификационный номер сайта Olark" и задайте модуль в настройке "Живой режим". Затем сохраните изменения, нажав на кнопку 'Сохранить' (Save).

Модуль используется для ускорения и упрощения процесса заказа.
Он сокращает процедуру с пяти шагов до одного и делает её более привлекательной для клиентов, которые хотят сэкономить свое время при оформлении заказа.
С помощью этого модуля Вы можете иметь больше спонтанных покупок, которые окажут положительное влияние на ваш бизнес.

Установка

Перейдите на вкладку Модули и настройки -> Модули и настройки (1) в вашей админ панели и найдите модуль TM One Click Order (2). Затем, нажмите на кнопку 'Установить' (3).

Настройка модуля

Успешно установив модуль, Вы увидите страницу 'Настроить' с настройками модуля.
Вы также увидите новый элемент меню 'Быстрые заказы' (1) и в навигационной панели отобразится новый значок (2).

Настройки разделены на три вкладки – Шаблон предварительного заказа (1), Сообщение об успехе предварительного заказа (2) и Настройки (3).

Шаблон предварительного заказа

• Здесь Вы можете добавить новое поле, нажав на соответствующую кнопку (1):

  

  Выберите параметры для нового поля и нажмите на кнопку 'Сохранить' (1):

  

  • Тип (Type) – выберите тип поля.
  • Конкретный класс (Specific class) – добавьте пользовательский класс для текущего поля.
  • Название (Name) – название поля.
  • Описание (Description) – описание поля; отображается под введённой информацией.

• Измените существующее поле.

  

  Нажмите на поле, которое Вы хотите изменить. Настройки те же, что и для добавления нового поля.

• Удаление поля из формы.
  Нажмите на кнопку 'Удалить' (1) в верхнем правом углу поля.

  

Сообщение об успешном предварительном заказе

Вкладка позволяет редактировать сообщение окна уведомления, которое появляется после того, как пользователь нажимает кнопку 'Отправить' в форме быстрого заказа.

Добавьте текст/кнопку, которые Вы хотите отобразить и нажмите на кнопку 'Сохранить' (1).

Настроить

Вкладка позволяет включать или отключать настройку 'Заказ Ajax'.

Эта настройка помогает админу видеть новые быстрые заказы, которые были сделаны, в то время как существующие заказы находятся в обработке.

Если настройка включена, Вы увидите дополнительную настройку 'Таймаут заказа Ajax'.
Значение устанавливается в миллисекундах и означает период времени между каждой проверкой новых быстрых заказов.

Этот параметр позволяет открывать новые предварительные заказы без перезагрузки страницы. Чтобы просмотреть их в списке быстрых заказов, нажмите на ссылку 'Загрузить новые заказы' (1) в меню Заказы -> Быстрые заказы.

Обработка заказа

Перейдите на вкладку Заказы -> Быстрые заказы (1) в вашей админ панели.

В ней есть четыре вкладки - Новые, Созданные, Удалённые и Поиск.

• Новые (New) – новые предварительные заказы, сделанные клиентами.

  Слева есть кнопка создания нового предварительного заказа (1) и список предварительных заказов (2).

  Справа Вы увидите детали предварительного заказа (3), разделённые на вкладки (Информация о предварительном заказе, Клиенты, Языки и валюты, Корзина, Купоны, Адреса, Доставка, Краткие сведения).

  

  Если заказ был только что создан, Вы увидите только три из этих вкладок: Информация о предварительном заказе, Клиент, Языки и валюты.

  

  Когда Вы заполните информацию о клиенте, появятся еще три вкладки - Корзина, Ваучеры и Адреса. Когда будет добавлен адрес, отобразятся вкладки Доставка и Краткие сведения. Вкладки, в которых вся необходимая информация была успешно добавлена, окрашены в зеленый цвет. Для желтых вкладок требуется дополнительная информация о заказе. Синие вкладки информационные, они генерируются автоматически.
  Когда отобразится вкладка Краткие сведения, появится кнопка 'Создать заказ' во вкладке Краткие сведения (1).

  

  Нажав на эту кнопку, Вы переместите предварительный заказ из списка 'Новые' и список предварительных заказов 'Созданные' (1).

  

  Если Вам нужно удалить заказ, в верхнем правом углу появится значок корзины (1).

  Нажмите на этот значок и предварительный заказ будет перемещен на вкладку 'Удалённых' заказов.

• Созданные (Created) – предварительные заказы, которые были обработаны админом.

  Выберите заказ на левой стороне и нажмите на него, чтобы увидеть подробную информацию в правой части страницы.

  Вы можете также нажать на кнопку 'Отобразить', для того чтобы узнать полную информацию о клиенте (1), о заказе (2) и о работнике (3).

  

• Удален (Removed) – предварительные заказы, которые были отменены.

  Предварительный заказ в этой вкладке всё ещё может быть восстановлен нажатием на кнопку '+' (1). Затем, он переместится назад на вкладку 'Новых' предварительных заказов.

  

• Поиск (Search) – поиск предварительного заказа. Начните поиск (по информации клиента, информации работника, идентификатору заказа, идентификатору предварительного заказа); Вы можете также ввести конкретную дату/диапазон дат, когда предварительный заказ был создан.

  

Модуль служит для создания дополнительной вкладки на странице товара для отображения дополнительной информации. Модуль имеет преимущество над существующей функциональностью, благодаря возможности добавления изображений, текста, видео, ссылок и т. д.

Установка и удаление

Модуль устанавливается и удаляется, как и любой другой модуль PrestaShop.

Настройки модуля

После установки модуля Вы можете добавлять новые вкладки для товаров на странице конфигурации модуля, а также на странице редактирования товара.

Добавление вкладок через настройки модуля:

Для того чтобы добавить новую вкладку, нажмите на кнопку 'Добавить новый' (1).

• Добавление вкладки для одного или нескольких товаров ранее выбранной категории.

  

  • (Tab Heading) – название вкладки, обязательное поле.
  • Описание вкладки (Tab Description) - информация о вкладке, может включать данные в формате изображения, текста, видео, ссылки и т. д.
  • Статус (Status) – статус элемента.
  • Дополнительные настройки (Additional settings) - включение/отключение дополнительных настоек.
  • Выбор категории (Select category) - выбор категорий, для которых должна отображаться вкладка.
  • Отображаемые товары (Products to display) - выбор товаров из ранее выбранных категорий.

• Добавление вкладки в товары, относящиеся к выбранным категориям.

  

• Для того чтобы добавить вкладку для всех товаров, отключите настройку 'Дополнительные настройки'.

  

Изменение позиции отображения вкладки

Перетащите нужную вкладку, чтобы изменить ее расположение.

Добавление вкладок через настройки товара:

Перейдите на страницу товара и нажмите на ссылку 'TM Product Custom Tab' в меню слева.

Если 'Дополнительные настройки' отключены, вкладка будет добавлена к товару, который был ранее изменён. Вы также можете добавить вкладку к товарам, относящимся к выбранным категориям, или добавить ее к нескольким товарам, которые принадлежат к ранее выбранной категории.

Чтобы изменить позицию отображения вкладок, перетащите блоки. Вы также можете редактировать или удалять вкладки.

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

Установка и удаление модуля

Модуль может быть установлен и удален как любой другой модуль PrestaShop.

Настройки модуля

Установив модуль, откройте файл product-list.tpl в корневой папке вашего сайта, найдите следующий фрагмент кода:

и замените его на:

    {capture name='displayProductListGallery'}{hook h='displayProductListGallery' product=$product}{/capture}
    {if $smarty.capture.displayProductListGallery}
      {hook h='displayProductListGallery' product=$product}
    {else}
      <a class="product_img_link" href="{$product.link|escape:'html':'UTF-8'}" title="{$product.name|escape:'html':'UTF-8'}" itemprop="url">
      <img class="replace-2x img-responsive" src="{$link->getImageLink($product.link_rewrite, $product.id_image, 'home_default')|escape:'html':'UTF-8'}" alt="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" title="{if !empty($product.legend)}{$product.legend|escape:'html':'UTF-8'}{else}{$product.name|escape:'html':'UTF-8'}{/if}" {if isset($homeSize)} width="{$homeSize.width}" height="{$homeSize.height}"{/if} itemprop="image" />
      </a>
    {/if}

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

Модуль имеет следующие основные настройки:

• Тип (Type) – выберите тип отображения: ролловер или слайд-шоу.

Если Вы выберите ролловер (rollover), выберите анимационный эффект:

• Изменение прозрачности (Opacity slide) – изменяется прозрачность;
• Горизонтально (Horizontal slide) - движение по горизонтали;
• Вертикально (Vertical slide) – движение по вертикали.

Если Вы выберете слайд-шоу (slideshow), будут доступны следующие настройки:

• Отображаемые элементы (Display items) – количество отображаемых элементов;
• Бесконечно (Infinite) – бесконечный показ слайдов;
• Пагинация (Pager) – отображение пагинации в слайд-шоу;
• Элементы управления (Controls) – отображение элементов управления в слайд-шоу;
• Использовать миниатюры (Use thumbnails) – отображение миниатюр слайд-шоу;
• Пагинация (Pager) – отображение пагинации в карусели миниатюр;
• Элементы управления (Controls) – отображение элементов управления в карусели миниатюр;
• Позиция (Position) – вертикальный или горизонтальный режим карусели;
• Центральный режим (Center mode) – центрирование вида карусели миниатюр;
• Отображаемые элементы (Visible items) – количество элементов в ряду;
• Количество прокручиваемых элементов (Items to scroll) – количество прокручиваемых элементов в карусели миниатюр.

Этот модуль позволяет добавить неограниченное количество видеозаписей в любой товар на любом языке и в любом магазине.

Установка и удаление

Модуль устанавливается и удаляется как любой другой модуль PrestaShop. Модуль не имеет страницы настройки и поддерживает мультимагазин.

После установки модуля Вы увидите новую вкладку на странице настройки товара (Каталог -> Товар -> выберите любой товар - TM Product Videos).

Чтобы добавить видео для товара, заполните нужные поля (поле ссылки обязательно для заполнения). Модуль является многоязычным, поэтому Вам необходимо заполнить поля для всех языков, с которыми связано это видео. Если поле «Ссылка» не заполнено для одного из языков, видео не будет добавлено для этого языка. Модуль отображает видео с Youtube и Vimeo, поэтому Вам нужно добавлять ссылки только из этих ресурсов. После внесения изменений нажмите на кнопку 'Сохранить' (Save)/'Сохранить и остаться' (Save and Stay), для того чтобы сохранить изменения.

Примеры ссылок

Для правильного отображения видео ссылки должны иметь следующий формат:

• Youtube

  https://www.youtube.com/embed/K6VcTyaym90

• Vimeo

  http://player.vimeo.com/video/66140585

Если у видео уже есть видеозаписи, связанные с выбранным языком, Вы увидите их список ниже.

Чтобы сохранить, удалить или изменить список, не нужно нажимать на кнопки 'Сохранить' (Save)/'Сохранить и остаться' (Save and Stay). Используйте кнопки, расположенные в видео-блоках. Чтобы изменить порядок видео, используйте способ перетаскивания и измените их позицию. Чтобы включить / отключить видео, нажмите кнопку рядом с ним. Чтобы редактировать видео, заполните поля необходимыми данными и нажмите на кнопку 'Обновить' (Update).

Чтобы удалить видео из списка, нажмите на кнопку 'Удалить видео' (Remove video).

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

Чтобы просмотреть видео в увеличенном формате, нажмите на кнопку 'Масштабирование' (Zoom) под видео.

Этот модуль является альтернативным решением вместо стандартного масштабирования изображения товара на странице одного товара. Он полностью совместим со стандартными дополнительными каруселями миниатюр и изменениями атрибутов товара. Он позволяет выбрать один из трех доступных вариантов (окно / линза / внутренний) для увеличения изображения с помощью дополнительных настроек плагина. Модуль основан на плагине Elevatezoom Plus.

Установка и удаление

Модуль устанавливается и удаляется, как и любой другой модуль Prestashop. После установки модуля стандартный эффект масштабирования товара будет автоматически отключен. После удаления стандартного эффекта модуля необходимо включить его вручную (если необходимо) в разделе Предпочтения -> Товары -> Включить JqZoom вместо Fancybox на странице товара (Preferences -> Products -> Enable JqZoom instead of Fancybox on the product page).

Настройка модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

По умолчанию, страница настроек отображает упрощённый набор настроек.

• Живой режим (Live mode) – модуль включен/отключён.
• Fancybox - показывать ли увеличенное изображение в Fancybox при нажатии.
• Изменить изображение на ховере (Change image on hover) – переключаться на основное изображение при наведении курсором мышки на миниатюру (по умолчанию, задано значение "переключаться при нажатии").
• Адаптивный (Responsive) – позволяет использовать адаптивную функциональность плагина для использования на мобильных устройствах.
• Тип зума (Zoom Type) – выберите режим отображения увеличенного изображения
  • Окно (window) - увеличенное изображение появляется рядом с основным изображением в одном из доступных (16) положений
  • Лупа (lens) - изображение масштабируется в контейнере объектива поверх него
  • Внутренний (inner) - изображение масштабируется внутри основного контейнера изображения, полностью закрывая его.
  Для мобильных устройств (< 768) моментально активируется режим "Лупа".
• Расширенные настройки (Extended settings) – включение расширенных настроек для опытных пользователей. Вы найдёте ссылку на официальную документацию для получения более детальной информации рядом с папаметром.

Расширенная настройка модуля

• Масштабирование при прокрутке (Scroll Zoom) – изменение масштаба при прокрутке мышкой (доступно для всех типов).
• Курсор (Cursor) - тип курсора при наведении на увеличенное изображение. Доступны следующие настройки: по умолчанию, курсор, крестик (доступно для всех типов).
• Настройки масштабирования (Zoom settings) – доступно для всех типов, если 'Масштабирование при прокрутке' включено.

  

  • Уровень масштабирования(Zoom Level) – начальный уровень масштабирования
  • Минимальный уровень масштабирования (Min Zoom Level) – минимальный уровень масштабирования
  • Уровень масштабирования (Max Zoom Level) – максимальный уровень масштабирования
  • Увеличение масштаба при прокрутке (Scroll Zoom Increment) – насколько увеличивается изображение при прокрутке
• Ослабление (Easing) – эффект отображения увеличенного изображения (доступно для всех типов).

  

  • Ослабление при масштабировании (Zoom Easing) - включить/отключить эффект
  • Значение ослабления (Easing Amount) - значение задержки эффекта
• Плавное затухание изображения (Image Crossfade) – основное изображение размыто вне области наведения (лупы) – доступно для окна, лупы.
• Настройки окна увеличенного изображения (Magnified image window settings) – доступно для окна.

  

  • Ширина окна масштабирования (Zoom Window Width) – ширина окна в пикселях
  • Высота окна масштабирования (Zoom Window Height) - высота окна в пикселях
  • Отступ окна масштабирования по оси X (Zoom Window Offset X) – отступ окна по оси X
  • Отступ окна масштабирования по оси Y (Zoom Window Offset Y) – отступ окна по оси Y
  • Позиция окна масштабирования (Zoom Window Position) – выбор позиции окна относительно основного изображения (доступные позиции представлены на изображении под этим полем)
  • Фоновый цвет окна масштабирования (Zoom Window Bg Color) – фоновое изображение окна (только для прозрачных изображений)
  • Постепенное появление окна масштабирования (Zoom Window Fade In) – эффект замедления появления окна
  • Выцветание окна масштабирования (Zoom Window Fade Out) – эффект замедления исчезновения окна
  • Размер границы (Border Size) – ширина границы окна в пикселях
  • Цвет границы (Border Color) – цвет границы окна
• Лупа масштабирования (Zoom Lens) – лупа масштабирования (доступны для окна, лупы).

  

  • Лупа масштабирования - включить/отключить
  • Форма лупы (Lens Shape) – тип лупы. Параметр может иметь следующие значения: круглая/округлённая или квадратная/прямоугольная
  • Цвет лупы (Lens Color) – цвет внутреннего фона лупы
  • Прозрачность лупы (Lens Opacity) – прозрачность внутреннего цвета лупы
  • Размер лупы (Lens Size) – размер лупы в пикселях
  • Постепенное появление лупы (Lens Fade In) – скорость эффекта появления лупы
  • Выцветание лупы (Lens Fade Out) – скорость эффекта исчезновения лупы
  • Граница лупы (Lens Border) – ширина границы лупы
  • Цвет границы лупы (Lens Border Color) – цвет границы лупы
  • Ограничить масштабирование лупы (Contain Lens Zoom) – ограничение перекрытия лупой основного контейнера лупы
• Оттенок (Tint) - Эффект тени на области вне объектива (доступно для окна).

  

  • Оттенок (Tint) - включение/отключение эффекта
  • Цвет оттенка (Tint Color) – цвет внешней области лупы
  • Прозрачность оттенка (Tint Opacity) – прозрачность внешней области лупы
  • Постепенное появление оттенка (Tint Fade In) - скорость эффекта появления
  • Выцветание оттенка (Tint Fade Out) – скорость эффекта исчезновения

Вступление

Модуль создан для работы с интернет-магазинами, особенно с магазинами с большим количеством товаров. Используя этот модуль, Вы можете легко фильтровать свои товары и выполнять различные операции над ними.

Установка и удаление модуля

Модуль устанавливается и удаляется как любой модуль Prestashop.

Удаление или повторная установка модуля не сбрасывает изменения, которые Вы внесли в данный модуль.

Если модуль успешно установлен, перейдите на вкладку Каталог -> TM Products Manager (1), для того чтобы видеть основное меню модуля.

Основное меню модуля разделено на две основные части: 'Выберите раздел' (1) и 'Выберите настройку' (2).

Первая часть создана в форме вкладок - Информация, Цена, Связи и Количество.

• Информация (Information) – вкладка включает информацию о доступности товара и описании.
• Цена (Price) – настройки цены и правил налогов.
• Связи (Associations) – даёт возможность изменить марку, категорию или аксессуары нескольких товаров.
• Количество (Quantity) – изменение количества товара.

• Нажмите на каждую вкладку, чтобы просмотреть доступные параметры в разделе. Они будут описаны далее.
  В каждой настройке есть подсказки – краткое описание, которое появляется справа, когда Вы наведете курсором мышки на настройку (1).

  

• Выберите нужное значение настройки и нажмите на него.

• Следующим шагом является фильтрование товаров. Задайте значение настроек фильтрования в соответствии с вашими потребностями и нажмите на кнопку 'Выбрать' (1). Для того чтобы очистить выбранные фильтры нажмите на кнопку 'Сбросить' (2).

  

  Вы также можете отменить каждый из фильтров после того, как вы их выбрали. Просто нажмите на крестик (1) рядом со значением свойства товара, и оно будет удалено.

  

• Под фильтрами находится список товаров, соответствующих выбранным критериям. Вы можете отредактировать его, если Вам нужно удалить некоторые из товаров из списка. Каждый товар можно удалить отдельно, нажав кнопку 'Удалить из списка' (1). Чтобы удалить все товары из списка, нажмите на кнопки 'Выбрать все' (2) и 'Удалить выбранные' (3). Если Вы отметили большее количество товаров и должны их снять, нажмите кнопку 'Отменить выбор всех' (4).

  

• Когда список выбранных товаров соответствует всем требованиям, нажмите на кнопку 'Обработать' (1).

  

• Задайте настройку/настройки в соответствии с вашими потребностями и нажмите на кнопку 'Сохранить' (1). Если Вы хотите внести больше изменений в список товаров, нажмите на кнопку 'Назад в фильтр' (2).

  Пожалуйста, обратите внимание, что Вы не сможете отменить эти изменения тем же способом.

  

Доступные настройки

Информация

Этот раздел позволяет изменить следующие настройки:

• Включить/отключить товары (Enable/Disable products) - включить/отключите ваш товар.
• Доступно для заказа (Available for order) – сделать товары доступными или недоступными для заказа.

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

• Отобразить цену (Show price) – отобразить или скрыть цену товара.

  Обратите внимание: если Вы зададите для параметра 'Отображать цену' значение 'Нет' для товаров, доступных для заказа, они автоматически станут недоступными.

• Только Online (Online only) – примените значение 'Только Online' для выбранных элементов.
• Состояние (Condition) – измените состояние нескольких товаров.
• Краткое описание (Short description) – добавьте краткое описание, которое будет применено ко всем выбранным товарам.
• Полное описание (Full description) – добавьте описание в выбранные товары с возможностью разместить его перед основным описанием, после его, или замените это описание на новое.
• Тэги (Tags) – добавьте больше тегов в выбранный товар.

Цена

В этом разделе Вы можете изменить настройки, которые качаются цены товара.

• Отобразить "На распродаже" (Display "On sale") – отобразить выбранные элементы с пометкой 'На распродаже'.
• Изменить правила налогов (Change tax rules) – выбрать правила налогов, которые будут применены к нескольким товарам.
• Добавить новую особую цену (Add new specific price) – задать особую цену для выбранных товаров с возможностью добавить период активации цены.

Связи

Здесь Вы можете изменить параметры, связанные с отношениями товаров.

• Изменить марку (Change brand) – изменить марку выбранных элементов.
• Изменить стандартную категорию (Change default category) – выбрать категорию, которая будет стандартной для некоторых товаров.

  Обратите внимание: Вы можете выбрать только категорию по умолчанию. Помните, что ваша стандартная категория будет заменена новой.

• Изменить связанные категории (Change related categories) – задать связанные категории для многих товаров с возможностью сохранить или удалить старые связи.
• Добавить аксессуары (Add accessories) – добавить аксессуары, которые подходят для выбранного товара.

Количество

Эта настройка позволяет задать количество товара или увеличить/уменьшить текущее количество на определенную величину.

• Изменить количество (Change quantity) – задайте нужное количество товаров.

Вступление

Этот модуль служит для создания галерей, основанных на данных о товарах, и отображает их в виде слайдов в интерфейсе веб-сайта. Модуль предоставляет 4 способа отображения галереи с индивидуальными настройками и внешним видом. Каждый метод имеет предопределенную функциональность. Также доступна расширенная настройка. Модуль может отображать неограниченное количество товаров с разнообразной информацией.

Установка и удаление модуля

Если в вашем движке prestashop установлена версия 1.n модуля, не рекомендуется обновлять его до текущей версии. Сначала удалите старую версию модуля, для того чтобы модуль работал без ошибок.

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

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

Добавление / удаление / редактирование слайда

Добавление слайда

Для того чтобы добавить товар в галерею, найдите нужный товар в разделе Каталог -> Товары (Catalog -> Products). Затем, нажмите на кнопку 'Редактировать' (Edit) (1) рядом с нужным товаром.

В появившемся окне для редактирования информации товара перейдите на вкладку TM Products Slider (2) и отметьте (3), что Вы хотите, чтобы товар отображался в слайдере.

Сохраните изменения, нажав на 'Сохранить и остаться' (Save and stay) (4) или 'Сохранить' (Save) (5).

Удаление слайда

Существует два способа удаления слайда.

• Для того чтобы исключить товар из галереи, перейдите к нужному товару в разделе Каталог -> Товары (Catalog -> Products). Затем, нажмите на кнопку 'Редактировать' (Edit) (1) рядом с нужным товаром.

  

  В открывшемся окне редактирования информации о товаре, перейдите на вкладку TM Products Slider (2) и удалите галочку (3), которая значит то, что Вы не хотите, чтобы товары отображались в слайдере:

  

  Сохраните изменения, нажав на кнопку 'Сохранить и остаться' (Save and stay) (4) или 'Сохранить' (Save)(5).

• Второй способ - перейдите на страницу настройки модуля, найдите необходимый товар в Списке слайдов (Slides list) и нажмите на кнопку Удалить (Delete) (1) рядом с ним.

  

  Затем подтвердите удаление.

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

По умолчанию слайды отображаются в том порядке, в котором они были добавлены. Чтобы изменить порядок отображения, перейдите на страницу настройки модуля и перетащите слайд в нужное место в таблице Список слайдов (Slides list).

Отключение слайдов

Кроме того, Вы можете временно отключить слайд (на период времени, когда товара нет в наличии или по какой-либо другой причине), не удаляя его полностью. Для этого перейдите на страницу настройки модуля и поставьте галочку рядом с нужным товаром (если он сейчас активен) или нажмите на крестики (если он неактивен) в таблице Список слайдов (Slides list):

Типы галереи и рекомендуемые настройки

Существует четыре типа отображения галереи (стандартный, список, сетка, полноширинный). Каждый из них может быть настроен независимо, и Вы можете переключаться между ними, если это необходимо.

По умолчанию галерея использует следующие типы изображений товара: large_default - для основного изображения; Medium_default - для миниатюр.

Стандартный

Рекомендованные настройки:

• Размер изображения (px) - 435*435
• Ширина галереи - 1170px
• Высота галереи - 580px
• Расширенные настройки - отключены

Список

Рекомендованные настройки:

• Размер изображения (px) - 435*520
• Ширина галереи - 1170px
• Высота галереи - 520px
• Расширенные настройки - отключены

Сетка

Рекомендованные настройки:

• Размер изображения (px) - 585*750
• Ширина галереи - 1170px
• Высота галереи - 750px
• Расширенные настройки - отключены

Полноширинный

Рекомендованные настройки:

• Размер изображения (px) - 435*435
• Ширина галереи - 1920px
• Высота галереи - 450px
• Расширенные настройки - отключены

Расширенные настройки

Для того чтобы получить доступ к расширенным настройкам, переместите ползунок Расширенные настройки (Extended Settings) в позицию "Да".

• Тип галереи (Gallery Type) – активный тип галереи
• Ширина галереи (Gallery Width) – активная ширина галереи
• Высота галереи (Gallery Height) – активная высота галереи
• Расширенные настройки (Extended Settings) - расширенные настройки; если этот параметр имеет значение "Нет", все дополнительные настройки будут сохранены, и Вы сможете восстановить их в любое время. В то же время, на сайте слайдер будет отображаться как по умолчанию.
• Скорость слайдера (Slider Duration) – скорость смены слайдов
• Использовать навигацию (Use navigation) – отображение кнопок "Предыдущий"/"Следующий" для переключения слайдов
• Использовать миниатюры (Use Thumbnails) – использование миниатюр с дополнительной информацией о слайдах для переключения текущего слайда
• Использовать пагинацию (Use Pagination) – использование пагинации как элемента переключения текущего слайда
• Использовать галерею изображений (Use Image Gallery) - использовать дополнительные изображения товаров внутри слайдов
• Включить автозапуск (Allow autoplay) – включить автоматическое переключение слайдов
• Интервал слайдера (Slider Interval) - промежуток времени, по истечении которого слайд переключается на другой (доступно только, если активна настройка "Включить автозапуск")
• Включить луп (Allow Loop) – включает повторение слайдов сначала после того как все слайды были показаны

После переключения галереи все настройки ранее использовавшейся галереи сохраняются.

После отключения/включения дополнительных настроек настройки сохраняются, и Вы можете вернуться к ним в любое время.

FAQ

Данный модуль разработан для добавления и отображения сопутствующих товаров на странице товара.

Установка модуля

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

Настройки модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

• Отображение цены товара.
• Количество отображаемых товаров.

Вы можете добавлять или удалять сопутствующие товары для основного товара в его настройках на вкладке Каталог -> Товары (Catalog -> Products).

• Перейдите на вкладку TM Related Products;
• В поле поиска товара введите название товара и выберите его из предложенных вариантов;
• Чтобы удалить товар из списка, нажмите X перед ним;
• Когда все изменения настроек внесены, нажмите на кнопку 'Сохранить и остаться' (Save and Stay) или 'Сохранить' (Save).

Этот модуль является расширенной версией поиска, которая позволяет Вам выбрать конкретную категорию для поиска по её содержимому. Вы также можете изменить категорию после определения запроса. Модуль также предоставляет возможность задать дополнительную информацию о товаре (описание / цена / производитель и т. д.) и определить макет контейнера результатов поиска. Например, Вы можете разделить результаты на несколько разделов с помощью элементов управления (пагинация, "Предыдущий"/"Следующий"/"Показать всё"). Все настройки модуля доступны в основной админ панели.

Установка и удаление

Если на вашем движке prestashop установлена версия 1.0.5 этого модуля, не обновляйте ее до текущей. Сначала Вам необходимо удалить старую версию модуля для запуска модуля без ошибок.

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

Настройка модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

• Включить поиск Ajax (Enable Ajax Search) - включает "живой" поиск в выпадающем меню.
• Включить мгновенный поиск (Enable Instant Search) – включает мгновенный поиск.
• Минимальная длина запроса (Minimum query length) - количество символов для начала отображения результата.
• Количество отображаемых результатов (The number of displayed results) – количество отображаемых результатов (количество товаров на странице в режиме "пагинация" или "навигация").
• Отобразить кнопку "Показать всё" (Display "Show All" button) – отображает кнопку 'Показать всё' под разделом результатов, нажатие на неё отображает найденные результаты.
• Отобразить пагинацию (Display pager) – разделяет результаты на страницы (зависит от значения поля 'Количество отображаемых результатов') и отображает ссылки на них.
• Отобразить навигацию (Display navigation) – отображает кнопки "Предыдущий"/"Следующий".
• Расположение навигации - хуки отображения навигации (доступны варианты top/both/bottom).
• Выделять результаты запроса (Highlight query result) – выделяет текст, который соответствует результатам запроса.
• Отображать изображение в поиске Ajax (Display image in Ajax search) - показывает изображения товаров в разделе результатов.
• Отображать описание в поиске Ajax (Display description in Ajax search) - отображает описание товара в разделе результатов.
• Отображать цены в поиске Ajax (Display prices in Ajax search) - отображает цену товара в разделе результатов.
• Отображать ссылку в поиске Ajax (Display reference in Ajax search) - показывает ссылку на товар в разделе результатов.
• Отображать производителя в поиске Ajax (Display manufacturer in Ajax search) - отображает производителя товара в разделе результатов.
• Отображать поставщиков в поиске Ajax - отображает поставщиков товара в разделе результатов.

Некоторые параметры могут отличаться в зависимости от используемой комбинации.

Модуль специально разработан для эффективного отображения вашего содержимого. В нем есть все, что Вам нужно, чтобы продемонстрировать содержимое и сделать профессионально выглядящий слайдер. Модуль имеет множество инструментов настройки, которые делают слайдер легко настраиваемым.

Установка модуля

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

Настройки модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

Чтобы получить необходимые данные для настройки модуля, необходимо создать соответствующее приложение на нужном ресурсе.

Не обязательно одновременно использовать оба варианта входа в систему (Google, Facebook), Вы можете использовать только один из них.

Поля Facebook

• Идентификатор вашего приложения
• Секретный ключ вашего приложения

Поля Google

• Идентификатор вашего приложения
• Секретный ключ вашего приложения
• Путь перенаправления после входа в систему (адрес вашего магазина+index.php?fc=module&module=tmsociallogin&controller=googlelogin)

Поля VK

• Идентификатор вашего приложения
• Секретный ключ вашего приложения
• Путь перенаправления после входа в систему (адрес вашего магазина+index.php?fc=module&module=tmsociallogin&controller=vklogin)

Получите более подробную информацию, перейдя по ссылкам: Facebook App, Google App и VK App.

Путь перенаправления должен быть тем же, что был указан при создании приложения Google или VK.

TM Social Feeds

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

Установка и удаление

Модуль устанавливается и удаляется как любой другой модуль PrestaShop.

Настройка модуля

После установки Вы можете изменить параметры модуля на странице его настройки.

В форме вверху добавьте глобальные настройки для каждой социальной сети. Различные социальные сети имеют разные настройки.

Twitter

Достаточно добавить идентификатор виджета, который можно взять из вашей учетной записи Twitter.

• Добавление блока в позицию

  отображение блока в конкретной позиции.

• Выбор темы

  цветовая схема блока в этой позиции.

• Порядок отображения

  порядок отображения (порядковый номер блока в этой позиции).

• Ширина виджета

  ширина блока в этой позиции.

• Высота виджета

  высота блока в этой позиции.

• Ограничение записей ленты в виджете

  количество записей ленты в виджете.

• Включить хедер

  отображать название блока.

• Включить футер

  отобразить футер блока.

• Включить границу

  отобразить границу блока.

• Отображать ответы

  отображать ответы к записям.

• Отображать прокрутку

  отображать прокрутку блока.

• Отображать фон

  добавить фон блока или оставить его прозрачным.

Facebook

Вставьте полный путь к странице Facebook, с которой будут загружены записи ленты. Страница должна быть общедоступной.

• Добавить блок в позицию

  отобразить в блок в конкретной позиции.

• Порядок отображения

  порядок отображения (порядковый номер блока в этой позиции).

• Ширина виджета

  ширина блока в этой позиции.

• Высота виджета

  высота блока в этой позиции.

• Маленький хедер

  использовать маленький хедер.

• Скрыть обложку

  скрыть обложку в хедере.

• Отобразить лица

  отобразить фотографии пользователей, которым понравилась страница.

• Отобразить записи

  отобразить записи со страницы.

Pinterest

Для Pinterest вставьте полный путь к странице, которая будет загружена.

• Добавление блока в позицию

  отобразить блок в конкретной позиции.

• Порядок отображения

  порядок отображения (порядковый номер блока в этой позиции).

• Ширина виджета

  ширина блока в этой позиции.

• Высота виджета

  высота блока в этой позиции.

• Ширина колонки блока

  ширина колонки блока

Instagram

Настройка социальных виджетов

Тип выборки (Получать записи ленты по (Get Feeds by)): Вы можете установить, загружаются изображения от конкретного пользователя или по тегу.

Тэг (Tag) по которому загружаются изображения.

Имя (Name) пользователя, чьи изображения загружаются.

Настройки виджета Instagram

Во второй части страницы настройки модуля Вы можете добавить требуемый модуль в нужную позицию. Есть 4 позиции. Вы можете добавить настройки блока в каждую позицию. Единственная глобальная настройка - это данные социальных сетей, ленты которых будут загружаться.

• Добавление блока в позицию

  отобразить блок в конкретной позиции.

• Ограничение записей ленты в виджете

  количество записей ленты в виджете.

Модуль поддерживает мультимагазин.