Автор Тема: Как поставить fancybox в быстром просмотре товара?  (Прочитано 47 раз)

19 Июня 2016, 03:36:13
  • Фрилансер
  • *
  • Сообщений: 140
  • Репутация: +0/-0
  • Веб-Разработчик (Новичок)
    • Просмотр профиля
    • MoscovLady
Всем привет! Нужно поставить функцию FancyBox в быстром просмотре товара. Как это можно сделать ? А то когда я нажимаю на картинку он делает redirect на подробный просмотр товара..
Начинающий веб-разработчик
19 Июня 2016, 11:18:55
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 85953
  • Репутация: +25399/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В стандарной теме это уже реализовано. Скопируйте функции быстрого просмотра из станданой в вашу тему.
19 Июня 2016, 11:40:21
Ответ #2
  • Фрилансер
  • *
  • Сообщений: 140
  • Репутация: +0/-0
  • Веб-Разработчик (Новичок)
    • Просмотр профиля
    • MoscovLady
В стандарной теме это уже реализовано. Скопируйте функции быстрого просмотра из станданой в вашу тему.
У меня не стандартная тема.
Начинающий веб-разработчик
19 Июня 2016, 11:41:03
Ответ #3
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 85953
  • Репутация: +25399/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Цитировать
Скопируйте функции быстрого просмотра из станданой в вашу тему.
19 Июня 2016, 13:02:32
Ответ #4
  • Фрилансер
  • *
  • Сообщений: 140
  • Репутация: +0/-0
  • Веб-Разработчик (Новичок)
    • Просмотр профиля
    • MoscovLady
Цитировать
Скопируйте функции быстрого просмотра из станданой в вашу тему.
Прощу прощения но как? Я в Javascript 0. У меня только базовые знания HTML/CSS.
Буду рад если дадите подробную инструкцию как это сделать.
Начинающий веб-разработчик
19 Июня 2016, 13:31:57
Ответ #5
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 105576
  • Репутация: +39545/-0
    • Просмотр профиля
    • Webstudio UwK
1. Нужно внести измения в шаблон /themes/ваша тема/product-list.tpl
Добавить ссылку для запуска окна быстрого просмотра (или изменить существующую)
{if isset($quick_view) && $quick_view}
<div class="quick-view-wrapper-mobile">
<a class="quick-view-mobile" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
<i class="icon-eye-open"></i>
</a>
</div>
<a class="quick-view" href="{$product.link|escape:'html':'UTF-8'}" rel="{$product.link|escape:'html':'UTF-8'}">
<span>{l s='Quick view'}</span>
</a>
{/if}

2. Добавить js функцию в /themes/ваша тема/js/global.js
function quick_view()
{
Код фкункции скопируйте из файла /themes/default-bootstrap/js/global.js

3. В файл /themes/ваша тема/css/global.css или /themes/ваша тема/css/product_list.css добавить описание стилей для вида quick_view.
Пример также в файлах стандарной темы product_list.css.
Cоздание интернет сайтов Webstudio UwK
19 Июня 2016, 13:38:04
Ответ #6
  • Фрилансер
  • *
  • Сообщений: 140
  • Репутация: +0/-0
  • Веб-Разработчик (Новичок)
    • Просмотр профиля
    • MoscovLady
Огромное спасибо! Сейчас попробую сделать
Начинающий веб-разработчик