Здравствуйте. Помогите сделать всплывающие окна:
1. При нажатии на картинку товара появлялось всплывающее окно с увеличенным размером, а не как сейчас появляется картинка такого же размера.
2. При нажатии на "Добавить в корзину" появлялось всплывающее окно с предложением перейти в корзину или продолжить покупки
3. На каждой странице товара вставить строку "Посмотреть таблицу размеров", при нажатии на которую будет всплывать окно с размерной страницей (она есть на главной)
Аккаунт SL-277656
1
Про Всплывающие Окна
Автор Mari-ina, 20 марта 2014 12:06
Сообщений в теме: 4
#1
Отправлено 20 Март 2014 - 12:06
#2
Отправлено 20 Март 2014 - 21:54
Со вторым пунктом разобралась, а с первым и третьим прошу помощи.
#3
Отправлено 21 Март 2014 - 03:11
номер аккаунта добавьте к себе в профиль.
1.Сама по себе у вас картинка загружена небольшая, попробуйте загрузить большое изображение к товару.
3.можно использовать сл.инструкцию:
http://forum.storela...окно/#entry7911
1.Сама по себе у вас картинка загружена небольшая, попробуйте загрузить большое изображение к товару.
3.можно использовать сл.инструкцию:
http://forum.storela...окно/#entry7911
#4
Отправлено 23 Март 2014 - 20:33
А можно более подробно описать как это привязать к моей странице с размерной таблицей.
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>
Аккаунт SL-277656
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>
Аккаунт SL-277656
#5
Отправлено 23 Март 2014 - 20:51
Mari-ina (23 Март 2014 - 20:33) писал:
А можно более подробно описать как это привязать к моей странице с размерной таблицей.
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>
Аккаунт SL-277656
<a href="#" id="openFlippingBook">Открыть публикацию</a>
<script type="text/javascript">
$('a#openFlippingBook').click(function(e) {
e.preventDefault();
var width = 400;
var height = 80;
var content = '<iframe src="Ссылка на FlippingBook" width="'+width+'" height="'+height+'" align="left">Ваш браузер не поддерживает плавающие фреймы!</iframe>';
$.fn.nyroModalManual({
width: width,
height: height,
content: content,
minWidth: width,
minHeight: height,
gallery: null
});
return(false);
});
</script>
Аккаунт SL-277656
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных