Всем привет! Сегодня хочу описать Вам простой метод при помощи которого вы сможете загружать свои фото в любую написанную вами статью или же в описании товара в уменьшенном размере и увеличивать их при клике, сейчас по умолчанию в opencart такой функции нет и фото отображается именно таким как вы его и загрузили ,ну а если вам нужно загрузить множество фото,то согласитесь это немного не удобно и не красиво будет смотреться.... И так не будем расписывать для чего оно нужно а сразу же приступим к самой настройке.
Открываем файл catalog/view/theme/ТЕМА/template/product/product.tpl находим и удаляем в нем следующий код:
|
1 2 3 4 5 6 |
<script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> |
Далее в файле catalog/view/theme/ТЕМА/template/common/footer.tpl перед самим body и html добавляем:
|
1 2 3 4 5 6 |
<script type="text/javascript"><!-- $('.colorbox').colorbox({ overlayClose: true, opacity: 0.5 }); //--></script> |
Все необходимые нам настройки сделано , теперь приступим именно к самому добавлению нашего фото.
1. Нажимаем в нашем редакторе на выбор и вставку нашего фото ,выбор на сервере и указываем сразу нужный размер нашего уменьшенного фото, далее не закрывая окно нажимаем на вкладку ссылка и указываем ссылку на фото которое должно открываться большим, размер фото не изменяем и нажимаем ок.
2. Нажимаем один раз левой кнопкой мыши на фото в тексте,далее в редакторе выбираем пункт "Вставить/Редактировать ссылку" в отрившемся окне вкладка "Дополнительно" и вписываем в поле "Классы CSS" "colorbox" Все сохраняем.
Теперь наше фото будет увеличиваться при клике в нашем магазине.
Нет комментариев
Вы можете оставить комментарий первым.