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

[Мария А.]

Здравствуйте!!
Помогите, пожалуйста!
Никак не могу поменять все так как мне нужно, все как-то съезжает непонятным образом...
Вот скрин, мне нужно:
- поднять корзину, чтобы была справа от контактов;
- поиск поместить под контакты и сделать чуть меньше;
- и под корзиной (когда она вверху будет) сделать вход в личный кабинет.

SL-236009

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

• 

[empty9228]

Здравствуйте, найдите в файле html код поиска

<div class="search">
		 <form action="http://{NET_DOMAIN}/search" id="searchform" method="get">
			 <div>
			 <input type="text" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value=(this.value=='') ? 'Поиск' : this.value;" onfocus="this.value=(this.value=='Поиск') ? '' : this.value;" id="s" class="text" name="q" />
			 <input type="image" class="button" src="{ASSETS_IMAGES_PATH}spacer.gif" />
			 </div>
		 </form>
	 </div>

вставьте его перед <!-- Шапка сайта-Конец -->
затем найдите код корзины

[size=4]<div class="rightcol cartInfo">[/size]
		<a href="{CART_URL}"><img src="{ASSETS_IMAGES_PATH}cart.jpg" 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 { height:104px; width:100%; }
#panelsite div { height:104px; float:left; overflow:hidden; }
#panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#panelsite div.rightcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) -12px 0 no-repeat; width:241px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; }
#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; }
	 #panelsite div.rightcol ul { margin:0 0 0 15px; float:left;padding:20px 0;cursor:pointer; }
	 #panelsite div.rightcol ul li { margin:5px 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:#1e5d77; }
		 #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; }
#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width:747px;: }
#panelsite div.centercol div { height:auto; float:none; }
	 #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
	 #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
	 #panelsite div.centercol .menuheader ul li.main { background:none; }
		 #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
		 #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
		 #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
	 #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:90px; height:51px; float:left; }
	 #panelsite div.centercol .search { float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:749px; height:41px; padding:10px 0 0 0px;}
	 #panelsite div.centercol .search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width:546px; height:30px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 #panelsite div.centercol .search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 #panelsite div.centercol .search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }

замените на

#panelsite { height:104px; width:100%; }
#panelsite div { height:104px; float:left; overflow:hidden; }
#panelsite div.leftcol { background:url({ASSETS_IMAGES_PATH}panel-bg.png) no-repeat; width:12px; }
#container > div.rightcol.cartInfo{ /* background:url(http://o18445.storeland.net/panel-bg.png) -12px 0 no-repeat; */ width: 257px; font:normal 14px Verdana, Geneva, sans-serif; color:#686868; float: right; background: white; position: relative; right: 4px; border-radius: 19px; height: 85px;}
#container > div.rightcol.cartInfo 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:12px 0; text-decoration:none; }
	 #container > div.rightcol.cartInfo a img { float:left; }
	 #container > div.rightcol.cartInfo ul { margin:0 0 0 15px; float:left; padding: 17px 0;cursor:pointer; }
	 #container > div.rightcol.cartInfo ul li { margin:5px 0 0 0; }
		 #container > div.rightcol.cartInfo ul:hover li.default { display:none; }
		 #container > div.rightcol.cartInfo ul:hover li.off { display:block; }
		 #container > div.rightcol.cartInfo ul li.hover { display:none; }
		 #container > div.rightcol.cartInfo ul:hover li.hover { display:block; color:#1e5d77; }
		 #container > div.rightcol.cartInfo ul li.money { font:normal 15px Verdana, Geneva, sans-serif; color:#383838; width:120px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#panelsite div.centercol { background:url({ASSETS_IMAGES_PATH}panel-bgx.png) repeat-x; width: 985px; border-top-right-radius: 13px; border-bottom-right-radius: 13px;}
#panelsite div.centercol div { height:auto; float:none; }
	 #panelsite div.centercol .menuheader { width:800px; height:24px; overflow:hidden; margin:15px 0 0 0; }
	 #panelsite div.centercol .menuheader ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:0 10px 0 0px; padding-left:10px; }
	 #panelsite div.centercol .menuheader ul li.main { background:none; }
		 #panelsite div.centercol .menuheader ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
		 #panelsite div.centercol .menuheader ul li a:hover, #panelsite div.centercol .menuheader ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
		 #panelsite div.centercol .menuheader ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
	 #panelsite div.centercol lable { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width:90px; height:51px; float:left; }
	 #container > div.search{ float:left; margin:11px 0 0 0px; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) no-repeat; width: 470px; height: 40px; padding:10px 0 0 0px; border-radius: 15px; left: 4px; position: relative;}
	 #container > div.search input.text { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) 0px -10px no-repeat; font:italic 12px Verdana, Geneva, sans-serif; color:#b7b7b7; width: 275px; height: 31px; padding:0 5px 0 131px; line-height:30px; cursor:default; }
	 #container > div.search input.button { float:left; background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -682px -10px no-repeat; width:59px; height:30px; }
	 #container > div.search input.button:hover { background:url({ASSETS_IMAGES_PATH}searchbg.jpg) -749px -10px no-repeat; }

[Мария А.]

что-то не получатся (сейчас все вернула, сделала по старому), все съезжает.

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

• 

[Vaccina]

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

[serjio]

Добрый вечер! подскажите пожалуйста как реализовать свой план на главной странице?
1. в верхней части магазина хочу убрать поиск и  оставить только белую "меню полосу" с кнопками, (главная доставка каталог и т.д.)
2. над полосой меню, с право поставить кнопку корзина (кнопку если можно, закруглить)
Заранее благодарю!

[Danil]

serjio (07 Январь 2015 - 22:21) писал:

Добрый вечер! подскажите пожалуйста как реализовать свой план на главной странице?
1. в верхней части магазина хочу убрать поиск и  оставить только белую "меню полосу" с кнопками, (главная доставка каталог и т.д.)
2. над полосой меню, с право поставить кнопку корзина (кнопку если можно, закруглить)
Заранее благодарю!

Здравствуйте.
Пришлите номер аккаунта, на котором нужно произвести изменения.
Так же пришлите скриншот с обозначенными изменениями.

[serjio]

Всё решил, Спасибо!