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

[apr1or1]

Здравствуйте! Помогите, пожалуйста, несколько изменить работу кнопки "Корзина". Мне требуется чтобы выпадающий список появлялся при наведении (а не при клике), а при клике на корзину был переход в корзину.

И второй момент: можно ли перенести поле ввода купона вверх. Чтобы оно было видно ещё до нажатия кнопки "заказать"?

[Vaccina]

1. В main.js найдите:

/*Блок корзины на всех страницах */
	$('.cartBtn').on('click', function () {
		if ($('.js-hideBackground').length > 0) {
			$('.js-hideBackground').remove();
			$listCart.removeClass('show');
		} else {
			$listCart.addClass('show');
			$('body').append('<div class="js-hideBackground"></div>');
			$('.js-hideBackground').on('click', function (event) {
				$('.js-hideBackground').unbind().remove();
				event.preventDefault();
				$listCart.removeClass('show');
				return true;
			});
		}
		replaceDelUrl();
		return false;
	});

замените на:

/*Блок корзины на всех страницах */
	$('.cartBtn').hover(function () {
			$('.js-hideBackground').remove();
			$('.listCart').addClass('show');
		replaceDelUrl();
		return false;
	},
  function () {
	$('.listCart').removeClass("show");
  });

2. В шаблоне Быстрый заказ найдите:

