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

[tega4]

Появилась необходимость вывести фотографию товара, название и цену в корзину.
Вставила код из корзины, но не получается выровнять, а точнее поднять вверх название и цену (сравнять с изображением)
И также не появляется товар при добавлении в корзину, необходимо обновлять страницу. (может быть не те переменные?)

[Dars]

tega4 (26 Июль 2014 - 19:17) писал:

Появилась необходимость вывести фотографию товара, название и цену в корзину.
Вставила код из корзины, но не получается выровнять, а точнее поднять вверх название и цену (сравнять с изображением)
И также не появляется товар при добавлении в корзину, необходимо обновлять страницу. (может быть не те переменные?)

В шаблон "Ajax добавление товара в корзину" добавьте перед строкой:

<!-- Обновление данных корзины -->

добавьте код:

<table style="display:none;" class="new_cart_now">
	  <!-- Позиции заказа -->
			  {% FOR cart_items %}
				<tr>
				  <td>
					<a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
				  </td>
				  <td class="cart_now1">
				  {cart_items.GOODS_NAME}<br>
				  <p class="num">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</p>
				  </td>
				  </tr>
			  {% ENDFOR %}
</table>

а после строки:

$('#cartCount').html($('.newCartCount').html());

строку:

$('.cart_now').html($('.new_cart_now').html());

[tega4]

спасибо, все работает теперь)

[tega4]

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

[tega4]

и объясните почему слетает кнопка "найти" когда заходишь в корзину на оформление заказа?

[tega4]

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

[tega4]

жду ответов!!!!

[Ирина345]

tega4 (08 Август 2014 - 15:05) писал:

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

Здравствуйте,  найдите в шаблоне Оформление заказов код

input, select {
font-size: 100%;
height: 25px;
text-align: left;
margin-right: 10px;
}

замените на

input, select {
font-size: 100%;
height: 25px;
text-align: left;
}

[tega4]

Вы мне не то ответили.
В корзине. которая находится в боковой колонке не отображается сразу кнопка "оформить заказ" и итоговая сумма заказа.

Также жду помощи по эти вопросам:

1. объясните почему слетает кнопка "найти" когда заходишь в корзину на оформление заказа?

2. помогите поставить карусель для дополнительных фото товара в карточку товара. вроде все перенесла в свой шаблон, но не получается ничего. (как в шаблоне "бистро")

3. помогите перенести с "движения" дополнительные фото на страницу товара, отображаются в таблице при наведении на фото.

[Ирина345]

tega4 (07 Август 2014 - 18:32) писал:

и объясните почему слетает кнопка "найти" когда заходишь в корзину на оформление заказа?

Извините, я отвечала на данный вопрос.

[tega4]

нет данного кода в шаблоне "оформление заказа" и в main.css

подскажите почему не прописались стили для изменения кол-ва товара в карточке товара?

[tega4]

Список не решенных вопросов:

1. Съезжает поиск в корзине.
2. Не прогрузились стили для кол-ва товара в карточке товара.
3. Необходимо чтобы для не авторизованных клиентов "форма входа" показывалась, а для авторизованных показывалась "История покупок" и "выход".
4.В корзине. которая находится в боковой колонке не отображается сразу кнопка "оформить заказ" и итоговая сумма заказа.

[batta]

tega4 (10 Август 2014 - 18:54) писал:

Список не решенных вопросов:

1. Съезжает поиск в корзине.
2. Не прогрузились стили для кол-ва товара в карточке товара.
3. Необходимо чтобы для не авторизованных клиентов "форма входа" показывалась, а для авторизованных показывалась "История покупок" и "выход".
4.В корзине. которая находится в боковой колонке не отображается сразу кнопка "оформить заказ" и итоговая сумма заказа.

Здравствуйте.
1)в main.css

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
}

измените на

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
margin-top: -28px;
margin-right: 0px;
}

В style.css

.tabbed_area {
width: 660px;
margin-left: 0px;
margin-top: 0px;
border: 1px solid #2f4f4f;
background-color: #2792ec;
padding: 8px;
}

измените на

.tabbed_area {
width: 606px;
margin-left: 0px;
margin-top: 0px;
border: 1px solid #2f4f4f;
background-color: #2792ec;
padding: 8px;
}

2)Уточните, пожалуйста, что конкретно не прогрузилось.

[tega4]

batta (11 Август 2014 - 07:02) писал:

Здравствуйте.
1)в main.css

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
}

измените на

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
margin-top: -28px;
margin-right: 0px;
}

В style.css

.tabbed_area {
width: 660px;
margin-left: 0px;
margin-top: 0px;
border: 1px solid #2f4f4f;
background-color: #2792ec;
padding: 8px;
}

измените на

.tabbed_area {
width: 606px;
margin-left: 0px;
margin-top: 0px;
border: 1px solid #2f4f4f;
background-color: #2792ec;
padding: 8px;
}

2)Уточните, пожалуйста, что конкретно не прогрузилось.

1. то что вы мне написали смещает мне поиск на всех страницах вверх, соответственно его не видно. Нужно сделать так, что бы он НЕ перескакивал на странице корзины!

2. в карточке товара при наведении на "+" и "-" не меняется курсор, нет фона вообще под этими кнопками, а должен быть.

/* Кнопки выбора количества товара на странице товара*/
  div.plus_minus_quantity {margin:5px 0 10px;}
  .numeric_input .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;
  text-align:center !important;}
  .numeric_input .qty-minus, .quantity .qty-minus, .numeric_input .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px;
  padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
  .numeric_input .qty-plus:hover, .quantity .qty-plus:hover, .numeric_input .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
  .plus_minus_quantity {margin: 0 10px 0 0;}
  .numeric_input .qty-minus,.numeric_input .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;
  vertical-align: middle;}
  .quantity {height: 32px;margin: 0;vertical-align: middle;}
  /* END Кнопки выбора количества товара */
 

3 и 4 вопросы так и не помогли.

[batta]

tega4 (11 Август 2014 - 13:31) писал:

1. то что вы мне написали смещает мне поиск на всех страницах вверх, соответственно его не видно. Нужно сделать так, что бы он НЕ перескакивал на странице корзины!

2. в карточке товара при наведении на "+" и "-" не меняется курсор, нет фона вообще под этими кнопками, а должен быть.

/* Кнопки выбора количества товара на странице товара*/
div.plus_minus_quantity {margin:5px 0 10px;}
.numeric_input .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;
text-align:center !important;}
.numeric_input .qty-minus, .quantity .qty-minus, .numeric_input .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px;
padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
.numeric_input .qty-plus:hover, .quantity .qty-plus:hover, .numeric_input .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
.plus_minus_quantity {margin: 0 10px 0 0;}
.numeric_input .qty-minus,.numeric_input .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;
vertical-align: middle;}
.quantity {height: 32px;margin: 0;vertical-align: middle;}
/* END Кнопки выбора количества товара */

3 и 4 вопросы так и не помогли.

1)
style.css

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
margin-right: 0px;
}

измените на

#search .submit.alignright {
cursor: pointer;
height: 23px;
width: 40px;
background: transparent;
border: none;
color: #fff;
padding: 0px;
margin-right: 0px;
margin-top: -25px;
}

2)
В Style.css

/* Кнопки выбора количества товара на странице товара*/
div.plus_minus_quantity {margin:5px 0 10px;}
.numeric_input .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;
text-align:center !important;}
.numeric_input .qty-minus, .quantity .qty-minus, .numeric_input .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px;
padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
.numeric_input .qty-plus:hover, .quantity .qty-plus:hover, .numeric_input .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
.plus_minus_quantity {margin: 0 10px 0 0;}
.numeric_input .qty-minus,.numeric_input .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;
vertical-align: middle;}
.quantity {height: 32px;margin: 0;vertical-align: middle;}
/* END Кнопки выбора количества товара */

измените на

/* Кнопки выбора количества товара на странице товара*/
div.plus_minus_quantity {margin:5px 0 10px;}
.numeric_input .quantity, .quantity .quantity {margin-bottom:2px;height:21px;border-radius:5px;padding-top:0px;padding-bottom:0px;
text-align:center !important;}
.qty-plus,.qty-minus{cursor:pointer;}
.numeric_input .qty-minus, .quantity .qty-minus, .numeric_input .qty-plus, .quantity .qty-plus {cursor:pointer;border: 0 none;width:22px; height: 22px;
padding: 2px 7px; margin: 0;text-align:center;background-color: #FF0551;-webkit-border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;border-radius: 5px; color: #FFFFFF;padding-bottom:3px;}
.numeric_input .qty-plus:hover, .quantity .qty-plus:hover, .numeric_input .qty-minus:hover, .quantity .qty-minus:hover {background-color: #444444;}
.plus_minus_quantity {margin: 0 10px 0 0;}
.numeric_input .qty-minus,.numeric_input .qty-plus {height: 36px; width: 20px;color: #fff;padding: 8px 7px;line-height: 36px;
vertical-align: middle;}
.quantity {height: 32px;margin: 0;vertical-align: middle;}
/* END Кнопки выбора количества товара */

3) Утоните где вы хотите что б была кнопка история покупок, где должны быть остальные кнопки.
4)
В шаблоне Быстрый заказ

