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


Отправка Товара В Корзину

Автор punkkez, 03 окт. 2013 15:55

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

#141 Beliu

Beliu

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

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

Отправлено 27 Май 2016 - 10:33

Просмотр сообщенияVaccina (17 Май 2016 - 06:13) писал:

Сайт - Редактор шаблонов - Просмотр заказа
Подскажите пожалуйста можно сделать корзину в виде всплывающего окна как при оформлении быстрого заказа а количество товара можно было менять вот здесь на корзине при наведении?

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

  • 99999.jpg

#142 Ирина345

Ирина345

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

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

Отправлено 27 Май 2016 - 15:47

Просмотр сообщенияBeliu (27 Май 2016 - 10:33) писал:

Подскажите пожалуйста можно сделать корзину в виде всплывающего окна как при оформлении быстрого заказа а количество товара можно было менять вот здесь на корзине при наведении?
Здравствуйте, к сожалению увеличивать количество товара в данном блоке корзины не получится.

#143 Beliu

Beliu

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

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

Отправлено 27 Май 2016 - 18:52

Просмотр сообщенияИрина345 (27 Май 2016 - 15:47) писал:


Здравствуйте, к сожалению увеличивать количество товара в данном блоке корзины не получится.
сделать чтобы вместо нового окна она открывалась в этом же ввиде всплывающего поверх как при быстром заказе можно?

#144 Beliu

Beliu

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

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

Отправлено 31 Май 2016 - 01:17

Доброй ночи) а можно перенести корзину к меню а меню каталога  убрать?)

#145 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 31 Май 2016 - 02:03

Просмотр сообщенияBeliu (31 Май 2016 - 01:17) писал:

Доброй ночи) а можно перенести корзину к меню а меню каталога  убрать?)

