Fancybox на статичных страницах... Как? - PrestaShop CMS :: Русская поддержка интернет-магазина PrestaShop

Всего: 4 1 2 3 4 >

Fancybox на статичных страницах... Как?

Dr.Boo
Новичок
: 3
: 25-03-2010

# 1

19-08-2014 12:19

Подскажите, уважаемые, почему не получается вставить картинки в статичные страницы Престы (1.6.0.9) чтобы по клику они всплывали на подобие картинок товара?

И с виде какая-то беда... в визуальном редакторе есть кнопка вставить видео, но куда бы я код ютьба не писал - нифига не выводится...

Может, кто в курсе? Спасибо.

Dr.Boo
Новичок
: 3
: 25-03-2010

# 2

19-08-2014 13:00

С видео разобрался... закомментировать 2 строчки пришлось в classes/Validate.php

Алекс

Администратор
: 4516
: Красноярск
: 29-05-2009

# 3

19-08-2014 13:31

Откройте /themes/ваша-тема/js/global.js и после:

Код:

$(document).ready(function(){

добавьте:

Код:

$('.fancy').fancybox();

на любой странице вставляйте подобный код:

Код:

Оказываю услуги по администрированию интернет-магазина на CMS PrestaShop, написание модулей для PrestaShop. Большой опыт работы с CMS PrestaShop.

Dr.Boo
Новичок
: 3
: 25-03-2010

# 4

19-08-2014 14:27

Спасибо, мил человек -)

Webdev Rk
Новичок
: 24
: 10-04-2015

# 5

10-04-2015 04:10

Доброго времени суток! Будьте добры, т.к. в этом начинаю первые шаги, подскажите пожалуйста, как аналогичным методом организовать
1) ссылку в карточке товара, к примеру "Определить размер", при клике на которую всплывает окно с изображением таблицы размеров;
2) ссылку "Быстрый заказ" со всплывающей формой заказа?
Имеется форма заказа с платежного аггрегатора

Сообщение отредактировано Алекс 10-04-2015 20:58 ...

Алекс

Администратор
: 4516
: Красноярск
: 29-05-2009

# 6

10-04-2015 20:22

Цитата:( Webdev Rk @ 10-04-2015 05:10 Смотреть сообщение )

1) ссылку в карточке товара, к примеру "Определить размер", при клике на которую всплывает окно с изображением таблицы размеров;

Код:

<a class="quick-view" href="#" rel="ссылка на необходимую страницу">таблица размеров</a>

Цитата:( Webdev Rk @ 10-04-2015 05:10 Смотреть сообщение )

2) ссылку "Быстрый заказ" со всплывающей формой заказа?

Откройте файл /themes/тема/js/global.js и добавьте:

Код:

$(document).ready(function() {
    $(".fancybox").fancybox({
        maxWidth    : 800,
        maxHeight    : 600,
        width        : '70%',
        height        : '70%',
        autoSize    : false,
        closeClick    : false,
    });
});

использовать:

Код:

<a class="fancybox" data-fancybox-type="iframe" href="ссылка на форму">оформить заказ</a>

Elena_1

Cпециалист
: 110
: 05-04-2015

# 7

10-04-2015 21:00

Я так пробую делать, может как то не так ссылку вставляю ( в формате http:// ?) в результате при нажатии на "таблица размеров" появляется фото того же товара на котором я нахожусь, а не другое фото которое я прописала в коде в описании товара.

Elena_1

Cпециалист
: 110
: 05-04-2015

# 8

10-04-2015 21:02

Цитата:( Алекс @ 10-04-2015 21:22 Смотреть сообщение )

использовать:

Код:

<a class="fancybox" data-fancybox-type="iframe" href="ссылка на форму">оформить заказ</a>

Скажите пожалуйста, а где это использовать?

Webdev Rk
Новичок
: 24
: 10-04-2015

# 9

11-04-2015 01:15

Цитата:( Алекс @ 19-08-2014 14:31 Смотреть сообщение )

Откройте /themes/ваша-тема/js/global.js и после:

Код:

$(document).ready(function(){

добавьте:

Код:

$(\'.fancy\').fancybox();

на любой странице вставляйте подобный код:

Код:

Спасибо Вам за помощь! Первый вопрос решил с Вашей помощью вставив картинку с таблицей размеров:
в файле: мой сайт\\themes\\моя тема\\product.tpl, в строке 374 вставил код:
<a href=\"/img/cms/Size.jpg\" class=\"fancy\"><h4>Определить свой размер<h4></a>
и вот что получилось.
Со вторым вопросом пока не могу справиться...

p.s. кому-то пригодится, используйте

Сообщение отредактировано Webdev Rk 11-04-2015 02:18 ...

Elena_1

Cпециалист
: 110
: 05-04-2015

# 10

11-04-2015 03:31

Скажите пожалуйста, почему не открывается файл global.js - показывает ошибку. См. файл

Всего: 4 1 2 3 4 >