Ответить Новая тема Новый опрос 
Всего: 2 1 2 >
 Fancybox на карточке товара
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


12-04-2015 04:22
Добрый день! Помогите пожалуйста.
Цель: ( см. приложение)отображение на каждом товаре всплывающего окна
Делаю так:
1. Откройте /themes/ваша-тема/js/global.js и после:
Код:
$(document).ready(function(){

добавьте:
Код:
$(\'.fancy\').fancybox();

2. создаю cmc страницу, в ней прописываю
<p><a class="fancy" href="http://мой сайт/img/cms/size.jpg"> <img src="http://мой сайт/img/cms/size.jpg" alt="" /></a></p>
( где size.jpg - нужное мне фото) на странице все отображается.

3. Необходимо чтобы на каждом товаре была возможность "определить свой размер"

И вот дальше- затык. :cray:
Помогите пожалуйста. Как соединить уже готовую страницу cms со всеми карточками товара. Спасибо


Сообщение отредактировано Elena_1 12-04-2015 05:23 ...


Изображения:
121.jpg - Размер файла46.52KB, Скачиваний: 450 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


12-04-2015 09:20
добавить в /themes/ваша-тема/product.tpl:
Код:
<a class="fancy" href="http://мой сайт/img/cms/size.jpg">таблица размеров</a>
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


14-04-2015 02:48
После размещения этого кода , произошло следующее ( см. файл)
и при нажатии на эти ромбы всплывает не маленькое окошечко на фоне карточки товара.
А открывается новое окно в этой же вкладке с картинкой размеров - на всю страницу :confus:


Изображения:
таблица.jpg - Размер файла15.06KB, Скачиваний: 270 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


14-04-2015 09:15
1. Откройте файл /themes/ваш-шаблон/product.tpl в редакторе измените кодировку файла (UTF-8 без BOM).
2. В файл /themes/ваш-шаблон/product.tpl добавьте подобный код:
Код:
<a class="fancy" href="http://домен.ru/img/изображение.">таблица размеров</a>

3. В файл /themes/ваш-шаблон/js/global.js после:
Код:
$(document).ready(function(){

добавьте:
Код:
$('.fancy').fancybox();
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


14-04-2015 15:22
залила чистый global.js и заново код в нем установила.
Спасибо все заработало!!:jump:

Скажите пожалуйста, а почему у меня "таблица размеров" буквы ромбиками показывает?


Изображения:
11.jpg - Размер файла7.08KB, Скачиваний: 289 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


14-04-2015 16:55
Цитата:( Elena_1 @ 14-04-2015 16:22 Смотреть сообщение )
Скажите пожалуйста, а почему у меня "таблица размеров" буквы ромбиками показывает?


Выше уже был дан ответ:
Цитата:( Алекс @ 14-04-2015 10:15 Смотреть сообщение )
1. Откройте файл /themes/ваш-шаблон/product.tpl в редакторе измените кодировку файла (UTF-8 без BOM).

Можно воспользоваться Notepad++ или любым другим текстовым редактором.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


14-04-2015 19:36
Извиняюсь :blus:
Спасибо! за помощь!
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


15-04-2015 20:34
После установки , возник вопрос.
Скажите пожалуйста как поставить " таблица размеров" созданная fancebox в одну линейку с вышестоящими пунктами количество и razmer
И как можно кнопку " в корзину" сделать одной линейкой горизонтальной и соответственно поменьше ?


Изображения:
12.jpg - Размер файла17.19KB, Скачиваний: 286 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


15-04-2015 22:15
Что-бы поставить ссылку посередине используйте для блока:
Код:
text-align: center


Цитата:( Elena_1 @ 15-04-2015 21:34 Смотреть сообщение )
И как можно кнопку " в корзину" сделать одной линейкой горизонтальной и соответственно поменьше ?

Без ссылки на интернет-магазин тяжело понять что уже изменено и какой код затронут.
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Elena_1


Cпециалист
Сообщений: 110
Регистрация: 05-04-2015


15-04-2015 23:09
Что-бы поставить ссылку посередине используйте для блока:
Код:
text-align: center


А можно подробнее. Куда именно эту ссылку разместить? где находится этот блок?


Сообщение отредактировано Elena_1 16-04-2015 00:10 ...
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос 
Всего: 2 1 2 >