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

[Mari-ina]

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

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

• 

[daria_dnk]

Mari-ina (30 Август 2014 - 20:15) писал:

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

Здравствуйте! Можно реализовать таким образом: при нажатии на кнопку "Быстро оформить заказ" будет происходить переход не на форму быстрого заказа, а сразу в корзину.

[Mari-ina]

Нет, мне нужно, чтобы форма быстро заказа осталась, но в ней стало видно, что лежит в корзине и в каком количестве. Были случаи, когда клиенты для выбора бросали в корзину разный товар, а потом с очередным переходили в быстрый заказ и оформляли все, что там было, приходилось потом самой редактировать, что им надо. Вот, чтобы этого не было, я и хочу на странице быстрого заказа отобразить, что есть в корзине.

[Mari-ina]

!

[daria_dnk]

Mari-ina (01 Сентябрь 2014 - 17:08) писал:

!

Здравствуйте!
Перед внесением изменений сохраните бэкап шаблона!
В шаблоне "Быстрый заказ" найдите строки

<div class="buttons">
<h2>Форма быстрого оформления заказа</h2>

после них вставьте данный код

Скрытый текст

{% IF cart_items_empty %}
	<div class="attention">Корзина покупок пуста. Вы можете выбрать нужный товар из <a href="{CATALOG_URL}">каталога</a></div>
{% ELSE %}	
	<form action="{CART_URL}" method="post" class="cartForm">
	 <fieldset>
		<input type="hidden" name="hash" value="{HASH}" />
		<table>
		 <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>
		 <tfoot>
			<tr>
			 <td colspan="5">
				<span class="price">Итого:</span>
			 </td>
			 <td>
				<span class="price">
				 {% FOR cart_sum %}
					{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
				 {% ENDFOR %}
				</span>
			 </td>
			</tr>

		 </tfoot>
		 <tbody>
			{% FOR cart_items %}
			 <tr>
				<td width="5"><a href="{cart_items.ORDER_LINE_DELETE_URL}" title="Удалить позицию" class="close">×</a></td>
				<td><div class="image goods-image-icon-square"><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{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></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}]" type="number" title="Количество, {cart_items.GOODS_MOD_MEASURE_NAME}" value="{cart_items.ORDER_LINE_QUANTITY}" class="inputText qty a-center" size="4" maxlength="12" min="0" />
				</td>
				<td width="90">
				 <span class="cart-price">
					<span class="price">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>			
				 </span>
				</td>
			 </tr>
			{% ENDFOR %}
			 {% ENDIF %}

[Mari-ina]

Вот так это выглядело. Если менять количество, сумма не меняется. Только удаление работает.
1. Можно вынести это в отдельный блок, т.е. отделить от заполнения персональных данных
2. Немного раздвинуть столбцы
3. Наладить изменение количества, чтобы сумма менялась

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

• 

[Vaccina]

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

[Mari-ina]

Изменения я убрала, так как они не очень удобны в таком виде для пользователя. Сделаю повторно вечером

[Mari-ina]

Код установила

[Ирина345]

Mari-ina (03 Сентябрь 2014 - 19:45) писал:

Код установила

Здравствуйте,
1.2 найдите в шаблоне Быстрый заказ код

 {% ENDFOR %}
						 {% ENDIF %}
		
		<table class="form">

замените на
          

					{% ENDFOR %}
						</tbody>
		</table>
						 {% ENDIF %}
						  </fieldset>
						
						  </div>
			  <div class="buttons">			 
		<table class="form">
  <fieldset>

[Mari-ina]

Спасибо, отдельный блок появился. Как раздвинуть столбцы и наладить смену количества товара

[Сake]

Добавьте в ваш файл стилей main.css

#quickform .buttons tbody td {
  padding: 4px;
}
.cartFormTbodyHeader {
  padding-right: 20px;
}
#quickform .buttons > fieldset .buttons {
  display: none;
}

а в конец шаблона "Быстрый заказ" следующий код

<script>
$(function() {
  $('#quickform').on('change', '.buttons .qty', function() {
	var content = $(this).closest('.buttons').find('input').serializeArray();
	$.post('/cart', content, function(html) {
	  $('#quickform .buttons:first > fieldset').html($(html).find('.cartForm fieldset').html());
	});
  });
});
</script>

[Mari-ina]

Спасибо, теперь все как надо!