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


Корзина


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

#21 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 09 Октябрь 2013 - 12:14

Теперь в редакторе шаблонов HTML найдите блок Корзина и замените его  на
   <!-- Корзина -->
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
				<div class="cart-info">
				<div class="cart-count"></div>
				<div class="cart-item"></div>
				<div class="cart-total"></div>
		</div>
</div>
						<table>
						  <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
						<br><a href="{CART_URL}"></a><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>
							   
						  </tr>
						</table>
		  </div>
		  <!-- end Корзина -->


#22 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 12:22

Не работает теперь не переходит в корзину

#23 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 09 Октябрь 2013 - 12:41

ага, там один лишней закрывающийся тэг </a>)
в новом коде корзине
нужно поменять строчку
<br><a href="{CART_URL}"></a><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>
на
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>


#24 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 12:48

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

а, и еще когда товаров 0 в корзине, цифра не нужна. нужно что бы появлялся счет товаров с первого товара.

#25 borisovd

borisovd

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

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

Отправлено 09 Октябрь 2013 - 19:19

и еще нужно что бы цифра на значке корзины подсвечивалась, как неоновая подсветка. типа фильтра glow, как ореол вокруг цифры

#26 miyako

miyako

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

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

Отправлено 10 Октябрь 2013 - 08:10

Просмотр сообщенияborisovd (09 Октябрь 2013 - 19:19) писал:

и еще нужно что бы цифра на значке корзины подсвечивалась, как неоновая подсветка. типа фильтра glow, как ореол вокруг цифры

При изменениях Вы удалили вывод количества товаров в корзине. Если есть возможность восстановить код до http://forum.storela...ина/#entry94221, то восстановите пожалуйста.
Если нет возможности, то
Найдите код в шаблоне HTML  -
  <table>
												  <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>														  
												  </tr>
												</table>
и замените на  -
  <span id="cartCount">
		{% IF cart_count_empty %}
	  <span class="red">0</span> шт.
	{% ELSE %}
	  {% FOR cart_count %}
		{cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	  {% ENDFOR %}
	{% ENDIF %}
		</span>


#27 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 09:50

Сделал, пропал значок корзины

#28 Taisia

Taisia

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

  • Модератоpы
  • 1 289 сообщений

Отправлено 10 Октябрь 2013 - 14:50

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

<!-- Корзина -->
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
							 <div class="cart-info">
							 <div class="cart-count"></div>
							 <div class="cart-item"></div>
							 <div class="cart-total"></div>
			 </div>
</div>
											 <table>
												 <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>														
												 </tr>
											 </table>
				 </div>
				 <!-- end Корзина -->


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

<!-- Корзина -->
<div class="cartInfo" id="cartInfo">
											 <table>
												 <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount">
			 {% IF cart_count_empty %}
		 <span class="red">0</span> шт.
	 {% ELSE %}
		 {% FOR cart_count %}
			 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
			 </span></a>														
												 </tr>
											 </table>
				 </div>
				 <!-- end Корзина -->



далее в конец файла main.css добавить код

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}

далее в файле Ajax добавление товара в корзину


найти код
<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
</strong>

и замените его на
<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
</strong><strong class="newCartCount2" style="display:none;">
		 {% FOR cart_count %}
	 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}

</strong>


там же найти код строка 32
$('#cartCount').html($('.newCartCount').html());

и заменить на код

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


#29 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 15:16

Просмотр сообщенияTaisia (10 Октябрь 2013 - 14:50) писал:

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

<!-- Корзина -->
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
							 <div class="cart-info">
							 <div class="cart-count"></div>
							 <div class="cart-item"></div>
							 <div class="cart-total"></div>
			 </div>
</div>
											 <table>
												 <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span style="position: absolute;top: 54px;left: 33px; font-size: 23px;">{CART_COUNT_TOTAL}</span></a>														
												 </tr>
											 </table>
				 </div>
				 <!-- end Корзина -->


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

<!-- Корзина -->
<div class="cartInfo" id="cartInfo">
											 <table>
												 <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount">
			 {% IF cart_count_empty %}
		 <span class="red">0</span> шт.
	 {% ELSE %}
		 {% FOR cart_count %}
			 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
		 {% ENDFOR %}
	 {% ENDIF %}
			 </span></a>														
												 </tr>
											 </table>
				 </div>
				 <!-- end Корзина -->



далее в конец файла main.css добавить код

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}

далее в файле Ajax добавление товара в корзину


найти код
<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
</strong>

<strong class="newCartCount">
{% IF cart_count_empty %}
	 <span class="red">0</span> шт.
{% ELSE %}
	 {% FOR cart_count %}
	 {cart_count.COUNT}{cart_count.MEASURE_NAME}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}
{% ENDIF %}
</strong><strong class="newCartCount2" style="display:none;">
		 {% FOR cart_count %}
	 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
	 {% ENDFOR %}

</strong>


там же найти код строка 32
$('#cartCount').html($('.newCartCount').html());

