Отключен JavaScript

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

0

Помогите Переделать Шаблон

Автор NiceLady, 29 апр. 2014 13:34

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

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

#1 NiceLady

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

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

Отправлено 29 Апрель 2014 - 13:34

Добрый день!
Выбрала шаблон Осень. Нужно его адаптировать под магазин товаров для мам и детей.
адрес сайта http://privet-kroha.storeland.ru/
Сейчас нужны такие изменения:
1) ~~убрать блок "Поиск". Лучше сделать его с меню на одной линии.~~ поменяла
2) меню сделать крупнее и расположить ниже. Оно уехало после изменения логотипа
3)между логотипом и корзиной надо вставить после с надписью "интернет-магазин товаров для мам и малышей" с телефоном и временем работы магазина, примерно как в файле во вложении.
4) внизу под контактами - убрать способы приема платежей.
5) ~~убрать название магазина под логотипом~~ сама нашла

Наверх

#2 Ирина345

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

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

Отправлено 29 Апрель 2014 - 14:11

NiceLady (29 Апрель 2014 - 13:34) писал:

Добрый день!
Выбрала шаблон Осень. Нужно его адаптировать под магазин товаров для мам и детей.
адрес сайта http://privet-kroha.storeland.ru/
Сейчас нужны такие изменения:
1) убрать блок "Поиск". Лучше сделать его с меню на одной линии.
2) меню сделать крупнее и расположить ниже. Оно уехало после изменения логотипа
3)между логотипом и корзиной надо вставить после с надписью "интернет-магазин товаров для мам и малышей" с телефоном и временем работы магазина, примерно как в файле во вложении.
4) внизу под контактами - убрать способы приема платежей.
5) убрать название магазина под логотипом

Здравствуйте
1. опускаем вниз для этого найдите в style.css код

#search_block_top{position:static;float:right;margin:26px 10px 0 0}

замените на

#search_block_top{position:static;float:right;margin:192px 10px 0 0}

2. найдите в style.css код
меняем расположение

#megamenu{position:absolute;height:54px;top:90px;left:238px;}

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

#megamenu{position:absolute;height:54px;top:186px;left:238px;}

меняем размер шрифта

#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:11px; text-decoration: none;}

заменяем на

#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:15px; text-decoration: none;}

4. В HTML коде найдите строку

 <table width="100%" class="payment_sistem">

замените на

 <table width="100%" class="payment_sistem"style=" display: none; ">

Наверх

#3 Ирина345

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

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

Отправлено 29 Апрель 2014 - 14:40

На счет 3 вопроса попробуйте вставить этот код

Скрытый текст

<div class="block">
	 <h4>Контакты</h4>
	 <a class="open-close-footer" href="#"></a>
	 <div class="block_content">
	 <!-- Контактный телефон -->
		 {% IF SETTINGS_STORE_PHONE_NUMBER1 || SETTINGS_STORE_PHONE_NUMBER2 || SETTINGS_STORE_PHONE_NUMBER3 || SETTINGS_STORE_ICQ || SETTINGS_STORE_SKYPE %}
			 <div class="contacts">
			 <div class="phone" title="Звоните, мы проконсультируем вас по любым вопросам">
				 <!-- Первый контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER1}
				 </a>
				 {% ENDIF %}
				 <!-- Второй контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}{SETTINGS_STORE_PHONE_CITY_CODE2}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}">
				 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER2}
				 </a>
				 {% ENDIF %}

				 <!-- Третий контактный телефон -->
				 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}
				 <br />
				 <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}{SETTINGS_STORE_PHONE_CITY_CODE3}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}">
					 <span class="phone-country-code">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}</span>
					 {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %}
					 {SETTINGS_STORE_PHONE_NUMBER3}
				 </a>
				 {% ENDIF %}
				
			 </div>
			
			 <!-- Время работы магазина -->
			 {% IF SETTINGS_STORE_WORK_TIME %}
				 <div class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}">
				 {SETTINGS_STORE_WORK_TIME}
				 </div>
			 {% ENDIF %}
			 <!-- Контакт Skype -->
			 {% IF SETTINGS_STORE_SKYPE %}
				 <a href="skype:{SETTINGS_STORE_SKYPE}?call" title="Свяжитесь с нами по Skype"><img src="{FORALL_IMAGES_PATH}icon/skype.png" width="16" height="16" alt="Свяжитесь с нами по Skype" />&nbsp;<span class="valignMiddle">{SETTINGS_STORE_SKYPE}</span></a>
			 {% ENDIF %}
			 <!-- Номер ICQ на сайте -->
			 {% IF SETTINGS_STORE_ICQ %}
				 <div class="clear"></div>
				 <div class="icq-number left">
				 <img src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус" width="16" height="16" />
				 <span>{SETTINGS_STORE_ICQ}</span>
				 </div>
			 {% ENDIF %}

			
		 {% ENDIF %}
			
		
	 </div>
