Сообщений в теме: 45

[1234567890]

как сделать так чтобы нажав на кнопку купить товар сразу в корзинку падал ,а окошко продолжить покупки или оформить заказ не появлялось!

[support 2.0]

1234567890 (10 Июнь 2013 - 15:25) писал:

как сделать так чтобы нажав на кнопку купить товар сразу в корзинку падал ,а окошко продолжить покупки или оформить заказ не появлялось!

в шаблоне Товары найдите и удалите

onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"

в шаблоне Товар удалите

onclick="$('.goodsDataForm').submit(); return false;"

[1234567890]

support 2.0 (10 Июнь 2013 - 16:17) писал:

в шаблоне Товары найдите и удалите

onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;"

в шаблоне Товар удалите

onclick="$('.goodsDataForm').submit(); return false;"

а как сделать чтобы в корзину перехода не было, просто товар какой надо покупаю ,а потом только в корзину захожу

[support 2.0]

1234567890 (10 Июнь 2013 - 17:37) писал:

а как сделать чтобы в корзину перехода не было, просто товар какой надо покупаю ,а потом только в корзину захожу

Тогда можно сделать так, что всплывающее окно появлялось, но через пару секунд само убиралось (чтобы Ваши клиенты знали что товар был добавлен в корзину. Для этого верните все выше приведенные изменения и зайдите в шаблон Ajax... и в самом конце добавьте блок

<script>
setTimeout(function() {
$('.nyroModalClose').trigger('click');
}, 2000);
</script>

2000 - это 2 секунды. Также можно убрать затемнение окна по Вашему желанию.

Еще можно удалить кнопки, которые есть в этом всплывающем окне. Для этого нужно удалить

<p><a class="messageBoxToCart" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a></p>

[1234567890]

support 2.0 (10 Июнь 2013 - 18:54) писал:

Тогда можно сделать так, что всплывающее окно появлялось, но через пару секунд само убиралось (чтобы Ваши клиенты знали что товар был добавлен в корзину. Для этого верните все выше приведенные изменения и зайдите в шаблон Ajax... и в самом конце добавьте блок

<script>
setTimeout(function() {
$('.nyroModalClose').trigger('click');
}, 2000);
</script>

2000 - это 2 секунды. Также можно убрать затемнение окна по Вашему желанию.

Еще можно удалить кнопки, которые есть в этом всплывающем окне. Для этого нужно удалить

<p><a class="messageBoxToCart" href="{CART_URL}">Перейти в корзину</a> &nbsp; &nbsp; <a class="nyroModalClose" href="#">Продолжить покупки</a></p>

как сделать чтобы окошко вообще не выходило и кнопка в корзину становилась красной когда на неё нажимаю

[miyako]

1234567890 (11 Июнь 2013 - 12:49) писал:

как сделать чтобы окошко вообще не выходило и кнопка в корзину становилась красной когда на неё нажимаю

На какой странице вам нужно изменить цвет кнопки?

[1234567890]

надо сделать вот так : при нажатии на кнопку "купить"товар падает в корзину, окно при этом не всплывает и не моргает его вообще не надо а кнопка "купить" меняет текст на "товар в корзине"

[Сake]

Цитата

а кнопка "купить" меняет текст на "товар в корзине"

Обратите внимание на то что сохранение данной информации при обновлении страницы невозможно.

Чтобы скрыть окно при добавлении товара в корзину - необходимо найти в файле стилей main.js

$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm').submit(function(){

и ниже вставить

var data = $(this).serializeArray();
	data.push({name: 'ajax_q', value: 1})
   
	$.post($(this).attr('action'), data, $.proxy(function(data, textStatus, jqXHR) {
	  if($(data).find('h5').hasClass('green')) {
		 $(this).find('.goodsDataFormSubmitButton .more-link').addClass('success_cart').text('Товар добавлен');
	  }
	  else {
		$.fn.nyroModalManual({
		  content: data,
		  gallery: null,
		  resizable: false,
		  autoSizable: true,
		  windowResize: false,
		});
	  }
	  $('#cartSum').html($(data).find('.newCartSum').html());
	  $('#cartCount').html($(data).find('.newCartCount').html());
	}, this));
	return(false);

далее в файл стилей main.css добавить класс

.more-link.success_cart {
   background:url('{ASSETS_IMAGES_PATH}img.png');
}

где изображение img.png это ваше изображение которое должно использоваться для кнопки при успешном добавлении товара в корзину. Если товар не может быть добавлен в корзину, то будет появляться стандартное окно с сообщением ошибки.

[1234567890]

.more-link.success_cart {
   background:url('{ASSETS_IMAGES_PATH}img.png');
}
где изображение img.png это ваше изображение которое должно использоваться для кнопки при успешном добавлении товара в корзину. Если товар не может быть добавлен в корзину, то будет появляться стандартное окно с сообщением ошибки


не получается с изображением я беру картинку кнопку из ред.шаблонов копирую ,потом в фотошопе переделываю вот так
  


,затем встовляю её, ред.шаблонов в файлы потом копирую ссылку на изображение и вставляю вместо img.png
что я не так делаю подскажите.

[Koderhan]

У вас на сайте нет изменений предложенных в сообщение выше. Пожалуйста, не могли бы проделать предложенные изменения и не удалять их чтобы мы могли понять в чем причина.

[Сake]

Возможно в данном случае причина по которой изображение корзины не меняется - это переопределение стиля. Попробуйте вместо класса

.more-link.success_cart {
	background:url('{ASSETS_IMAGES_PATH}img.png');
}

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

.more-link.success_cart {
	background:url('{ASSETS_IMAGES_PATH}img.png') !important;
}

[1234567890]

1) если выбираю конкретный товар нажимаю на кнопку в корзину      

получается как надо цвет поменялся и текст      


2) каталог товаров на сайте отображается списком как сделать чтобы кнопка также менялась        

