Перейти к содержимому


Всплывающее Окно

Автор demon408, 28 марта 2013 14:03

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 12

#1 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 28 Март 2013 - 14:03

Здравствуйте
В каталоге товаров при нажатии на кнопку "Добавить в корзину" всплывает окошко с двумя вариантами - "Перейти в корзину" и "Продолжить покупки". А на странице товара при нажатии на ту же кнопку товар сразу добавляется в корзину. Подскажите, пожалуйста, как сделать на странице товара такое же всплывающее окно. Шаблон старый, магазин SL-138181

#2 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 28 Март 2013 - 14:17

Можно немного изменить скрипт.

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:
<button type="button" title="Положить в корзину" class="button" onclick="$('.goodsDataForm').submit();"><span><span>Добавить в корзину</span></span></button>
Заменить:
<button type="button" title="Положить в корзину" class="button" onclick="$('.goodsDataForm').submit();return false;"><span><span>Добавить в корзину</span></span></button>

Прикрепленные изображения

  • ScreenShot 543.png

#3 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 28 Март 2013 - 14:28

Неа, все равно сразу добавляется в корзину

#4 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 28 Март 2013 - 15:17

Просмотр сообщенияdemon408 (28 Март 2013 - 14:28) писал:

Неа, все равно сразу добавляется в корзину
Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:
<button type="button" title="Положить в корзину" class="button" onclick="$('.goodsDataForm').submit();return false;"><span><span>Добавить в корзину</span></span></button>
Заменить:
<button type="button" title="Положить в корзину" class="button btn-cart" onclick="$('.goodsDataForm').submit();return false;"><span><span>Добавить в корзину</span></span></button>

#5 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 28 Март 2013 - 15:22

Тоже нет))

#6 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 28 Март 2013 - 20:13

Неужели нельзя это реализовать???

#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 29 Март 2013 - 02:38

Вам необходимо в файле main.js найти

$('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm')

и заменить на

$('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm, .btn-cart')

#8 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 29 Март 2013 - 11:10

Все равно не работает
Безымянный.png

#9 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 30 Март 2013 - 01:15

Вероятно проблема связана с тем что в кнопке прописан onclick на форму.

В связи с этим попробуйте заменить

$('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm, .btn-cart')

на

$('.goodsListItemCatalogueAddToCartButton, .goodsToCartFromCompareForm, .goodsDataForm')

Данное изменение должно помочь.

#10 demon408

demon408

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 97 сообщений

Отправлено 30 Март 2013 - 11:52

Спасибо, заработало))

#11 Evgen777

Evgen777

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 29 Декабрь 2013 - 21:11

А у меня не работает вообще никак.........=(
Весь форум перерыл, всё перепробовал и не работает
http://af-shop.ru/
тема техника или механика, забыл уже)

#12 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 31 Декабрь 2013 - 00:04

Найдите в файле main.js код

//Адаптивное меню
$(document).ready(function(){
 
  });
	var mainMenu = $('.menu_main .menu_main');
	$("body").addClass("js"); 
	mainMenu.find("li:has(ul)").addClass("menu_parent"); 
   
	mainMenu.find("li").unbind('mouseout', mouseOut);
	mainMenu.find("li").unbind('mouseover', mouseOver);
   
   
	if ( $(window).width() > 767) { 
	  
		if (mainMenu.find('li').hasClass('open')){
		mainMenu.find('li.open > ul').addClass("desctop_open");}
		mainMenu.find("li").bind('mouseover', mouseOver);
		mainMenu.find("li").bind('mouseout', mouseOut);
	}
	if ( $(window).width() <= 767) {
	 
	  if ($('li').hasClass('open')){
		$('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		$('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	  
	   mainMenu.find("li.open > ul").addClass("mobile_open");
		mainMenu.find("li.open > span").addClass("menu_parent_exp");	 
	 $('.menu_main  ul:first').addClass("mobile_open");
		$('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	  }
	$(".link_nav").click(
	  function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	  parent.removeClass("mobile_open");
	 } else {
	  parent.addClass("mobile_open");
	 }
		$(this).toggleClass("menu_parent_exp");
		  return false;
	  }
	);   
	$(".menu_parent > span").click(
	   function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	  parent.removeClass("mobile_open");
		  $(this).removeClass("menu_parent_exp");
	 } else {
	  parent.addClass("mobile_open");
		  $(this).addClass("menu_parent_exp");
	 }
	  }
	);
	}