</div>
	 <div id="header-right">
	 <div id="header_user_info">
		 <!-- Если в тарифном плане подключен модуль сравнения товаров -->
		 {% IF TARIFF_FEATURE_GOODS_COMPARE %}
			 <!-- Если не выключен модуль сравнения товаров, то покажем этот блок -->
			 {% IFNOT SETTINGS_COMPARE_DISABLE %}
			 {% IF COMPARE_GOODS_COUNT=0 %}
				 <div class="menuCompare" style="visibility: hidden;">
				 <em>Ваш список сравнения пуст</em>
				 </div>
			 {% ELSE %}
				 <div class="menuCompare">
				 <em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br />
				 </div>
			 {% ENDIF %}
			 {% ENDIF %}
		 {% ENDIF %}
		 <!-- END Если в тарифном плане подключен модуль фильтров по товарам -->
	 </div>
		 <!-- Корзина -->
	 <div id="header_shopping_cart">
	 <div id="shopping_cart">
	 <a href="{CART_URL}" title="Перейти в корзину">
			 {% IF cart_count_empty %}
				 <span class="ajax_cart_no_product">Корзина пуста</span>
			 {% ELSE %}
				 <span class="ajax_cart_quantity">{CART_COUNT_TOTAL} товар{CART_COUNT_TOTAL | gen_word_end("","а","ов")}</span>
			 {% ENDIF %}	
	 <span class="down_arrow_dark"></span>
	 </a>
	 </div>
	 </div>		
		 <!-- Форма поиска -->
		 <div id="search_block_top">
		 <form id="searchbox" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search_query_top').val()=='Поиск...') return false;">
			 <div class="search_block_top_form">
			 <input id="search_query_top" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск...{% ENDIF %}" onfocus="if(this.value=='Поиск...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск...';}" class="search_query light ac_input" />
			 <input type="submit" name="submit_search" title="Искать" value="" class="search_button">
			 </div>
		 </form>
		 </div>
		 <!-- /Форма поиска -->
		 <div id="cart_block">
	 <div id="cart_block_bottom">
	 <div id="cart_block_other_costs">
	 <div class="other_cost_wrapper" style="width: 100%">
				 {% IF cart_count_empty %}
				 <p id="cart_block_no_products">Ваша корзина пуста</p>
				 {% ELSE %}
		 <span>Товаров </span>
		 <span class="price" id="cart_block_shipping_cost">{CART_COUNT_TOTAL}</span>
				 <span>на сумму </span>
		 {% ENDIF %}
		 <span class="price" id="cart_block_total" style="text-align: right;">{% IF cart_count_empty %}{% ELSE %}{% FOR cart_sum %}{cart_sum.NOW_WITH_DISCOUNT | money_format}{% ENDFOR %}{% ENDIF %}</span>
	 </div>
	 </div>
	 <div id="cart_block_total_checkout">
	 <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a>
	 </div>
	 </div>
	 </div>
		 <div class="clear"></div>	
	 </div>
	
	 <!-- Блок навигации -->
	 {% IFNOT menu_empty %}
		 <ul id="megamenu">
		 {% FOR menu %}
			 {% FOR header %}
			 {% FOR links %}
				 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}" >
				 <a href="{menu.header.links.URL}" class="root_link" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} >{menu.header.links.NAME}</a>
				 </li>
			 {% ENDFOR %}
			 {% ENDFOR %}
		 {% ENDFOR %}
		 </ul>
	 {% ENDIF %}
	
	 {% IFNOT menu_empty %}
		 <ul class="accordion_main">
		 <li class="parent">Меню
			 <ul class="accordion">
			 {% FOR menu %}
				 {% FOR header %}
				 {% FOR links %}
					 <li class="root_menu {% IF menu.header.links.SELECTED %}active{% ENDIF %}">
					 <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="root_link">{menu.header.links.NAME}</a>
					 </li>
				 {% ENDFOR %}
				 {% ENDFOR %}
			 {% ENDFOR %}
			 </ul>
		 </li>
		 </ul>
	 {% ENDIF %}
	 <!-- END Блок навигации -->
	 </div>

после строк