<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="summary">
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
		 <span>0</span>
		 {% ELSE %}
		 {% FOR cart_count %}
				 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}</strong> товаров в корзине</a>
</div>
<div class="basket-summary">
<table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
		 <tbody>
		 <tr>
				 <td>Сумма заказа:</td>
				 <td>
						 {% IF cart_count_empty %}
						 <span>0</span> {CURRENCY_NAME}
						 {% ELSE %}
						 {% FOR cart_sum %}
								 {cart_sum.NOW | money_format}<br />
						 {% ENDFOR %}
						 {% ENDIF %}
				 </td>
		 </tr>
		 </tbody>
</table>
{% IF cart_count_empty %}
		 <p>Ваша корзина пуста</p>
{% ENDIF %}
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('.basket-info:first').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->

измените на

<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartData">
<div class="summary">
<a href="{CART_URL}"><strong>{% IF cart_count_empty %}
		 <span>0</span>
		 {% ELSE %}
		 {% FOR cart_count %}
				 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
		 {% ENDFOR %}
		 {% ENDIF %}</strong> товаров в корзине</a>
</div>
<div class="basket-summary">
<table {% IF cart_count_empty %}style="display: none;"{% ENDIF %}>
		 <tbody>
		 <tr>
				 <td>Сумма заказа:</td>
				 <td>
						 {% IF cart_count_empty %}
						 <span>0</span> {CURRENCY_NAME}
						 {% ELSE %}
						 {% FOR cart_sum %}
								 {cart_sum.NOW | money_format}<br />
						 {% ENDFOR %}
						 {% ENDIF %}
				 </td>
		 </tr>
		 <tr><td colspan="2">			 {% FOR cart_sum %}
			 <a class="oformlenie" href="{CART_URL}"><span>Оформить заказ</span></a>
			 {% ENDFOR %}</td></tr>
		 </tbody>
</table>
{% IF cart_count_empty %}
		 <p>Ваша корзина пуста</p>
{% ENDIF %}
</div>
</div>
<!-- JS обновление данных корзины -->
<script>$('.basket-info:first').html($('#newCartData').html());</script>
<!-- end Блок для обновления данных корзины. Не виден пользователю -->

[tega4]

Цитата

4)
В шаблоне Быстрый заказ

изменений не произошло.

Цитата

1)
style.css

а что измениться от того что вы в предыдущем коде изменили 28 на 25?
у меня первоначально поиск стоит на месте:
а в корзине нет:

3 вместо формы должно быть,
"Здравствуйте, Имя пользователя!
История заказов | Выход"

Цитата

2)
В Style.css

к сожалению ничего не изменилось

________________________________________

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

Сообщение отредактировал tega4: 11 Август 2014 - 17:09

[daria_dnk]

tega4 (11 Август 2014 - 15:35) писал:

изменений не произошло.

а что измениться от того что вы в предыдущем коде изменили 28 на 25?
у меня первоначально поиск стоит на месте: ghjn.JPG
а в корзине нет: jyujyu.JPG

3 вместо формы должно быть,
"Здравствуйте, Имя пользователя!
История заказов | Выход"
fgfh.JPG




к сожалению ничего не изменилось

________________________________________

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

Здравствуйте! По поводу выравнивания поиска попробуйте в шаблоне HTML найти код

   <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div>

и заменить его на

   <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
		  <div style="width: 204px;">

[tega4]

Спасибо.


___________________________________

ПРОШЛА НЕДЕЛЯ, ОСТАЛИСЬ НЕ РЕШЕННЫЕ ВОПРОСЫ:

3. Необходимо чтобы для не авторизованных клиентов "форма входа" показывалась, а для авторизованных показывалась "История покупок" и "выход".
что должно быть

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

[Сake]

3. Форма по сути у вас реализована полностью. Возможно вы хотите на данном этапе привести немного внешний вид в порядок? Если да, то попробуйте следующее - в шаблоне "HTML" найдите код

