Categories

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

PrestaShop 1.6.x. Как управлять функцией увеличения картинок товаров

Eva Fox Февраль 4, 2015
Rating: 5.0/5. From 2 votes.
Please wait...

Данный туториал покажет, как управлять функцией увеличения картинок товаров.

PrestaShop 1.6.x. Как управлять функцией увеличения картинок товаров

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

  1. Войдите в панель управления PrestaShop.

  2. Перейдите в Preferences -> Images (Настройки -> Изображения):

    PrestaShop 1.6.x. How to manage product images zoom_1

  3. Измените размеры типов thickbox_default и tm_thickbox_default:

    PrestaShop 1.6.x. How to manage product images zoom_2

  4. Как только величины ширины и высоты будут заданы, нажмите кнопку Save (Сохранить):

    PrestaShop 1.6.x. How to manage product images zoom_3

  5. Также, перейдите в нижнюю часть страницы и нажмите Regenerate Images (Регенерировать изображения):

    • Выберите картинки класса Products (Товары) — достаточно регенерировать только их:

      PrestaShop 1.6.x. How to manage product images zoom_4

    • В поле Erase previous images (Удалить старые картинки) выберите — YES (ДА).

    • Нажмите кнопку Regenerate thumbnails (Регенерировать миниатюры):

      PrestaShop 1.6.x. How to manage product images zoom_5

  6. Используя FTP-клиент или контрольную панель управления хостингом, найдите файл themes/themeXXX/js/product.js, где «XXX» означает номер вашей темы.

  7. Выберите опцию Edit file (Редактировать файл) и перейдите к коду:

    if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
    {
    $('.jqzoom').jqzoom({
    zoomType: 'innerzoom', //innerzoom/standard/reverse/drag
    zoomWidth: 458, //zooming div default width(default width value is 200)
    zoomHeight: 458, //zooming div default width(default height value is 200)
    xOffset: 21, //zooming div default offset(default offset value is 10)
    yOffset: 0,
    title: false
    });
    }

    Задайте значения опций zoomWidth и zoomHeight.

    Поменяем 458 на, например, 558 и сохраним изменения.

  8. Очистите кэш PrestaShop и обновите страницу товара, чтобы увидеть изменения.

  9. Внимание: нужно сохранять пропорцию между размерами типов картинок large_default и thickbox_default.

Вы также можете посмотреть детальный видео туториал:

PrestaShop 1.6.x. Как управлять функцией увеличения картинок товаров

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

Submit a ticket

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