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


Значки Преимуществ


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

#1 Stas_Y

Stas_Y

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

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

Отправлено 21 Июль 2015 - 18:42

Добрый вечер! Скажите, а как присвоить ссылки при нажатии на значки, отображающие преимущества?

А заодно приподнять их к синему хедеру

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

  • 1.jpg


#2 Danil

Danil

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

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

Отправлено 21 Июль 2015 - 19:10

Просмотр сообщенияStas_Y (21 Июль 2015 - 18:42) писал:

Добрый вечер! Скажите, а как присвоить ссылки при нажатии на значки, отображающие преимущества?

А заодно приподнять их к синему хедеру
Здравствуйте.
В шаблоне html найдите код
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block free-shipping col-xs-3 col-md-6">
			  <div class="block-title"><span>АДРЕСНАЯ ДОСТАВКА</span></div>
			  <div class="block-content">Доставка по Новосибирску и области</div>
			</div>
			<div class="block money-back col-xs-3 col-md-6">
			  <div class="block-title"><span>БОНУСЫ И СКИДКИ</span></div>
			  <div class="block-content">Низкие цены, скидки и акции</div>
			</div>
			<div class="block orders-247 col-xs-3 col-md-6">
			  <div class="block-title"><span>ПРИЕМ ЗАКАЗОВ БЕЗ ОБЕДА И ВЫХОДНЫХ</span></div>
			  <div class="block-content">Оформите заказ в интернет-магазине {SETTINGS_STORE_NAME} Прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-xs-3 col-md-6">
			  <div class="block-title"><span>Безопасная оплата</span></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
и замените на
<!-- Баннеры -->
	  {% IF index_page %}
	  <div id="topsl" class="wrap">
		<div class="container">
		  <div class="row-fluid">
			<div class="block free-shipping col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>АДРЕСНАЯ ДОСТАВКА</span></a></div>
			  <div class="block-content">Доставка по Новосибирску и области</div>
			</div>
			<div class="block money-back col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>БОНУСЫ И СКИДКИ</span></a></div>
			  <div class="block-content">Низкие цены, скидки и акции</div>
			</div>
			<div class="block orders-247 col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>ПРИЕМ ЗАКАЗОВ БЕЗ ОБЕДА И ВЫХОДНЫХ</span></a></div>
			  <div class="block-content">Оформите заказ в интернет-магазине {SETTINGS_STORE_NAME} Прямо сейчас!</div>
			</div>
			<div class="block secured-payment col-xs-3 col-md-6">
			  <div class="block-title"><a href="Ссылка"><span>Безопасная оплата</span></a></div>
			  <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  <!-- /END Баннеры -->
Вместо слова "ссылка" вставляйте ссылку на страницу.
В main.css найдите код
#topsl {
  margin: 40px 0 0;
  padding-bottom: 27px;
  border-bottom: 1px solid #e9e9e9;
}
изменяйте значение 40px(отступ сверху).

#3 orionych

orionych

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

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

Отправлено 05 Август 2015 - 03:27

Подскажите, а как эти значки временно скрыть?

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 05 Август 2015 - 03:41

В шаблоне main.css найдите:
#topsl {
	margin: 40px 0px 0px;
	padding-bottom: 27px;
	border-bottom: 1px solid #E9E9E9;
}

замените на:
#topsl {
	margin: 40px 0px 0px;
	padding-bottom: 27px;
	border-bottom: 1px solid #E9E9E9;
	display:none;
}


#5 orionych

orionych

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

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

Отправлено 05 Август 2015 - 04:53

Просмотр сообщенияVaccina (05 Август 2015 - 03:41) писал:

В шаблоне main.css найдите:
#topsl {
margin: 40px 0px 0px;
padding-bottom: 27px;
border-bottom: 1px solid #E9E9E9;
}

замените на:
#topsl {
margin: 40px 0px 0px;
padding-bottom: 27px;
border-bottom: 1px solid #E9E9E9;
display:none;
}

Спасибо большое :)




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

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