Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Расположение Корзины

Автор mariteks, 22 сент. 2013 14:39

Авторизуйтесь для ответа в теме

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

#1 mariteks

Продвинутый пользователь

Пользователи
150 сообщений

ГородКиров

Отправлено 22 Сентябрь 2013 - 14:39

Подскажите как перенести корзину как показано на рисунке.

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

Наверх

#2 shnafix

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

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

Отправлено 22 Сентябрь 2013 - 16:55

mariteks (22 Сентябрь 2013 - 14:39) писал:

Подскажите как перенести корзину как показано на рисунке.

Речь идет об этом сайте? Прикрепленный скриншот несколько отличается от указанного в вашем аккаунте сайта

Наверх

#3 mariteks

Продвинутый пользователь

Пользователи
150 сообщений

ГородКиров

Отправлено 22 Сентябрь 2013 - 17:44

shnafix (22 Сентябрь 2013 - 16:55) писал:

Речь идет об этом сайте? Прикрепленный скриншот несколько отличается от указанного в вашем аккаунте сайта

Вот об этом

Наверх

#4 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 22 Сентябрь 2013 - 18:55

mariteks (22 Сентябрь 2013 - 17:44) писал:

Вот об этом

Здравствуйте, в шаблоне HTML найдите

<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
	
		 {% IF cart_count_empty %}
		
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Оформить заказ</li>
			 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>

вырежьте и сразу после

<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>

вставьте

<div class="cart">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
	
		 {% IF cart_count_empty %}
		
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Оформить заказ</li>
			 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
</div>

теперь в main.css найдите

#panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #panelsite div.rightcol a img { float:left; margin:-20px 0 0 0px;}
	 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li { margin:0px 0 0 0; }
		 #panelsite div.rightcol ul:hover li.default { display:none; }
		 #panelsite div.rightcol ul:hover li.off { display:block; }
		 #panelsite div.rightcol ul li.hover { display:none; }
		 #panelsite div.rightcol ul:hover li.hover { display:block; color:#33cc66; }
		 #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

замените на

#header .blocks .cart a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
#header .blocks .cart a img { float:left; margin:-20px 0 0 0px;}
#header .blocks .cart ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
#header .blocks .cart ul li { margin:0px 0 0 0; }
#header .blocks .cart ul:hover li.default { display:none; }
#header .blocks .cart ul:hover li.off { display:block; }
#header .blocks .cart ul li.hover { display:none; }
#header .blocks .cart ul:hover li.hover { display:block; color:#33cc66; }
#header .blocks .cart ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

Наверх

#5 mariteks

Продвинутый пользователь

Пользователи
150 сообщений

ГородКиров

Отправлено 22 Сентябрь 2013 - 19:58

support 2.0 (22 Сентябрь 2013 - 18:55) писал:

Здравствуйте, в шаблоне HTML найдите

<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
	
		 {% IF cart_count_empty %}
		
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Оформить заказ</li>
			 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>

вырежьте и сразу после

<div class="logotype"><a href="http://{NET_DOMAIN}/"><img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}" title="{SETTINGS_STORE_NAME}" /></a></div>

вставьте

<div class="cart">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
	 <ul onclick="document.location='{CART_URL}';">
	
		 {% IF cart_count_empty %}
		
		 <li class="default off">Товаров на:</li>
		 <li class="money cartSum">0 {CURRENCY_NAME}</li>
		 {% ELSE %}
		 {% FOR cart_sum %}
			 <li class="default">Товаров на:</li>
			 <li class="hover">Оформить заказ</li>
			 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
			
		 {% ENDFOR %}
		 {% ENDIF %}
	 </ul>
</div>

теперь в main.css найдите

#panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
	 #panelsite div.rightcol a img { float:left; margin:-20px 0 0 0px;}
	 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li { margin:0px 0 0 0; }
		 #panelsite div.rightcol ul:hover li.default { display:none; }
		 #panelsite div.rightcol ul:hover li.off { display:block; }
		 #panelsite div.rightcol ul li.hover { display:none; }
		 #panelsite div.rightcol ul:hover li.hover { display:block; color:#33cc66; }
		 #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

