Изменения На Главной

Здравствуйте!
Возможно ли на сером поле (цифра 1 на скриншоте) вместо Доставка,Гарантии и Приём заказов разместить иконки соц.сетей с соответствующими подписями: мы в инстаграм, мы в вк, мы в фейсбук? Может уже поднималась эта тема,но я не нашла...

И как сделать поле Товары на главной (№2 на скриншоте) при наведении нужным цветом,а без наведения цвет шрифта чтобы был нужного цвета?

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:

				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
					<div class="li1-content"><a href="#">Быстрая доставка!</a>
					  <p>Доставка по России,в Казахстан и Беларусь.</p>
					</div>
				  </li>
				  <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
					<div class="li2-content"><a href="#">Связь с менеджером</a>
					  <p>Заполните форму обратного звонка внизу страницы и мы сами свяжемся с Вами!</p>
					</div>
				  </li>
				  <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
					<div class="li3-content"><a href="#">Мы работаем без выходных!</a>
					  <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p>
					</div>
				  </li>

замените на:

				 <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">
				   <a class="banner-top-img" href="#"><i class="icon-vk"></i></a>
				   <div class="li1-content"><a href="#">Мы в контакте</a></div>
				  </li>
				  <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12">
				   <a class="banner-top-img" href="#"><i class="icon-instagram"></i></a>
				   <div class="li1-content"><a href="#">Мы в инстаграмм</a></div>
				  </li>
				  <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12">
				   <a class="banner-top-img" href="#"><i class="icon-facebook"></i></a>
				   <div class="li1-content"><a href="#">Мы в фейсбук</a></div>
				  </li>

Вместо символа # укажите ссылку на необходимые сайты.

Далее зайдите в main.css - найдите:

.yt-bannertop .banner-top ul li:hover a.banner-top-img img {transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);}

замените на:

.yt-bannertop .banner-top ul li a.banner-top-img i {font-size: 26px;color: rgb(180, 4, 4);}
.yt-bannertop .banner-top ul li:hover a.banner-top-img i {transform: rotateY(360deg);-ms-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-o-transform: rotateY(360deg);}