{% IFNOT CLIENT_IS_LOGIN %}
		<form action="{USER_LOGIN_URL}" method="post" class="clientForm">
 
		<!-- Тело таблицы. Форма авторизации -->
<label for="sites_client_mail">Email</label><br />
<input id="sites_client_mail" name="form[sites_client_mail]"  value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email cornerAll"/><br />
			<!--td class="ceil3 valignMiddle" rowspan="2">
			  <div class="alignCenter" style="display:none;" id="caps_lock">
				<img src="{ASSETS_IMAGES_PATH}warningCapslock.png"><br />
				<strong>Caps Lock включен.</strong><br />
				Пароль может быть введен неверно.
			  </div>
			</td-->
<label for="sites_client_pass">Пароль</label><br />
<input id="sites_client_pass" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="required cornerAll" /><br />
	   
		<!-- Низ таблицы. Кнопка отправки формы -->
<a href="{USER_REGISTER_URL}">Регистрация</a> | <input type="submit" class="more-link vhod" value="Войти" />
	  </form>
	  {% ENDIF %}
	 
				 {% IF CLIENT_IS_LOGIN %}
				Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>! | <a href="{USER_HISTORY_LIST_URL}">История заказов</a> | <a href="{USER_LOGOUT_URL}">Выход</a>
				 {% ENDIF %}

и замените его на

{% IFNOT CLIENT_IS_LOGIN %}
		<form action="{USER_LOGIN_URL}" method="post" class="clientForm">
		<!-- Тело таблицы. Форма авторизации -->
		<label for="sites_client_mail">Email</label><br />
		<input id="sites_client_mail" name="form[sites_client_mail]"  value="{FORM_SITES_CLIENT_MAIL}" maxlength="255" class="required email cornerAll"/><br />
		<label for="sites_client_pass">Пароль</label><br />
		<input id="sites_client_pass" type="password" name="form[sites_client_pass]" value="{FORM_SITES_CLIENT_PASS}" maxlength="50" minlength="6" class="required cornerAll" /><br />
	   
		<!-- Низ таблицы. Кнопка отправки формы -->
		<a href="{USER_REGISTER_URL}">Регистрация</a> | <input type="submit" class="more-link vhod" value="Войти" />
	  </form>
{% ELSE %}
		<span>Здравствуйте, <a href="{USER_SETTINGS_URL}">{CLIENT_NAME}</a>!</span>
		<div><a href="{USER_HISTORY_LIST_URL}">История заказов</a> | <a href="{USER_LOGOUT_URL}">Выход</a></div>
{% ENDIF %}

4. Найдите в вашем шаблоне "Ajax добавление товара в корзину" следующий код

<!-- Позиции заказа -->
						 {% FOR cart_items %}
							 <tr>
								 <td>
									 <a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
								 </td>
								 <td class="cart_now1">
								 {cart_items.GOODS_NAME}<br>
								 <p class="num">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</p>
								 </td>
								 </tr>
						 {% ENDFOR %}

и замените его на

<div><br/>
	 <h2><span>Ваша корзина</span></h2>
	 <table class="cart_now">
	 <!-- Позиции заказа -->
	 {% IF cart_count_empty %}
					 <!--tr>
	 <td>
		 <img src="{ASSETS_IMAGES_PATH}basket.png" style="width:50px;margin-left:50px"/>
	 </td>
	 <td>Ваша корзина пуста</td>
	 </tr-->
					 {% ENDIF %}
			 {% FOR cart_items %}
			 <tr>
				 <td>
				 <a href="{cart_items.GOODS_URL}"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}"></a>
				 </td>
				 <td class="cart_now1">
				 {cart_items.GOODS_NAME}<br>
				 <p class="num">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</p>
				 </td>
				 </tr>
			 {% ENDFOR %}
			 <tr>
			 <td colspan="2">
				 {% FOR cart_sum %}
				 <hr>
			 <span class="num itog">{cart_sum.NOW_WITH_DISCOUNT | money_format}</span><br />
		 {% ENDFOR %}
			 </td>
			 </tr>
			 </table>
			 <br><br>
			 {% FOR cart_sum %}
			 <a class="oformlenie" href="{CART_URL}"><span>Оформить заказ</span></a>
			 {% ENDFOR %}</div>

далее найдите строку

$('.cart_now').html($('.new_cart_now').html());

и замените её на

$('.cartInfo').html($('.new_cart_now').html());

[tega4]

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