и заменить на код

$('#cartCount').html($('.newCartCount2').html());
Цифра на корзине и так меняется, не меняется в всплывающем окне, это первое. Второе нужно что бы цифра была с фильтром подсвечивания, что бы выделялась, как ореол нужно сделать короче. И кнопку пересчитать в всплывающем окне поменять на очистить корзину

#30 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 10 Октябрь 2013 - 15:41

Попробуйте вставить этот код сразу после начала блока "Корзина",
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
<div class="cart-info">
<div class="cart-count"></div>
<div class="cart-item"></div>
<div class="cart-total"></div>
</div>
</div>

а этот блок в main.css

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
заменить на
#cartCount {
position: absolute;
left: 29px;
top: 56px;
font-size: 20px;
box-shadow: 0 0 3px 5px rgba(255, 255, 255, 0.9);
border-radius: 14px;
background: #BEB58D;
width: 21px;
height: 21px;
line-height: 22px;
text-align: center;
}


#31 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 15:52

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
у меня нет в css такого( может просто дописать внизу?

И у меня сразу после корзины и так стоит код

<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
                                <div class="cart-info">
                                <div class="cart-count"></div>
                                <div class="cart-item"></div>
                                <div class="cart-total"></div>
                </div>
</div>

#32 shnafix

shnafix

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

  • Модератоpы
  • 506 сообщений

Отправлено 10 Октябрь 2013 - 15:57

Просмотр сообщенияborisovd (10 Октябрь 2013 - 15:52) писал:

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;
}
у меня нет в css такого( может просто дописать внизу?

И у меня сразу после корзины и так стоит код

<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
<div class="cart-info">
<div class="cart-count"></div>
<div class="cart-item"></div>
<div class="cart-total"></div>
</div>
</div>
В сообщении выше от Taisia Вас просили добавить его.

Цитата

далее в конец файла main.css добавить код

#cartCount {
position: absolute;
left: 33px;
top: 56px;
font-size: 20px;

}


#33 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 10 Октябрь 2013 - 15:58

Да, вставьте в конец тогда файла main.css

#34 borisovd

borisovd

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

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

Отправлено 10 Октябрь 2013 - 16:11

и что должно было поменятся? все осталось по прежнему

#35 borisovd

borisovd

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

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

Отправлено 11 Октябрь 2013 - 00:55

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

#36 Сake

Сake

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

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

Отправлено 11 Октябрь 2013 - 02:18

Найдите в файле main.js

$(html).find('.cartFormTable tbody > tr').size()

и замените на

$(html).find('.cartFormTable .cartFormTbody > tr').size()

далее найдите

$('.cart-total').find('input:first').click(function() {
						   updateCartInfo();
		  });

и замените на

$('.cart-total').find('input:first').val('Очистить корзину').click(function() {
			 $.get('/cart/truncate/');
			 setTimeout(function() {document.location.reload();}, 500);
		  });

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

#cartInfo > a > span:last-child {
	background: #000000;
	border-radius: 16px;
	box-shadow: 0 0 5px #FFFE00;
	color: #FFFFFF;
	left: 26px !important;
	padding: 1px 8px;
}
#cartInfo > a > span:last-child:hover {
	background: #FFFFFF;
	color: #000;
}


#37 borisovd

borisovd

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

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

Отправлено 11 Октябрь 2013 - 07:13

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

#38 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 11 Октябрь 2013 - 09:56

Здравствуйте! Судя по всему все перемешалось, и сейчас в коде непонятно что, и корзина непонятно какая, вот скачайте  бэкап вашего сайта, установите себе, посмотрите. Корзина там переделана.

Прикрепленные файлы



#39 borisovd

borisovd

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

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

Отправлено 11 Октябрь 2013 - 09:58

все хорошо только корзина не всплывает теперь

#40 empty9228

empty9228

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

  • Модератоpы
  • 618 сообщений

Отправлено 11 Октябрь 2013 - 10:06

Чтоб это вернуть поменяйте свой блок "Корзина" на следующий код

<!-- Корзина -->
<div class="cartInfo" id="cartInfo">
<div class="cart-preloaded">
														 <div class="cart-info">
														 <div class="cart-count"></div>
														 <div class="cart-item"></div>
														 <div class="cart-total"></div>
						 </div>																							 <table>
																								 <tr><td colspan="2" class="valignMiddle" style="padding-left:65px;"></td></tr>
<br><a href="{CART_URL}"><span class="orderIcon cart"></span><span id="cartCount">
							 {% IF cart_count_empty %}
				 <span class="red">0</span> шт.
			 {% ELSE %}
				 {% FOR cart_count %}
							 {cart_count.COUNT}{% IFNOT cart_count.last %},{% ENDIF %}
				 {% ENDFOR %}
			 {% ENDIF %}
							 </span></a>																											
																								 </tr>
																							 </table>
								 </div>
								 <!-- end Корзина -->





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

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