Cкрипт перегляду зображень на сайтах – готовий модуль Insales
Попередження!
Внесення змін до шаблону інтернет-магазину InSales слід виконувати лише за наявності достатніх навичок роботи з цією системою. Наша інструкція надана «як є» і ми не можемо нести відповідальності за її неправильне тлумачення чи використання.
Ми надаємо тільки платну технічну підтримку з цього питання та зможемо інтегрувати код у Ваш магазин лише на платній основі
Оформлення зображень товару, мабуть, одне з найвідповідальніших місць магазину. Покупцеві має бути максимально зручно розглянути товар. Давайте спробуємо зробити це максимально лаконічно та ефективно.
Приготування
Для початку подивимось у картку товару та побачимо там html код зображень. Він виглядає приблизно так:
Основне велике зображення та кілька маленьких. На даний момент це виглядає приблизно так:
Не надто круто. Спочатку варто красиво прибрати маленькі зображення.
Скачаємо звідси бібліотеку слайдера та підключимо на сторінці. Крім цього додамо кнопки навігації в html код та трохи стилів.
Подивимося, що вийшло:
Вже набагато краще. Картиночки крутяться і можна подивитися все, але в невеликому розмірі.
Тепер потрібно зробити так, щоб при наведенні на маленьку картинку вона з'являлася замість великої.
Чудово, тепер картинки змінюються. Однак при натисканні все ще відкриває одну картинку на новій станиці. Потрібно щось зробити.
Тепер посилання викликають спливаюче вікно, що промотує зображення. Ось так:
Відмінно, тепер все працює, натискається та перемикається. Ось як виглядає готовий код:
Висновок
Цей мануал для InSales включає лише основний код. Розібратися з ним і впровадити його в магазин зможе досвідченийрозробник. Якщо Ви не готові самостійно займатися змінами шаблонів InSales, а також хочете реалізувати інші ідеї як по цьому модулю, так і загалом за системою InSales, ми будемо готові допомогти Вам в рамках платної підтримки.