Categories

Новые шаблоны

PrestaShop 1.6.x. Как настроить слайдер и баннера вручную с помощью исходных скриптов

Charlotte Bennett Сентябрь 29, 2015
Rating: 5.0. From 4 votes.
Please wait...

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

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

PrestaShop 1.6.x. Как настроить слайдер и баннера вручную с помощью исходных скриптов

  1. Нужные файлы расположены в папке «sources/custom_html» пакета Вашего шаблона.

    Внимание: папка «sources» обычно заархивирована и защищена паролем. Посмотрите эти инструкции по разархивированию шаблона:

  2. Файлы названы по именам модулей, скрипты для которых они содержат. Например,»homeslider.html», «themeconfigurator.html» и так далее.

Настройка слайдера

  1. Найдите модуль “Image slider for your homepage” в секции Модули->Модули (Modules->Modules) («Модули и Services» ( «Modules and Услуги») in PrestaShop 1.6.1) в Вашей админ панели.

  2. Введите ширину слайдера в поле «Максимальная ширина изображения» («Maximum image width»). Вы можете проверить размеры Ваших слайдов в папке «theme/manual_install/your theme/modules/homeslider/images» в пакете Вашего шаблона:

    PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_1

  3. Вы можете либо оставить PrestaShop слайды по умолчанию, либо удалить их и добавить новые изображения под соответствующими именами из папки «theme/manual_install/modules/homeslider/images» в пакете Вашего шаблона:

    PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_2

  4. Скопируйте скрипт из поля «homeslider.html» в поле «Описание» («Description») используя опцию «Исходный код» («Source code»), сначала нажмите кнопку «Ok» затем «Сохранить» («Save»), чтобы сохранить новый слайд:

    PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_3

    PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_4

  5. После чистки кеша браузера обновите страницу.

  6. Выполните ту же процедуру для других слайдов.

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

  1. Обычно баннера в PrestaShop (1.6 version) добавлены с помощью модулей «Theme Configurator» и «TM HTML Content».

  2. Изображения для баннеров расположены в папках «theme/manual_install/your theme/modules/themeconfigurator/img» и «theme/manual_install/your theme/modules/tmhtmlcontent/img» в пакете Вашего шаблона.

    Внимание: Обратите внимание, что не все PrestaShop шаблоны имеют модуль «TM HTML Content» — это зависит от дизайна.

  3. Вы можете удалить существующие баннера из модуля «Theme Configurator» для более удобной работы:

    PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_5

  4. Нажмите кнопку «Добавить» («Add Item») слева и заполните все необходимые поля:

    • Выберите позицию для баннера.

    • Загрузите изображение из папки «theme/manual_install/your theme/modules/themeconfigurator/img» или используйте свое изображение с теми же размерами, чтобы избежать проблем с расположением.

    • Заполните поле URL, так как ховер эффекты не отображаются, если Вы не используете ссылку.

    • Скопируйте код из файла «themeconfigurator.html» в поле «HTML».

    • Нажмите кнопку «Сохранить» («Save»).

    • Повторите процедуру с другими баннерами:

      PrestaShop_1.6_How_to_set_up_the_slider_and_banners_maually_using_the_source_scripts_6

  5. Обновите страницу и проверьте Ваш сайт.

  6. Процедура настройки модуля «TM HTML Content» аналогична настройке модуля «Theme Configurator».

Вам также может понадобиться настроить модуль «TM Media parallax module», чтобы Ваш сайт выглядел также, как демонстрационная версия шаблона на нашем сайте.

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

PrestaShop 1.6.x. Как настроить слайдер и баннера вручную с помощью исходных скриптов

Prestashop Шаблон
Эта запись была размещена в PrestaShop туториалы и помечена как banner, manually, Prestashop, set, slider. Добавьте в закладки постоянную ссылку.

Submit a ticket

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

Чат
We help you to choose the right product.