В шаблоне HTML найдите и удалите:
<!-- Шапка-->
		<div class="header">
		  <div class="header-wrapper">
			<div class="container">
			  <div class="row">
			   
			   
				<!--  Центральная часть шапки  -->
				<div class="col-xs-6 col-md-10 col-lg-10 right-box">
				  <div class="right-box-wrapper">
					<!-- Иконки в шапке -->
					<div class="header-icons">
					  <!-- Если в тарифном плане подключен модуль сравнения товаров -->
					  {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
					  <!-- Иконка сравнения -->
					  <div class="compare-header hidden-600">
						<a href="{COMPARE_URL}" title="Сейчас на сравнении  {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}">
						  <span class="icon-loop"><span class="compare-count">{COMPARE_GOODS_COUNT}</span></span>
						</a>
					  </div>
					  {% ENDIF %}
					  <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
					  <!-- Иконка поиска -->
					  <div class="search-header hidden-600">
						<a href="#" title="Поиск по торговому центру">
						  <span class="icon-magnifier"></span>
						</a>
					  </div>
					 
					  <!-- Корзина -->
					  <div class="btn-group cart-header">
						<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						  <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						  <span>Корзина</span>
						</a>
						<!-- Выподающее меню корзины с выводом его содержимого -->
					   
						<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						  {% IF cart_count_empty %}
							<span class="empty">Корзина пуста</span>
						  {% ELSE %}
							<strong class="no-empty">В корзине</strong>
							<span class="empty" style="display:none;">Корзина пуста</span>
							<ul id="cart-sidebar" class="mini-products-list unstyled">
							{% FOR cart_items %}
							  <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
								<a href="{cart_items.GOODS_URL}" class="product-image">
								  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
								</a>
								<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								  <span class="icon-trash-o"></span>
								</a>
								<h4 class="product-name">
								  <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
								</h4>
								<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
								<div class="clearfix"></div>
							  </li>
							{% ENDFOR %}
							  <div class="cart-button">
								<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
								<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							  </div>
							</ul>
						  {% ENDIF %}
						</div>
					  </div><!-- /END Корзина -->
					</div>
					<!-- /END Иконки в шапке  -->
				   
					<!-- Каталог в меню -->
					<div class="primary">
					  <div class="navbar navbar-default" role="navigation">
						<!-- Кнопка каталога в меню для мобильных устройств -->
						<button type="button" class="navbar-toggle btn-navbar collapsed" data-toggle="collapse" data-target=".primary .navbar-collapse" title="Показать каталог">
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						  <span class="icon-bar"></span>
						</button>
						<!-- Каталог с подкатегориями -->
												<div class="collapse navbar-collapse">
												  <ul class="nav navbar-nav">
												  {%IFNOT catalog_full_empty%}
														{%FOR catalog_full%}
														  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %}">{% ENDIF %}{% ENDIF %}
																<li class="category-node-{catalog_full.index} category-level-{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL > 1 %}hide-parent{% ENDIF %}"  {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %}>
																  <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="selected"{% ENDIF %}>{catalog_full.NAME}</a>
																{% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %}
														  {% IF catalog_full.LAST %}{%FOR out%}</ul> {%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %}
														{%ENDFOR%}
												  {%ENDIF%}
												  </ul>
												</div><!-- /END Каталог с подкатегориями -->
					  </div>
					</div>
					<!-- /END Каталог в меню -->
				  </div>
				</div>
				<!-- Центральная часть шапки  -->
				 
				<!-- Телефон при нажатии -->
				<div class="phone-active col-sm-10 col-md-10">
				  <a href="#" class="close"><span>Закрыть</span>×</a>
				  {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
					<span class="title">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {SETTINGS_STORE_PHONE_CITY_CODE1}</span> <strong>{SETTINGS_STORE_PHONE_NUMBER1}</strong>
				  {% ELSE %}
					<span class="no-phone">Добавьте номер телефона в Настройках</span>
				  {% ENDIF %}
				</div>
				<!-- Поиск при нажатии -->
				<div class="search-active col-sm-10 col-md-10">
				  <a href="#" class="close"><span>Закрыть</span>×</a>
					<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
					  <input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по DOFLAT..." maxlength="128"/>
					  <button type="submit" title="Искать" class="button search-submit">
						<span class="icon-magnifier"></span>
					  </button>
					</form>
				</div>
				<!-- END Поиск и Телефон при нажатии -->
			  </div>
			</div>
		  </div>
		</div>
		<!-- /END Шапка -->

далее найдите:
<!-- Интерактивное меню -->
		<div id="fixed_catalog">
		  <a href="#">Каталог</a>

перед ним вставьте:
<!-- Корзина -->
					  <div class="btn-group cart-header">
						<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
						  <span class="icon-basket"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
						  <span>Корзина</span>
						</a>
						<!-- Выподающее меню корзины с выводом его содержимого -->
					   
						<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
						  {% IF cart_count_empty %}
							<span class="empty">Корзина пуста</span>
						  {% ELSE %}
							<strong class="no-empty">В корзине</strong>
							<span class="empty" style="display:none;">Корзина пуста</span>
							<ul id="cart-sidebar" class="mini-products-list unstyled">
							{% FOR cart_items %}
							  <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
								<a href="{cart_items.GOODS_URL}" class="product-image">
								  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
								</a>
								<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
								  <span class="icon-trash-o"></span>
								</a>
								<h4 class="product-name">
								  <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
								</h4>
								<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
								<div class="clearfix"></div>
							  </li>
							{% ENDFOR %}
							  <div class="cart-button">
								<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
								<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
							  </div>
							</ul>
						  {% ENDIF %}
						</div>
					  </div><!-- /END Корзина -->

В main.css найдите:
/*** Корзина***/
.header .cart-header {font-size: 12px;margin: 0 -16px 0 -1px;white-space: normal;}
.header .cart-header.no-open {opacity: 0;filter: alpha(opacity=0);}
.header .cart-header .dropdown-toggle {border: 1px solid #ccc;border-color: transparent;border-bottom: 0 none;color: #4a5159;display: block;line-height: 22px;outline: none;padding: 11px 15px 12px;position: relative;text-decoration: none;ext-shadow: none;-webkit-transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;z-index: 891;}
.header .cart-header .dropdown-toggle .icon-basket {display: inline-block;height: 22px;margin: 1px 8px 0 0;vertical-align: top;width: 16px;line-height:1;}
.header .cart-header.open .dropdown-toggle {background: #fff;border-color: #ccc;border-bottom: 0 none;border-radius: 3px 3px 0 0;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;}
.header .cart-header.open .dropdown-toggle:after {background: #fff;bottom: 0;content: "";display: block;height: 8px;left: -3px;margin: 0 0 -5px 0;position: absolute;right: 0;}
.header .cart-header .dropdown-menu .product-image {display: block;float: left;margin: 0 15px 0 0;width: 70px;}
.header .cart-header .dropdown-menu .product-remove {margin: 0 0 0 5px;position: absolute;right: 0;top: 24px;}
.product-remove {color: #7f7f7f;height: 16px;text-decoration: none;width: 16px;-webkit-transition: color .2s linear;transition: color .2s linear;}
.product-remove:hover {color: #cc003d;-webkit-transition: color .2s linear;transition: color .2s linear;}
.header .cart-header .dropdown-menu .product-name {font-size: 12px;font-weight: normal;line-height: 18px;margin: 0 0 10px;padding-left: 85px;}
.header .cart-header .dropdown-menu .product-price {font-size: 12px;line-height: 16px;padding-left: 85px;}
.header .cart-header .dropdown-menu .product-price .price {font-size: 16px;}
.header .cart-header .dropdown-menu .cart-button {padding-top:10px;text-align: right;}
.header .cart-header .dropdown-menu .cart-total {margin:20px 0 10px;}
.header .cart-header .dropdown-menu .cart-total .cart-sum {float:right;font-weight: 700;}

замените на:
/*** Корзина***/
.cart-header {
	font-size: 12px;
	margin: 0 -16px 0 -1px;
	white-space: normal;
	position: absolute;
	right: 0;
	top: 150px;
}
.cart-header.no-open {opacity: 0;filter: alpha(opacity=0);}
.cart-header .dropdown-toggle {border: 1px solid #ccc;border-color: transparent;border-bottom: 0 none;color: #4a5159;display: block;line-height: 22px;outline: none;padding: 11px 15px 12px;position: relative;text-decoration: none;ext-shadow: none;-webkit-transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;z-index: 891;}
.cart-header .dropdown-toggle .icon-basket {display: inline-block;height: 22px;margin: 1px 8px 0 0;vertical-align: top;width: 16px;line-height:1;}
.cart-header.open .dropdown-toggle {background: #fff;border-color: #ccc;border-bottom: 0 none;border-radius: 3px 3px 0 0;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);box-shadow: 0 0 5px rgba(0,0,0,.15);-webkit-transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;transition:border-color 0.4s linear,box-shadow 0.4s linear,-moz-box-shadow 0.4s linear,-webkit-box-shadow 0.4s linear;}
.cart-header.open .dropdown-toggle:after {background: #fff;bottom: 0;content: "";display: block;height: 8px;left: -3px;margin: 0 0 -5px 0;position: absolute;right: 0;}
.cart-header .dropdown-menu .product-image {display: block;float: left;margin: 0 15px 0 0;width: 70px;}
.cart-header .dropdown-menu .product-remove {margin: 0 0 0 5px;position: absolute;right: 0;top: 24px;}
.product-remove {color: #7f7f7f;height: 16px;text-decoration: none;width: 16px;-webkit-transition: color .2s linear;transition: color .2s linear;}
.product-remove:hover {color: #cc003d;-webkit-transition: color .2s linear;transition: color .2s linear;}
.cart-header .dropdown-menu .product-name {font-size: 12px;font-weight: normal;line-height: 18px;margin: 0 0 10px;padding-left: 85px;}
.cart-header .dropdown-menu .product-price {font-size: 12px;line-height: 16px;padding-left: 85px;}
.cart-header .dropdown-menu .product-price .price {font-size: 16px;}
.cart-header .dropdown-menu .cart-button {padding-top:10px;text-align: right;}
.cart-header .dropdown-menu .cart-total {margin:20px 0 10px;}
.cart-header .dropdown-menu .cart-total .cart-sum {float:right;font-weight: 700;}

В main.js найдите:
//Cart
  $('.cart-header').hover(function(){
	if (($('body').width() + scrollWidth) >= 979 ) {
	  $(this).addClass('open');
	}
  }, function(){
	if (($('body').width() + scrollWidth) >= 979 ) {
	  $(this).removeClass('open');
	}
  });

замените на:
//Cart
  $('.cart-header').hover(function(){
	  $(this).addClass('open');
  });

Просмотр сообщенияBeliu (27 Май 2016 - 18:52) писал:

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

В конец main.js добавьте:
// Быстрый заказ
function quickorder(formSelector) {
  // Находим форму, которую отправляем на сервер, для добавления товара в корзину
  var formBlock = $($(formSelector).get(0));
  // Проверка на существование формы отправки запроса на добавление товара в корзину
  if(1 > formBlock.length || formBlock.get(0).tagName != 'FORM') {
	alert('Не удалось найти форму добавления товара в корзину');
	return false;
  }
 
  // Получаем данные формы, которые будем отправлять на сервер
  var formData = formBlock.serializeArray();
  // Сообщаем серверу, что мы пришли через ajax запрос
  formData.push({name: 'ajax_q', value: 1});
  // Так же сообщим ему, что нужно сразу отобразить форму быстрого заказа
  formData.push({name: 'fast_order', value: 1});
  // Аяксом добавляем товар в корзину и вызываем форму быстрого заказа товара
  $.ajax({
	type	: "POST",
  cache   : false,
  url	: formBlock.attr('action'),
  data  : formData,
  success: function(data) {
   $.fancybox({
	   content : data,
		// При изменении размера окна изменяем размер окна оформления заказа
		onUpdate  : function(){
		  var w = $(window).width()*0.8;
		 
		  if(w < 800) {
			// Автоматический ресайз внутреннего блока fancybox-а
			$('.fancybox-inner').css('width', 'auto');
			// Изменяем размер fancybox окна
			$('.fancybox-wrap').css({'width': w + 'px'});
		  } 
		  return false;
		}
   });
	 
	  setTimeout(function(){$.fancybox.update();}, 500);
  }
});
  return false;
}

В шаблоне Товар найдите:
<input type="button" value="В корзину" id="button-cart" class="btn add-cart" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

замените на:
<input type="button" value="В корзину" id="button-cart" class="btn add-cart" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>

#146 Beliu

Beliu

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

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

Отправлено 01 Июнь 2016 - 01:22

Сделал все изменения что то все разбежалось особенно характеристики стали в ряд и хотелось бы чтобы корзина тоже ходила по странице, и еще как то логичней смотрелось если бы каталог был с лева а с права корзина?

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

  • Screenshot_3100000000000000000.jpg

#147 Beliu

Beliu

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

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

Отправлено 01 Июнь 2016 - 01:37

Забыл написать может это из за платной доработки мне  сегодня по дню производили какие то изменения по характеристикам

#148 Beliu

Beliu

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

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

Отправлено 03 Июнь 2016 - 00:34

Подскажите пожалуйста как сделать корзину в виде всплывающего окна как при быстром заказе но при этом чтобы как то можно было менять кол-во товаров?)

#149 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 03 Июнь 2016 - 07:08

В шаблоне Быстрый заказ найдите:
{% IF FORM_NOTICE %}<ul class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}"><li>{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}
{% IF cart_count_empty %}
  <h2 class="alignCenter">Ваша корзина пуста, Пожалуйста, выберите другой товар для оформления заказа</h2>
{% ELSE %}
<hr />

после него пропишите:
<form action="{CART_URL}" method="post" class="cartForm">
	  <fieldset>
		<input type="hidden" name="hash" value="{HASH}" />
		<table class="table-box">
		  <thead>
			<tr>
			  <td>&nbsp;</td>
			  <td class="image">Фото</td>
			  <td class="name">Название товара</td>
			  <td class="price">Цена</td>
			  <td class="quantity">Кол-во</td>
			  <td class="total">Общая сумма</td>
			</tr>
		  </thead>
		  <tbody>
			{% FOR cart_items %}
			  <tr>
				<td width="5"><a href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="close">×</a></td>
				<td><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></td>
				<td>
				  <a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
					{cart_items.GOODS_NAME}
					<!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
					{% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
				  </a>
				</td>
				<td width="80">
				  <span class="cart-price">
					<span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>		   
				  </span>
				</td>
				<td>
				  <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" class="input-text qty text-center" type="number" {% IF cart_items.GOODS_MOD_MEASURE_ID >= 2 && cart_items.GOODS_MOD_MEASURE_ID <= 8 %} min="0.1" step="0.1"{% ELSE %}min="1" step="1"{% ENDIF %} />
				</td>
				<td width="90">
				 <span class="cart-price">
					<span class="price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>		   
				  </span>
				</td>
			  </tr> 
			{% ENDFOR %}
			<!-- Скидки, действующие на заказ -->
			{% FOR cart_discount %}
			{% IF cart_discount.DISCOUNT_IS_ENABLED %}
			  <tr>
				<td>&nbsp;</td>
				<td><div class="discount"></div></td>
				<td>{cart_discount.DISCOUNT_NAME}</td>
				<td>
				  <span class="num">
					{% IF cart_discount.IS_PERCENT %}
					  {cart_discount.DISCOUNT_VALUE}%
					{% ELSE %}
					  {cart_discount.DISCOUNT_VALUE | money_format}
					{% ENDIF %}
				  </span>
				</td>
				<td>&nbsp;</td>
				<td>{cart_discount.END_PRICE | money_format}</td>
			  </tr>
			{% ENDIF %}
			{% ENDFOR %}
		  </tbody>
		  <tfoot>
			<tr>
			  <td colspan="5" class="text-right">
				<span class="price">Итого:</span>
			  </td>
			  <td>
				<span class="price">
				  {% FOR cart_sum %}
					{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
				  {% ENDFOR %}
				</span>
			  </td>
			</tr>
			<tr>
			  <td colspan="50">
				<div class="buttons">
				  <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
				  <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
				</div>  
			  </td>
			</tr>
		  </tfoot>
		</table>
	  </fieldset>
	</form>

#150 Beliu

Beliu

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

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

Отправлено 03 Июнь 2016 - 11:36

Просмотр сообщенияVaccina (03 Июнь 2016 - 07:08) писал:

В шаблоне Быстрый заказ найдите:
{% IF FORM_NOTICE %}<ul class="message {% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-notice{% ENDIF %}"><li>{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %}
{% IF cart_count_empty %}
<h2 class="alignCenter">Ваша корзина пуста, Пожалуйста, выберите другой товар для оформления заказа</h2>
{% ELSE %}
<hr />

после него пропишите:
<form action="{CART_URL}" method="post" class="cartForm">
	 <fieldset>
	 <input type="hidden" name="hash" value="{HASH}" />
	 <table class="table-box">
		 <thead>
		 <tr>
			 <td>&nbsp;</td>
			 <td class="image">Фото</td>
			 <td class="name">Название товара</td>
			 <td class="price">Цена</td>
			 <td class="quantity">Кол-во</td>
			 <td class="total">Общая сумма</td>
		 </tr>
		 </thead>
		 <tbody>
		 {% FOR cart_items %}
			 <tr>
			 <td width="5"><a href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="close">×</a></td>
			 <td><a href="{cart_items.GOODS_URL}"><img class="goods-image-icon" src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></td>
			 <td>
				 <a href="{cart_items.GOODS_URL}" class="cartFormTbodyHeader">
				 {cart_items.GOODS_NAME}
				 <!-- Если у товара есть отличительные свойства для модификации товара, допишем их к названию товара -->
				 {% IFNOT cart_items.distinctive_properties_empty %}<span>({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %}
				 </a>
			 </td>
			 <td width="80">
				 <span class="cart-price">
				 <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>		
				 </span>
			 </td>
			 <td>
				 <input name="form[quantity][{cart_items.GOODS_MOD_ID}]" value="{cart_items.ORDER_LINE_QUANTITY}" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" class="input-text qty text-center" type="number" {% IF cart_items.GOODS_MOD_MEASURE_ID >= 2 && cart_items.GOODS_MOD_MEASURE_ID <= 8 %} min="0.1" step="0.1"{% ELSE %}min="1" step="1"{% ENDIF %} />
			 </td>
			 <td width="90">
				 <span class="cart-price">
				 <span class="price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>		
				 </span>
			 </td>
			 </tr>
		 {% ENDFOR %}
		 <!-- Скидки, действующие на заказ -->
		 {% FOR cart_discount %}
		 {% IF cart_discount.DISCOUNT_IS_ENABLED %}
			 <tr>
			 <td>&nbsp;</td>
			 <td><div class="discount"></div></td>
			 <td>{cart_discount.DISCOUNT_NAME}</td>
			 <td>
				 <span class="num">
				 {% IF cart_discount.IS_PERCENT %}
					 {cart_discount.DISCOUNT_VALUE}%
				 {% ELSE %}
					 {cart_discount.DISCOUNT_VALUE | money_format}
				 {% ENDIF %}
				 </span>
			 </td>
			 <td>&nbsp;</td>
			 <td>{cart_discount.END_PRICE | money_format}</td>
			 </tr>
		 {% ENDIF %}
		 {% ENDFOR %}
		 </tbody>
		 <tfoot>
		 <tr>
			 <td colspan="5" class="text-right">
			 <span class="price">Итого:</span>
			 </td>
			 <td>
			 <span class="price">
				 {% FOR cart_sum %}
				 {cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
				 {% ENDFOR %}
			 </span>
			 </td>
		 </tr>
		 <tr>
			 <td colspan="50">
			 <div class="buttons">
				 <a class="btn form-submit" title="Пересчитать">Пересчитать</a>
				 <a class="btn" title="Очистить корзину" href="{CART_TRUNCATE_URL}">Очистить корзину</a>
			 </div>
			 </td>
		 </tr>
		 </tfoot>
	 </table>
	 </fieldset>
</form>
Че то ниче не поменялось тока в корзине которая по прежнему открывается в отдельном окне дублируются товары...

и ошибки

#151 Beliu

Beliu

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

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

Отправлено 03 Июнь 2016 - 11:45

и товар в корзину не добавить)

#152 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 04 Июнь 2016 - 05:50

В шаблоне Товар найдите:
<div class="product-options-bottom">
												<input type="button" value="В корзину" id="button-cart" class="btn add-cart" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
										  </div>
замените на:
<div class="product-options-bottom">
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
												<input type="button" value="В корзину" id="button-cart" class="btn add-cart" onclick="quickorder('.goodsDataForm'); return false;"  title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
										  </div>

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

#153 Beliu

Beliu

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

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

Отправлено 04 Июнь 2016 - 11:10

Просмотр сообщенияVaccina (04 Июнь 2016 - 05:50) писал:

В шаблоне Товар найдите:
<div class="product-options-bottom">
											 <input type="button" value="В корзину" id="button-cart" class="btn add-cart" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
										 </div>
замените на:
<div class="product-options-bottom">
<input type="hidden" name="form[goods_mod_id]" value="{GOODS_MOD_ID}" class="goodsDataMainModificationId" />
											 <input type="button" value="В корзину" id="button-cart" class="btn add-cart" onclick="quickorder('.goodsDataForm'); return false;" title="Положить &laquo;{GOODS_NAME}&raquo; в корзину"/>
										 </div>

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

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

  • 8.jpg

#154 Beliu

Beliu

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

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

Отправлено 07 Июнь 2016 - 02:29

?

#155 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 01:00

В main.css найдите:
.cart-header .dropdown-menu .product-image {
	display: block;
	float: left;
	margin: 0 15px 0 0;
	width: 70px;
}

перед ним вставьте:
.cart-header .dropdown-menu li {
	position: relative;
}

#156 Beliu

Beliu

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

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

Отправлено 08 Июнь 2016 - 03:15

Просмотр сообщенияVaccina (08 Июнь 2016 - 01:00) писал:

В main.css найдите:
.cart-header .dropdown-menu .product-image {
display: block;
float: left;
margin: 0 15px 0 0;
width: 70px;
}

перед ним вставьте:
.cart-header .dropdown-menu li {
position: relative;
}
Спасибо только текст ушел немного вниз вместе с ценником (05 скриншот)... И самый главный вопрос Вы мне сделали красивую корзину в карточке товара то что надо(Скрин 07). Можно сделать такую же для главной корзины (Скрин 08)?

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

  • 05.jpg
  • 07.jpg
  • 08.jpg

#157 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 03:48

В main.css найдите:
.product-image {
	display: inline-block;
	line-height: 0;
	position: relative;
}

замените на:
.product-image {
	display: inline-block;
	line-height: 0;
	position: relative;
	float: left;
}

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

#158 Beliu

Beliu

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

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

Отправлено 08 Июнь 2016 - 03:50

Просмотр сообщенияVaccina (08 Июнь 2016 - 03:48) писал:

В main.css найдите:
.product-image {
display: inline-block;
line-height: 0;
position: relative;
}

замените на:
.product-image {
display: inline-block;
line-height: 0;
position: relative;
float: left;
}

Уточните пожалуйста, обычная корзина тоже должна быть всплывающим окном при клике или дело только в табличном отображении товара?
Обычная всплывающим окном.

#159 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 04:48

В шаблоне HTML найдите:
<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
												  {% IF cart_count_empty %}
														<span class="empty">Корзина пуста</span>
												  {% ELSE %}
														<strong class="no-empty">В корзине</strong>
														<span class="empty" style="display:none;">Корзина пуста</span>
														<ul id="cart-sidebar" class="mini-products-list unstyled">
														{% FOR cart_items %}
														  <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
																<a href="{cart_items.GOODS_URL}" class="product-image">
																  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
																</a>
																<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
																  <span class="icon-trash-o"></span>
																</a>
																<h4 class="product-name">
																  <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
																</h4>
																<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
																<div class="clearfix"></div>
														  </li>
														{% ENDFOR %}
														  <div class="cart-button">
																<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
																<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
														  </div>
														</ul>
												  {% ENDIF %}
												</div>

замените на:
<div id="hidden_cart">
<div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
												  {% IF cart_count_empty %}
														<span class="empty">Корзина пуста</span>
												  {% ELSE %}
														<strong class="no-empty">В корзине</strong>
														<span class="empty" style="display:none;">Корзина пуста</span>
														<ul id="cart-sidebar" class="mini-products-list unstyled">
														{% FOR cart_items %}
														  <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
																<a href="{cart_items.GOODS_URL}" class="product-image">
																  <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
																</a>
																<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
																  <span class="icon-trash-o"></span>
																</a>
																<h4 class="product-name">
																  <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
																</h4>
																<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
																<div class="clearfix"></div>
														  </li>
														{% ENDFOR %}
														  <div class="cart-button">
																<a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
																<a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
														  </div>
														</ul>
												  {% ENDIF %}
												</div>
			</div>

В main.js найдите:
//Cart
  $('.cart-header').hover(function(){
				  $(this).addClass('open');
  },function(){
		$(this).removeClass('open');
});

замените на:
$('.cart-header > a').click(function(){
	  var hidden = $('#hidden_cart');
	  $(this).fancybox({
		fitToView : false,
		content: hidden,
		width : '87%',
		height : '100%',
		autoSize : false,
		closeClick : false,
		openEffect : 'none',
		closeEffect : 'none'
	  });
   return false;
	});

В main.css найдите:
.dropdown-menu {
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
		box-shadow: 0 0 5px rgba(0,0,0,.15);
		min-width: 300px;
		padding: 10px;
		z-index: 800;
		position: absolute;
		top: 100%;
		display: none;
		float: left;
		list-style: none;
		font-size: 14px;
		text-align: left;
		background-color: #fff;
		background-clip: padding-box;
		right: 0;
}

замените на:
.dropdown-menu {
		border: 1px solid #ccc;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
		-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
		box-shadow: 0 0 5px rgba(0,0,0,.15);
		min-width: 300px;
		padding: 10px;
		z-index: 800;
		list-style: none;
		font-size: 14px;
		text-align: left;
		background-color: #fff;
		background-clip: padding-box;
}

#160 Beliu

Beliu

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

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

Отправлено 08 Июнь 2016 - 12:09

Результат чет не очень) корзина все время открыта и при оформлении заказа она по прежнему открывается в новом окне(
Обратно в Предложения по улучшению сервиса


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Предложения по улучшению сервиса
  4. Privacy Policy