<!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
			{% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
				<!-- Если скидки по купонам активированы в панели управления магазином -->
				{% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
					<div class="fieldset" >
						<h3 class="legend">Купон на скидку, если имеется</h3>
						<ul class="form-list">
							<li>
								<label for="quick_form_coupon_code">Код купона</label>
								<div class="input-box">
									<input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="input-text" />
								</div>
							</li>
						</ul>
					</div>
				{% ENDIF %}
			{% ENDIF %}
			<!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->

перенесите его выше, поставив после:

<form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post"  id="quickform">
			<div >
				<input type="hidden" name="hash" value="{HASH}" />
				<h2>Форма быстрого оформления заказа</h2>

[apr1or1]

Vaccina (23 Май 2015 - 03:28) писал:

1. В main.js найдите:

/*Блок корзины на всех страницах */
$('.cartBtn').on('click', function () {
	 if ($('.js-hideBackground').length > 0) {
		 $('.js-hideBackground').remove();
		 $listCart.removeClass('show');
	 } else {
		 $listCart.addClass('show');
		 $('body').append('<div class="js-hideBackground"></div>');
		 $('.js-hideBackground').on('click', function (event) {
			 $('.js-hideBackground').unbind().remove();
			 event.preventDefault();
			 $listCart.removeClass('show');
			 return true;
		 });
	 }
	 replaceDelUrl();
	 return false;
});

замените на:

/*Блок корзины на всех страницах */
$('.cartBtn').hover(function () {
		 $('.js-hideBackground').remove();
		 $('.listCart').addClass('show');
	 replaceDelUrl();
	 return false;
},
function () {
$('.listCart').removeClass("show");
});

2. В шаблоне Быстрый заказ найдите:

<!-- Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->
		 {% IF TARIFF_FEATURE_DISCOUNT_COUPONS %}
			 <!-- Если скидки по купонам активированы в панели управления магазином -->
			 {% IF ORDER_DISCOUNT_COUPON_IS_ENABLED %}
				 <div class="fieldset" >
					 <h3 class="legend">Купон на скидку, если имеется</h3>
					 <ul class="form-list">
						 <li>
							 <label for="quick_form_coupon_code">Код купона</label>
							 <div class="input-box">
								 <input type="text" id="quick_form_coupon_code" name="form[coupon_code]" value="{ORDER_FORM_COUPON_CODE}" class="input-text" />
							 </div>
						 </li>
					 </ul>
				 </div>
			 {% ENDIF %}
		 {% ENDIF %}
		 <!-- END Если в тарифном плане подключен модуль скидок по купонам и суммам заказов -->

перенесите его выше, поставив после:

<form action="{ORDER_STAGE_CONFIRM_WITHOUT_DOMAIN_URL}" method="post" id="quickform">
		 <div >
			 <input type="hidden" name="hash" value="{HASH}" />
			 <h2>Форма быстрого оформления заказа</h2>

Большое спасибо, но хотелось бы поправить следующие:

из-за расстояния между выпадающим списком и "корзиной" курсор нельзя перевести на него -> список пропадает. По-этому становится нельзя убрать товар из корзины не переходя в неё.

[Vaccina]

/*Блок корзины на всех страницах */
		$('.cartBtn').hover(function () {
						$('.js-hideBackground').remove();
						$('.listCart').addClass('show');
				replaceDelUrl();
				return false;
		},
  function () {
		$('.listCart').removeClass("show");
  });

замените на:

/*Блок корзины на всех страницах */
		$('.cart').hover(function () {
						$('.js-hideBackground').remove();
						$('.listCart').addClass('show');
				replaceDelUrl();
				return false;
		},
  function () {
		$('.listCart').removeClass("show");
  });

[Роман-spigenstore]

Vaccina (03 Июнь 2015 - 03:23) писал:

/*Блок корзины на всех страницах */
	 $('.cartBtn').hover(function () {
					 $('.js-hideBackground').remove();
					 $('.listCart').addClass('show');
			 replaceDelUrl();
			 return false;
	 },
function () {
	 $('.listCart').removeClass("show");
});

замените на:

/*Блок корзины на всех страницах */
	 $('.cart').hover(function () {
					 $('.js-hideBackground').remove();
					 $('.listCart').addClass('show');
			 replaceDelUrl();
			 return false;
	 },
function () {
	 $('.listCart').removeClass("show");
});

Заменил в файле main.js , почистил кэш, но ничего не произошло, эта появляющаяся форма при наведение на кнопку "корзина" сразу исчезает, как только пытаюсь курсор навести на нее

[Vaccina]

Попробуйте следующее в main.css найдите:

.listCart {
	position: absolute;
	margin-top: 18px;
	right: 10px;
	display: none;
	width: 300px;
	padding: .6em;
	transition-duration: 400ms;
	opacity: 0;
	border: 1px solid #d8d8d8;
	background: #fff;
	box-shadow: 0 1px 3px #d8d8d8;
	z-index: 10;
}

замените на:

.listCart {
	position: absolute;
	margin-top: 18px;
	right: 10px;
	top: 13px;
	display: none;
	width: 300px;
	padding: .6em;
	transition-duration: 400ms;
	opacity: 0;
	border: 1px solid #d8d8d8;
	background: #fff;
	box-shadow: 0 1px 3px #d8d8d8;
	z-index: 10;
}

[Роман-spigenstore]

Vaccina (03 Июнь 2015 - 04:16) писал:

Попробуйте следующее в main.css найдите:

.listCart {
position: absolute;
margin-top: 18px;
right: 10px;
display: none;
width: 300px;
padding: .6em;
transition-duration: 400ms;
opacity: 0;
border: 1px solid #d8d8d8;
background: #fff;
box-shadow: 0 1px 3px #d8d8d8;
z-index: 10;
}

замените на:

.listCart {
position: absolute;
margin-top: 18px;
right: 10px;
top: 13px;
display: none;
width: 300px;
padding: .6em;
transition-duration: 400ms;
opacity: 0;
border: 1px solid #d8d8d8;
background: #fff;
box-shadow: 0 1px 3px #d8d8d8;
z-index: 10;
}

Спасибо, все получилось

[007]

Подскажите, пожалуйста, как сделать, чтобы кнопка КОРЗИНА открывалась с одного клика. Сейчас открывается только с двух кликов.

[Danil]

007 (20 Октябрь 2015 - 17:19) писал:

Подскажите, пожалуйста, как сделать, чтобы кнопка КОРЗИНА открывалась с одного клика. Сейчас открывается только с двух кликов.

В main.js найдите код

	// переход на страницу корзины при двойном клике по товару
	$('.cartBtn').dblclick(function () {
		window.location.href = "/cart";
	});

и замените на

	// переход на страницу корзины при двойном клике по товару
	$('.cartBtn').click(function () {
		window.location.href = "/cart";
	});