var resizeTimer;
  $(window).resize(function() {
	  clearTimeout(resizeTimer);
	  resizeTimer = setTimeout(window_resize, 100);
  });  
 
  function mouseOut() {
	if (!$(this).hasClass('open')){
		$(this).find("> ul").css({'display': '',  'position':''});
	}
  }
  function mouseOver() {
	if (!$(this).hasClass('open')){
	  $(this).find("> ul").css({'display': 'block',  'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px',  'z-index': '10000'});
	}
  }
  function window_resize() {
	var mainMenu = $('.menu_main .menu_main');
	$("body").addClass("js"); 
	mainMenu.find("li:has(ul)").addClass("menu_parent"); 
   
	mainMenu.find("li").unbind('mouseout', mouseOut);
	mainMenu.find("li").unbind('mouseover', mouseOver);
	$(".link_nav").unbind("click");
	$(".link_nav > ul").unbind("click");
	$(".menu_parent > span").unbind("click");
   
	if ( $(window).width() > 767) { 
	   
		if (mainMenu.find('li').hasClass('open')){
		mainMenu.find('li.open > ul').addClass("desctop_open");}
		mainMenu.find("li").bind('mouseover', mouseOver);
		mainMenu.find("li").bind('mouseout', mouseOut);
	}
   if ( $(window).width() <= 767) {
	   
		mainMenu.find("li").unbind('mouseout', mouseOut);
		mainMenu.find("li").unbind('mouseover', mouseOver);
	   
	   if ($('li').hasClass('open')){
		$('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	   mainMenu.find("li.open > ul").addClass("mobile_open");
		mainMenu.find("li.open > span").addClass("menu_parent_exp");	 
	 $('.menu_main  ul:first').addClass("mobile_open");
		$('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	  }
	 
	 
	$(".link_nav").click(
	   function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	  parent.removeClass("mobile_open");
	 } else {
	  parent.addClass("mobile_open");
	 }
		$(this).toggleClass("menu_parent_exp");
		  return false;
	  }
	);   
	$(".menu_parent > span").click(
		function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	  parent.removeClass("mobile_open");
		  $(this).removeClass("menu_parent_exp");
	 } else {
	  parent.addClass("mobile_open");
		  $(this).addClass("menu_parent_exp");
	 }
	  }
	);
	}
  }
 
// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.

и замените его на

//Адаптивное меню
$(document).ready(function(){
	var mainMenu = $('.menu_main .menu_main');
	$("body").addClass("js"); 
	mainMenu.find("li:has(ul)").addClass("menu_parent"); 
   
	mainMenu.find("li").unbind('mouseout', mouseOut);
	mainMenu.find("li").unbind('mouseover', mouseOver);
   
   
	if ( $(window).width() > 767) { 
	  
		if (mainMenu.find('li').hasClass('open')){
		mainMenu.find('li.open > ul').addClass("desctop_open");}
		mainMenu.find("li").bind('mouseover', mouseOver);
		mainMenu.find("li").bind('mouseout', mouseOut);
	}
	if ( $(window).width() <= 767) {
	 
	  if ($('li').hasClass('open')){
		$('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		$('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	  
	   mainMenu.find("li.open > ul").addClass("mobile_open");
		mainMenu.find("li.open > span").addClass("menu_parent_exp");	 
	 $('.menu_main  ul:first').addClass("mobile_open");
		$('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	  }
	$(".link_nav").click(
	  function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	  parent.removeClass("mobile_open");
	 } else {
	  parent.addClass("mobile_open");
	 }
		$(this).toggleClass("menu_parent_exp");
		  return false;
	  }
	);   
	$(".menu_parent > span").click(
	   function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	  parent.removeClass("mobile_open");
		  $(this).removeClass("menu_parent_exp");
	 } else {
	  parent.addClass("mobile_open");
		  $(this).addClass("menu_parent_exp");
	 }
	  }
	);
	}
var resizeTimer;
  $(window).resize(function() {
	  clearTimeout(resizeTimer);
	  resizeTimer = setTimeout(window_resize, 100);
  });  
 
  function mouseOut() {
	if (!$(this).hasClass('open')){
		$(this).find("> ul").css({'display': '',  'position':''});
	}
  }
  function mouseOver() {
	if (!$(this).hasClass('open')){
	  $(this).find("> ul").css({'display': 'block',  'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px',  'z-index': '10000'});
	}
  }
  function window_resize() {
	var mainMenu = $('.menu_main .menu_main');
	$("body").addClass("js"); 
	mainMenu.find("li:has(ul)").addClass("menu_parent"); 
   
	mainMenu.find("li").unbind('mouseout', mouseOut);
	mainMenu.find("li").unbind('mouseover', mouseOver);
	$(".link_nav").unbind("click");
	$(".link_nav > ul").unbind("click");
	$(".menu_parent > span").unbind("click");
   
	if ( $(window).width() > 767) { 
	   
		if (mainMenu.find('li').hasClass('open')){
		mainMenu.find('li.open > ul').addClass("desctop_open");}
		mainMenu.find("li").bind('mouseover', mouseOver);
		mainMenu.find("li").bind('mouseout', mouseOut);
	}
   if ( $(window).width() <= 767) {
	   
		mainMenu.find("li").unbind('mouseout', mouseOut);
		mainMenu.find("li").unbind('mouseover', mouseOver);
	   
	   if ($('li').hasClass('open')){
		$('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	   mainMenu.find("li.open > ul").addClass("mobile_open");
		mainMenu.find("li.open > span").addClass("menu_parent_exp");	 
	 $('.menu_main  ul:first').addClass("mobile_open");
		$('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	  }
	 
	 
	$(".link_nav").click(
	   function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	  parent.removeClass("mobile_open");
	 } else {
	  parent.addClass("mobile_open");
	 }
		$(this).toggleClass("menu_parent_exp");
		  return false;
	  }
	);   
	$(".menu_parent > span").click(
		function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	  parent.removeClass("mobile_open");
		  $(this).removeClass("menu_parent_exp");
	 } else {
	  parent.addClass("mobile_open");
		  $(this).addClass("menu_parent_exp");
	 }
	  }
	);
	}
  }
});
 
// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.

#13 Evgen777

Evgen777

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 05 Январь 2014 - 22:15

Просмотр сообщенияСake (31 Декабрь 2013 - 00:04) писал:

Найдите в файле main.js код

//Адаптивное меню
$(document).ready(function(){

});
var mainMenu = $('.menu_main .menu_main');
$("body").addClass("js");
mainMenu.find("li:has(ul)").addClass("menu_parent");

mainMenu.find("li").unbind('mouseout', mouseOut);
mainMenu.find("li").unbind('mouseover', mouseOver);


if ( $(window).width() > 767) {
	
	 if (mainMenu.find('li').hasClass('open')){
	 mainMenu.find('li.open > ul').addClass("desctop_open");}
	 mainMenu.find("li").bind('mouseover', mouseOver);
	 mainMenu.find("li").bind('mouseout', mouseOut);
}
if ( $(window).width() <= 767) {
	
	 if ($('li').hasClass('open')){
	 $('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
	 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	
	 mainMenu.find("li.open > ul").addClass("mobile_open");
	 mainMenu.find("li.open > span").addClass("menu_parent_exp");	
	 $('.menu_main ul:first').addClass("mobile_open");
	 $('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	 }
$(".link_nav").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	 parent.removeClass("mobile_open");
	 } else {
	 parent.addClass("mobile_open");
	 }
	 $(this).toggleClass("menu_parent_exp");
		 return false;
	 }
);
$(".menu_parent > span").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	 parent.removeClass("mobile_open");
		 $(this).removeClass("menu_parent_exp");
	 } else {
	 parent.addClass("mobile_open");
		 $(this).addClass("menu_parent_exp");
	 }
	 }
);
}
var resizeTimer;
$(window).resize(function() {
	 clearTimeout(resizeTimer);
	 resizeTimer = setTimeout(window_resize, 100);
});

function mouseOut() {
if (!$(this).hasClass('open')){
	 $(this).find("> ul").css({'display': '', 'position':''});
}
}
function mouseOver() {
if (!$(this).hasClass('open')){
	 $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000'});
}
}
function window_resize() {
var mainMenu = $('.menu_main .menu_main');
$("body").addClass("js");
mainMenu.find("li:has(ul)").addClass("menu_parent");

mainMenu.find("li").unbind('mouseout', mouseOut);
mainMenu.find("li").unbind('mouseover', mouseOver);
$(".link_nav").unbind("click");
$(".link_nav > ul").unbind("click");
$(".menu_parent > span").unbind("click");

if ( $(window).width() > 767) {
	
	 if (mainMenu.find('li').hasClass('open')){
	 mainMenu.find('li.open > ul').addClass("desctop_open");}
	 mainMenu.find("li").bind('mouseover', mouseOver);
	 mainMenu.find("li").bind('mouseout', mouseOut);
}
if ( $(window).width() <= 767) {
	
	 mainMenu.find("li").unbind('mouseout', mouseOut);
	 mainMenu.find("li").unbind('mouseover', mouseOver);
	
	 if ($('li').hasClass('open')){
	 $('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	 mainMenu.find("li.open > ul").addClass("mobile_open");
	 mainMenu.find("li.open > span").addClass("menu_parent_exp");	
	 $('.menu_main ul:first').addClass("mobile_open");
	 $('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	 }
	
	
$(".link_nav").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	 parent.removeClass("mobile_open");
	 } else {
	 parent.addClass("mobile_open");
	 }
	 $(this).toggleClass("menu_parent_exp");
		 return false;
	 }
);
$(".menu_parent > span").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	 parent.removeClass("mobile_open");
		 $(this).removeClass("menu_parent_exp");
	 } else {
	 parent.addClass("mobile_open");
		 $(this).addClass("menu_parent_exp");
	 }
	 }
);
}
}

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.

