Установка «Оформление вида опций интернет-магазина»

Введение

Благодарим Вас за покупку товара! Установка займет некоторое время. Пожалуйста, внимательно читайте инструкции и старайтесь поэтапно следовать всем рекомендациям.
Если вы сомневаетесь, что можете самостоятельно произвести установку, то воспользуйтесь дополнительной услугой по установке скрипта на Ваш сайт.


Скрипт «Оформление вида опций интернет-магазина» позволит полностю изменить стандартное оформление опций в вашем интернет-магазине.

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

Первый шаг: загрузка файлов на сайт


Перейдите в Панель управления » Файловый менеджер.
В правом верхнем углу кликните на кнопку "Создать папку", введите название папки js.
Кликните на галочку и ура, мы создали папку с нужным именем!:) Теперь абсолютно идентичным действиям создайте папку, но только с названием css.

Теперь зайдите в папку js и загрузите в эту папку файл "shop-option.js" из архива со скриптом (папка "скрипты").
Далее, перейдите в папку CSS и загрузите в неё файл "shop-option.css", которыq находится в архиве со скриптом (папка "стили").

Второй шаг: установка кода


В панели управления вашего сайта перейдите в "Дизайн" - "Управление дизайном (Шаблоны)" - "Интернет-магазин" - "Страница товара" и вставьте между <head> и </head> следующий код:
<link rel="stylesheet" href="/css/shop-option.css">
Затем перед закрывающим тегом </body> вставьте следующий код:
<script src="/js/shop-option.js"></script>

Третий шаг: настройка


Перейдите в управление опциями товара интернет магазина. Для опции выбора цвета укажите название "Цвет", включите опцию "Использовать изображения", а в вариантах значений перечислите с новой строки названия цветов. Например: Красный, Синий, Черный, Зеленый. Будьте внимательны и постарайтесь не ошибиться в написании названий.
Для других опций ничего особенного настраивать не нужно, кроме включения опции "Использовать изображения".
Если вы хотите использовать какие-то другие значения или названия цветов, их необходимо указывать в файле shop-option.js в конструкции switch:
Для опций с флажками больше 13 пунктов, которые по умолчанию, система формирует в выпадающий список для удобства, если пунктов много, укажите в файле shop-option.js для переменной curIdRadioButton идентификатор элемента, где размещен выпадающий список. Например:
var curIdRadioButton = $('#id-10-oitem-4');

Установка завершена!

Если у вас возникли вопросы по товару или проблема с установкой, то Вы можете связаться с нами по адресу электронной почты support@uscript.pro