<a href="http://{NET_DOMAIN}/" title="{SETTINGS_STORE_NAME}">
<img class="logo" src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}. Перейти на главную" />
{SETTINGS_STORE_NAME}
</a>
</div>

Наверх

#4 NiceLady

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

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

Отправлено 29 Апрель 2014 - 15:05

По пунктам 1,2, 4 - вроде получилось. Только панель поиска всё равно не совсем на месте

А как сделать, чтобы при нажатии на слайд, отображалась нужная страница? например, карточка нужного товара

Наверх

#5 Ирина345

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

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

Отправлено 29 Апрель 2014 - 15:06

NiceLady (29 Апрель 2014 - 15:02) писал:

По пунктам 1,2, 4 - вроде получилось. Только панель поиска всё равно не совсем на месте

Найдите в style.css

#search_block_top{position:static;float:right;margin:192px 10px 0 0}

и замените

#search_block_top{position:static;float:right;margin:184px 10px 0 0}

Наверх

#6 NiceLady

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

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

Отправлено 29 Апрель 2014 - 19:55

А как сделать, чтобы был только один слайд? И где отключить слайдер? Пока не очень он нужен
И предыдущий вопрос тоже в силе. Как сделать переход на определенную страницу при нажатии на слайд?
Нашала ответ сама

Наверх

#7 NiceLady

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

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

Отправлено 29 Апрель 2014 - 20:15

Почему-то меняю картинку слайдера, но она отображается в большем размере. У меня файл 1000х230. Но на сайте больше высота.

Наверх

#8 lew

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

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

Отправлено 29 Апрель 2014 - 23:00

Почему-то меняю картинку слайдера, но она отображается в большем размере. У меня файл 1000х230. Но на сайте больше высота.

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

Наверх

#9 NiceLady

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

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

Отправлено 30 Апрель 2014 - 09:25

Сайт http://privet-kroha.storeland.ru/
Теперь вот что нужно
1. сдвинуть блок с контактами в шапке ниже и правее, увеличить шрифт, изменить цвет заголовка "Позвоните нам"
2. Верхнюю полосу сделать цветом #da3b44
3. Сдвинуть корзину левее и выше, увеличить размер
На скрине пояснила

Далее
4. сделать шрифт в меню жирным
5. Поиск сделать короче на треть, разместить под корзиной

Теперь футер
6. Изменить цвет нижнего блока на #da3b44
7. Изменить цвет текста с контактами на темный
скрин3.

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

Наверх

#10 Ирина345

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

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

Отправлено 30 Апрель 2014 - 14:39

NiceLady (30 Апрель 2014 - 09:25) писал:

Сайт http://privet-kroha.storeland.ru/
Теперь вот что нужно
1. сдвинуть блок с контактами в шапке ниже и правее, увеличить шрифт, изменить цвет заголовка "Позвоните нам"
2. Верхнюю полосу сделать цветом #da3b44
3. Сдвинуть корзину левее и выше, увеличить размер
На скрине пояснила

Далее
4. сделать шрифт в меню жирным
5. Поиск сделать короче на треть, разместить под корзиной

Теперь футер
6. Изменить цвет нижнего блока на #da3b44
7. Изменить цвет текста с контактами на темный
скрин3.

Здравствуйте,
1. найдите в style.css код

#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;}

замените на

#header-logo{position:relative;display:table;float:left;margin-top:30px;width:210px;z-index:30;margin-left: 10px;margin-right: 69px;}

в HTML код

 <h4>Позвоните нам</h4>

заменить на

 <h4 style=" margin-top: 58px; ">Позвоните нам</h4>

в style.css в коде