[Сake]

Для кнопки в товаре вы стилизовали сл.класс: .more-link, a.read-more, .paymentFormTbodySubmitButton
В каталоге также простилизуйте данный класс с кодом:

a.readmore {
	background: url("http://design.waititi.ru/read_more2.png") no-repeat scroll left top transparent;
	color: #666666;
	display: block;
	font: bold 12px/30px Tahoma,Geneva,sans-serif;
	height: 30px;
	padding-left: 15px;
	text-decoration: none;
	width: 135px;
}

или же можно в шаблоне Товары(Редактор шаблонов), кнопке "В корзину" прописать новый класс и отдельно ее по данному классу простилизовать

[1234567890]

Сake (15 Июнь 2013 - 02:18) писал:

Для кнопки в товаре вы стилизовали сл.класс: .more-link, a.read-more, .paymentFormTbodySubmitButton
В каталоге также простилизуйте данный класс с кодом:

a.readmore {
background: url("http://design.waititi.ru/read_more2.png") no-repeat scroll left top transparent;
color: #666666;
display: block;
font: bold 12px/30px Tahoma,Geneva,sans-serif;
height: 30px;
padding-left: 15px;
text-decoration: none;
width: 135px;
}

или же можно в шаблоне Товары(Редактор шаблонов), кнопке "В корзину" прописать новый класс и отдельно ее по данному классу простилизовать

не совсем понял куда надо вставить код.

[Vaccina]

Перечитайте сообщение внимательней, там не указывалась вставка готового кода.

[1234567890]

Vaccina (15 Июнь 2013 - 06:32) писал:

Перечитайте сообщение внимательней, там не указывалась вставка готового кода.

1) как я понял это main.css тут смотреть надо?
2) что значит простилизовать?

[Vaccina]

1. Все верно.
2. Прописать блоку стили, например задать фон, для этого применяется CSS. Подробнее о данном звере: http://ru.html.net/tutorials/css/
В вашем случае необходимо скопировать стили с класса

.more-link, a.read-more, .paymentFormTbodySubmitButton

и вставить\заменить в блоке:

a.readmore {
background: url("http://design.waititi.ru/read_more2.png") no-repeat scroll left top transparent;
color: #666666;
display: block;
font: bold 12px/30px Tahoma,Geneva,sans-serif;
height: 30px;
padding-left: 15px;
text-decoration: none;
width: 135px;
}

[miyako]

1234567890 (15 Июнь 2013 - 06:35) писал:

1) как я понял это main.css тут смотреть надо?
2) что значит простилизовать?

1) Да, Основные стили находятся в main.css.
2) значит наложить элементу стили

Найдите код в шаблоне HTML:

<a class="readmore" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a>

и замените на:

<a class="read-more3" onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">В корзину</a>

Найдите код в main.css:

.more-link:hover, a.read-more:hover, .paymentFormTbodySubmitButton:hover {
color: #fff;
background-position: left bottom;
text-decoration: none;
}

и замените на:

.more-link:hover, a.read-more3 :hover, .paymentFormTbodySubmitButton:hover {
color: #fff;
background-position: left bottom;
text-decoration: none;
}

Найдите код:

.more-link , a.read-more, .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #000;
text-decoration: none;
background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}

и замените на:

.more-link , a.read-more3 , .paymentFormTbodySubmitButton {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #000;
text-decoration: none;
background: url("{ASSETS_IMAGES_PATH}read_more.jpg") no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: inline-block;
}

[1234567890]

заменил вот что получилось  


кнопка купить и подробней встали встрочку ,при нажатии на кнопку купить изменений нет

[miyako]

1234567890 (15 Июнь 2013 - 07:02) писал:

заменил вот что получилось   Без имени-1.jpg


кнопка купить и подробней встали встрочку ,при нажатии на кнопку купить изменений нет

Верните пожалуйста изменения назад и воспользуйтесь инструкцией - http://forum.storela...ить/#entry73400