и замените его на

//Адаптивное меню
$(document).ready(function(){
var mainMenu = $('.menu_main .menu_main');
$("body").addClass("js");
mainMenu.find("li:has(ul)").addClass("menu_parent");

mainMenu.find("li").unbind('mouseout', mouseOut);
mainMenu.find("li").unbind('mouseover', mouseOver);


if ( $(window).width() > 767) {
	
	 if (mainMenu.find('li').hasClass('open')){
	 mainMenu.find('li.open > ul').addClass("desctop_open");}
	 mainMenu.find("li").bind('mouseover', mouseOver);
	 mainMenu.find("li").bind('mouseout', mouseOut);
}
if ( $(window).width() <= 767) {
	
	 if ($('li').hasClass('open')){
	 $('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
	 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	
	 mainMenu.find("li.open > ul").addClass("mobile_open");
	 mainMenu.find("li.open > span").addClass("menu_parent_exp");	
	 $('.menu_main ul:first').addClass("mobile_open");
	 $('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	 }
$(".link_nav").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	 parent.removeClass("mobile_open");
	 } else {
	 parent.addClass("mobile_open");
	 }
	 $(this).toggleClass("menu_parent_exp");
		 return false;
	 }
);
$(".menu_parent > span").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	 parent.removeClass("mobile_open");
		 $(this).removeClass("menu_parent_exp");
	 } else {
	 parent.addClass("mobile_open");
		 $(this).addClass("menu_parent_exp");
	 }
	 }
);
}
var resizeTimer;
$(window).resize(function() {
	 clearTimeout(resizeTimer);
	 resizeTimer = setTimeout(window_resize, 100);
});

function mouseOut() {
if (!$(this).hasClass('open')){
	 $(this).find("> ul").css({'display': '', 'position':''});
}
}
function mouseOver() {
if (!$(this).hasClass('open')){
	 $(this).find("> ul").css({'display': 'block', 'position':'absolute', 'top': '-1px','left':'228px', 'width': '228px', 'z-index': '10000'});
}
}
function window_resize() {
var mainMenu = $('.menu_main .menu_main');
$("body").addClass("js");
mainMenu.find("li:has(ul)").addClass("menu_parent");

mainMenu.find("li").unbind('mouseout', mouseOut);
mainMenu.find("li").unbind('mouseover', mouseOver);
$(".link_nav").unbind("click");
$(".link_nav > ul").unbind("click");
$(".menu_parent > span").unbind("click");

if ( $(window).width() > 767) {
	
	 if (mainMenu.find('li').hasClass('open')){
	 mainMenu.find('li.open > ul').addClass("desctop_open");}
	 mainMenu.find("li").bind('mouseover', mouseOver);
	 mainMenu.find("li").bind('mouseout', mouseOut);
}
if ( $(window).width() <= 767) {
	
	 mainMenu.find("li").unbind('mouseout', mouseOut);
	 mainMenu.find("li").unbind('mouseover', mouseOver);
	
	 if ($('li').hasClass('open')){
	 $('.menu_main .menu_main:first').find("> ul").addClass("mobile_open");
		 $('.menu_main .menu_main:first').find("a.link_nav").addClass("menu_parent_exp");
	 mainMenu.find("li.open > ul").addClass("mobile_open");
	 mainMenu.find("li.open > span").addClass("menu_parent_exp");	
	 $('.menu_main ul:first').addClass("mobile_open");
	 $('.menu_main:first').find("a.link_nav:first").addClass("menu_parent_exp");
	 }
	
	
$(".link_nav").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.is(":visible")) {
	 parent.removeClass("mobile_open");
	 } else {
	 parent.addClass("mobile_open");
	 }
	 $(this).toggleClass("menu_parent_exp");
		 return false;
	 }
);
$(".menu_parent > span").click(
	 function(){
	 var parent = $(this).parent().find(" > ul");
	 if(parent.hasClass("mobile_open")) {
	 parent.removeClass("mobile_open");
		 $(this).removeClass("menu_parent_exp");
	 } else {
	 parent.addClass("mobile_open");
		 $(this).addClass("menu_parent_exp");
	 }
	 }
);
}
}
});

// Отправляет ошибку на сервер, для того чтобы служба тех поддержки могла разобраться в проблеме как можно быстрее.

Спасиииибо!!!!!!!
Всё работает!!!
Обратно в Страница товара


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Страница товара
  6. Privacy Policy