.block h4{padding:6px 11px;font-size:[b]12px[/b];color[b]:#fff[/b];text-shadow:0 1px 0 #000;text-transform:uppercase;}

меняя значения, Вы можете изменить размер и цвет надписи "Позвоните нам"

.contacts {
font-size:[b] 17p[/b]x;
}

меняете значения и меняете размер телефонов
2. Эта верхняя полоса идет как картинка и её цвет поменять нельзя
4.найдите в style.css код

#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:15px; text-decoration: none;}

замените на
#megamenu li .root_link{color:#666666;text-transform:uppercase;font-size:15px; text-decoration: none;font-weight: bold;}

5.найдите в style.css

#search_block_top #search_query_top{width:350px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}

замените на

#search_block_top #search_query_top{width:173px;*height: 26px !important; *padding-top: 10px !important; *padding-bottom: 0 !important; vertical-align: middle !important; border:1px solid #cecece!important;padding-right:30px}

найти

#search_block_top{position:static;float:right;margin:100px 0px 0 0}

заменить

#search_block_top{position:static;/*float:right;*/margin:100px 0px 0 0}

6. найдите

#footer-bottom{background:#2a2a2a;border-top:1px solid #363636;padding:15px 0;color:#a0a0a0;font-size:11px}

замените

#footer-bottom{background:#740а5а;border-top:1px solid #363636;padding:15px 0;color:#a0a0a0;font-size:11px}

Наверх

#11 NiceLady

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

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

Отправлено 30 Апрель 2014 - 19:39

Получилось не совсем нормально.
1. если нельзя поменять просто цвет верхней полосы, то может как-то можно заменить файл с ней?
2. Как всё же увеличить корзину.
3. Корзина и Поиск сдвинулись вниз из-за блока с телефоном. Надо поднять.
4. В шапке с телефоном при изменении шрифта и цвета меняется и фраза "мы работаем ...". А нужно, выделить телефон другим цветом и сделать жирным

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

Наверх

#12 Ирина345

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

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

Отправлено 30 Апрель 2014 - 20:17

NiceLady (30 Апрель 2014 - 19:39) писал:

Получилось не совсем нормально.
1. если нельзя поменять просто цвет верхней полосы, то может как-то можно заменить файл с ней?
2. Как всё же увеличить корзину.
3. Корзина и Поиск сдвинулись вниз из-за блока с телефоном. Надо поднять.
4. В шапке с телефоном при изменении шрифта и цвета меняется и фраза "мы работаем ...". А нужно, выделить телефон другим цветом и сделать жирным

Здравствуйте
1. файл с этой полосой header-top-bg.png
3. найдите style.css код

#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

#search_block_top{position:static;/*float:right;*/margin:100px 0px 0 0}

замените на

#header_shopping_cart{position: static;width:170px;float:right;clear:both;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

#search_block_top{position:static;/*float:right;*/margin:57px 0px 0 0}

4. найдите в HTML код

		<div class="contacts">
						 <div class="phone" title="Звоните, мы проконсультируем Вас по любым вопросам">

замените на

		<div class="contacts">
						 <div class="phone" title="Звоните, мы проконсультируем Вас по любым вопросам" style=" color: #C64586; font-weight: bold; ">

Наверх

#13 NiceLady

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

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

Отправлено 30 Апрель 2014 - 20:52

Спасибо за помощь!
Вроде в основном всё получилось.

Наверх

#14 NiceLady

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

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

Отправлено 04 Май 2014 - 20:42

В результате моих переделок снова надо внести изменения на главной.
Можно сделать так, чтобы корзина была на одном уровне с текстом "закажите обратный звонок"?
мой сайт http://privet-kroha.storeland.ru/

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

Наверх

#15 Dars

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

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

Отправлено 05 Май 2014 - 11:42

NiceLady (04 Май 2014 - 20:42) писал:

В результате моих переделок снова надо внести изменения на главной.
Можно сделать так, чтобы корзина была на одном уровне с текстом "закажите обратный звонок"?
мой сайт http://privet-kroha.storeland.ru/

В style.css найдите строчку

#header_shopping_cart{position: static;width:170px;float:right;clear:both;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('http://privet-kroha.storeland.net/cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

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

#header_shopping_cart{position: absolute;width:170px;bottom: 130px;float:right;clear:both;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;
background:#f7f7f7 url('http://privet-kroha.storeland.net/cart_red.png') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;
box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}

Наверх

#16 NiceLady

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

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

Отправлено 05 Май 2014 - 12:50

Помогло. Но ещё такая проблема с корзиной. При наведении отображается окно с сообщение о том, что есть в корзине. Надо, чтобы эта форма всплывала рядом с корзиной,а не где-то там внизу, как сейчас.

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

Наверх

#17 Dars

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

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

Отправлено 05 Май 2014 - 13:00

NiceLady (05 Май 2014 - 12:50) писал:

Помогло. Но ещё такая проблема с корзиной. При наведении отображается окно с сообщение о том, что есть в корзине. Надо, чтобы эта форма всплывала рядом с корзиной,а не где-то там внизу, как сейчас.

В style.css найдите строчку

#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:86px;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}

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

#header #cart_block{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-moz-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;
-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1) ;box-shadow:0 0 0 1px rgba(0,0,0,0.095) ,0 1.5px 1.5px 0 rgba(0,0,0,0.2),0 2px 1.5px 0 rgba(0,0,0,0.1);top:0;
background:#fcfcfc;width:auto;*border: solid 1px #c0c0c0;}