замените на

#header .blocks .cart a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
#header .blocks .cart a img { float:left; margin:-20px 0 0 0px;}
#header .blocks .cart ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
#header .blocks .cart ul li { margin:0px 0 0 0; }
#header .blocks .cart ul:hover li.default { display:none; }
#header .blocks .cart ul:hover li.off { display:block; }
#header .blocks .cart ul li.hover { display:none; }
#header .blocks .cart ul:hover li.hover { display:block; color:#33cc66; }
#header .blocks .cart ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

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

Наверх

#6 support 2.0

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

Модераторы
4 950 сообщений

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

mariteks (22 Сентябрь 2013 - 19:58) писал:

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

прочитайте, пожалуйста, мою инструкцию еще раз. Вам сначала нужно было удалить блок

<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
		 <ul onclick="document.location='{CART_URL}';">
	
				 {% IF cart_count_empty %}
			
				 <li class="default off">Товаров на:</li>
				 <li class="money cartSum">0 {CURRENCY_NAME}</li>
				 {% ELSE %}
				 {% FOR cart_sum %}
						 <li class="default">Товаров на:</li>
						 <li class="hover">Оформить заказ</li>
						 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
					
				 {% ENDFOR %}
				 {% ENDIF %}
		 </ul>

а затем вставить уже другой блок

<div class="cart">
<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.png" alt="{SETTINGS_STORE_NAME}" title="Оформить заказ {SETTINGS_STORE_NAME}" /></a>
		 <ul onclick="document.location='{CART_URL}';">
	
				 {% IF cart_count_empty %}
			
				 <li class="default off">Товаров на:</li>
				 <li class="money cartSum">0 {CURRENCY_NAME}</li>
				 {% ELSE %}
				 {% FOR cart_sum %}
						 <li class="default">Товаров на:</li>
						 <li class="hover">Оформить заказ</li>
						 <li class="money cartSum">{cart_sum.NOW | money_format}</li>
					
				 {% ENDFOR %}
				 {% ENDIF %}
		 </ul>
</div>

Наверх

#7 mariteks

Продвинутый пользователь

Пользователи
150 сообщений

ГородКиров

Отправлено 22 Сентябрь 2013 - 20:21

Посмотрите пожалуйста еще раз, почти ничего не изменилось.

Наверх

#8 support 2.0

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

Модераторы
4 950 сообщений

Отправлено 22 Сентябрь 2013 - 20:38

mariteks (22 Сентябрь 2013 - 20:21) писал:

Посмотрите пожалуйста еще раз, почти ничего не изменилось.

Теперь замените блок (116-125 строка)

#panelsite div.rightcol a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 30px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
		 #panelsite div.rightcol a img { float:left; margin:-20px 0 0 0px;}
		 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
		 #panelsite div.rightcol ul li { margin:0px 0 0 0; }
				 #panelsite div.rightcol ul:hover li.default { display:none; }
				 #panelsite div.rightcol ul:hover li.off { display:block; }
				 #panelsite div.rightcol ul li.hover { display:none; }
				 #panelsite div.rightcol ul:hover li.hover { display:block; color:#33cc66; }
				 #panelsite div.rightcol ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

на

#header .blocks .cart a { font:normal 14px Verdana, Geneva, sans-serif; color:#686868; margin:5px 0 0 125px; float:left; display:block; width:48px; overflow:hidden; height:58px; padding:20px 0; text-decoration:none; }
#header .blocks .cart a img { float:left; margin:-20px 0 0 0px;}
#header .blocks .cart ul { margin:0 0 0 15px; float:left;padding:6px 0;cursor:pointer; }
#header .blocks .cart ul li { margin:0px 0 0 0; }
#header .blocks .cart ul:hover li.default { display:none; }
#header .blocks .cart ul:hover li.off { display:block; }
#header .blocks .cart ul li.hover { display:none; }
#header .blocks .cart ul:hover li.hover { display:block; color:#33cc66; }
#header .blocks .cart ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }