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


Содержание Корзины При Добавлении Товара


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

#1 Purogen

Purogen

    Пользователь

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

Отправлено 01 Сентябрь 2015 - 07:00

Добрый день.
Аккаунт SL-345565

Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
добавление в корзину.jpg

Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.

2. В каком блоке резактируются кнопки в этом же окне?

Спасибо.

#2 Ирина345

Ирина345

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

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

Отправлено 01 Сентябрь 2015 - 10:48

Просмотр сообщенияPurogen (01 Сентябрь 2015 - 07:00) писал:

Добрый день.
Аккаунт SL-345565

Подскажите пожалуйста, как реализовать следующее:
1. При добавлении товара в корзину, появляется всплывающее окно
Прикрепленный файл добавление в корзину.jpg

Но в корзине уже есть несколько товаров, как в это окно добавить полный список из корзины с указанием общей стоимости.

2. В каком блоке резактируются кнопки в этом же окне?

Спасибо.
Здравствуйте,
1. найдите в шаблоне Быстрый заказ код
<div class="alignCenter">
 <button type="button" class="button quickform theme-color qfb" id="quickform-order">Оформить заказ</button>
  <button type="submit" class="button сlose2 theme-color qfb" id="quickform-close">Продолжить покупки</button>
</div>


замените на


<div class="alignCenter">

<form action="{CART_URL}" method="post" class="cartForm">
	  <fieldset class="scroll"> 
		<input type="hidden" name="hash" value="{HASH}" />
		<table class="cartTable"> 
		  <thead class="theme-color btheme-color"> 
			<tr>			   
			  <td width="40" class="image">Фото</td> 
			  <td class="tFieldName">Название товара</td> 
			  <td width="60" class="price-field">Цена</td> 
			  <td class="quantity">Кол-во</td> 
			  <td class="total">Общая сумма</td> 
			  
			</tr> 
		  </thead>			   
			   
		  <tbody>
			{% FOR cart_items %}
			  <tr data-id="{cart_items.GOODS_MOD_ID}">				
				<td height="100"><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?design=chameleon{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a></div></td>
				<td class="goodsNameInCart"> 
				  <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="150"> 
				  <span class="cart-price"> 
					<span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>			
				  </span>
				</td>
				<td width="80">
				  {cart_items.ORDER_LINE_QUANTITY}
				</td> 
				<td width="150"> 
				 <span class="cart-price">
					<span class="price ajaxtotal">{cart_items.ORDER_LINE_PRICE_NOW | money_format}</span>			
				  </span> 
				</td> 
				 </tr>  
			{% ENDFOR %}
			<!-- Скидки, действующие на заказ -->
		   
			{% FOR cart_discount %}
			  {% IF cart_discount.DISCOUNT_IS_ENABLED %}
				<tr class="discounttr">
				  <td>Cкидка</td>
				  <td><div class="discount"></div></td>
				  <td style="padding:10px">{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 class="totalDiscount"><span>{cart_discount.END_PRICE | money_format}</span></td>
				 
				</tr>
			  {% ENDIF %}
			{% ENDFOR %}
	  
		  </tbody> 
		</table>
	  </fieldset>
	 
			 
	  </form> 


 <button type="button" class="button quickform theme-color qfb" id="quickform-order">Оформить заказ</button>
  <button type="submit" class="button сlose2 theme-color qfb" id="quickform-close">Продолжить покупки</button>
</div>


2. какую именно кнопку хотите изменить и как

#3 Purogen

Purogen

    Пользователь

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

Отправлено 01 Сентябрь 2015 - 11:45

1. Можно ли отцентровать заголовки таблицы?
заказ.jpg

В частности надписи: Фото, Цена, Сумма.

Также под всеми товарами необходима строка с общей суммой всего заказа.

2. Поменять местами кнопки внизу Оформить заказ и Проболжить покупки. И у кнопки Продолжить покупки убрать изначальную заливку.

Спасибо.

#4 Purogen

Purogen

    Пользователь

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

Отправлено 01 Сентябрь 2015 - 15:41

Просмотр сообщенияPurogen (01 Сентябрь 2015 - 11:45) писал:

Также под всеми товарами необходима строка с общей суммой всего заказа.


С этим кажеться разобрался:
вместо
{% ENDFOR %}
   </tbody>
  </table>
</fieldset>
</form>

поставил:

{% ENDFOR %}
   </tbody>
  </table>

<div class="TotalSum ftheme-color">
  <span class="price">Итого:</span>   
<span class="price">
  {% FOR cart_sum %}
{cart_sum.NOW_WITH_DISCOUNT | money_format}<br />
  {% ENDFOR %}
</span>
</div>

</fieldset>
</form>

Верно?

#5 Vaccina

Vaccina

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

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

Отправлено 02 Сентябрь 2015 - 06:19

1-2 В шаблоне Быстрый заказ найдите:
#quickform-order {float: left;}
  #quickform-close {float: right;}

замените на:
#quickform-order {float: right;}
  #quickform-close {float: left;}
.cartForm td {
	text-align: center;
}


#6 Purogen

Purogen

    Пользователь

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

Отправлено 02 Сентябрь 2015 - 15:51

Спасибо, всё верно.
Остался только вопрос с цветом кнопок. Как сделать чтобы кнопка Продолжить покупки стала белой, по аналогии со скриншотом?
кнопки.jpg

#7 MikDark

MikDark

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

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

Отправлено 02 Сентябрь 2015 - 16:00

Просмотр сообщенияPurogen (02 Сентябрь 2015 - 15:51) писал:

Спасибо, всё верно.
Остался только вопрос с цветом кнопок. Как сделать чтобы кнопка Продолжить покупки стала белой, по аналогии со скриншотом?
Прикрепленный файл кнопки.jpg

В шаблон main.css добавьте код:
#quickform-close {
	float: left;
	background: #fff important;
	color: #000;
}


#8 Purogen

Purogen

    Пользователь

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

Отправлено 04 Сентябрь 2015 - 05:34

Просмотр сообщенияMikDark (02 Сентябрь 2015 - 16:00) писал:

В шаблон main.css добавьте код:
#quickform-close {
float: left;
background: #fff important;
color: #000;
}

Добрый день.
Данное решение не помогает.
В данный момент форма заказа выглядит следующим образом:
заказ 2.jpg

Необходимо сделать так:
кнопки 2.jpg

Т.е. как при обычном оформлении заказа кнопка Назад.
Пытался подставить стиль той кнопки - не помогло.

#9 Vaccina

Vaccina

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

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

Отправлено 04 Сентябрь 2015 - 06:44

В шаблоне Быстрый заказ найдите:
#quickform-close {float: left;}
замените на:
#quickform-close {
float: left;
color: #666;
background:none;
font-size: 18px;
border: 1px solid #DDD;
padding: 6px 20px 8px;
margin-top: 10px;
cursor: pointer;
transition: all 0.35s ease 0s;
}
#quickform-close:hover {
background: #DDD;
color: #000;
}


#10 Purogen

Purogen

    Пользователь

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

Отправлено 04 Сентябрь 2015 - 06:57

Большое спасибо.




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

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