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


Иконки Прием Заказов 24/7 Бесплатная Доставка Сделать Кнопками

Иконки Прием заказов 24/7 Бесплатная доставка

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

#1 harvi

harvi

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

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

Отправлено 24 Апрель 2016 - 18:02

Необходимо сделать кнопками иконки Бесплатная доставка Прием заказов 30 дней гарантии
1. или чтобы открывалось новая страница
2. или в виде меню

#2 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 24 Апрель 2016 - 18:31

 harvi (24 Апрель 2016 - 18:02) писал:

Необходимо сделать кнопками иконки Бесплатная доставка Прием заказов 30 дней гарантии
1. или чтобы открывалось новая страница
2. или в виде меню

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

1) В шаблоне html найдите блок кода:

<div class="banner">
		  <span class="icon-banknote"></span>
		  <h3 class="bannerheader">Прием заказов 24/7</h3>
		  <div class="bannermessage">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		  </div>
		  <div class="banner">
		  <span class="icon-arrow-left"></span>
		  <h3 class="bannerheader">Сертификаты</h3>
		  <div class="bannermessage">Все продукты сертифицированы</div>
		  </div>
		  <div class="banner third">
		  <span class="icon-house"></span>
		  <h3 class="bannerheader">Бесплатная доставка</h3>
		  <div class="bannermessage">Доставка по городу Бесплатна!!!</div>
		  </div>

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

<div class="banner">
		  <a href="{CATALOG_URL}"><span class="icon-banknote"></span></a>
		  <h3 class="bannerheader">Прием заказов 24/7</h3>
		  <div class="bannermessage">Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</div>
		  </div>
		  <div class="banner">
		  <a href="{CATALOG_URL}"><span class="icon-arrow-left"></span></a>
		  <h3 class="bannerheader">Сертификаты</h3>
		  <div class="bannermessage">Все продукты сертифицированы</div>
		  </div>
		  <div class="banner third">
		  <a href="{CATALOG_URL}"><span class="icon-house"></span></a>
		  <h3 class="bannerheader">Бесплатная доставка</h3>
		  <div class="bannermessage">Доставка по городу Бесплатна!!!</div>
		  </div>

где "{CATALOG_URL}" замените на нужные ссылки.

#3 harvi

harvi

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

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

Отправлено 24 Апрель 2016 - 19:35

Все получилось, отлично. Думал смогу найти как сменить значок доставка, заказ, не смог найти. заранее спасибо.

#4 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 24 Апрель 2016 - 19:57

 harvi (24 Апрель 2016 - 19:35) писал:

Все получилось, отлично. Думал смогу найти как сменить значок доставка, заказ, не смог найти. заранее спасибо.

Аккаунт, указанный в Вашем профиле, заблокирован. Напомните, пожалуйста, на каком магазине делаем правки.

#5 harvi

harvi

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

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

Отправлено 24 Апрель 2016 - 20:20

 RedHead (24 Апрель 2016 - 19:57) писал:

Аккаунт, указанный в Вашем профиле, заблокирован. Напомните, пожалуйста, на каком магазине делаем правки.
Аккаунт SL-384507

#6 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 24 Апрель 2016 - 20:45

 harvi (24 Апрель 2016 - 20:20) писал:

Аккаунт SL-384507

В шаблоне main.css найдите строки:

.icon-banknote:before{content: "\e612";}

.icon-arrow-left:before { content: "\e62b";}

и

.icon-house:before{content: "\e61e";}

В них измените значение, которое идет после символов \e
Как генерировать иконки такого типа, ознакомьтесь, пожалуйста, по ссылке:

http://htmlbook.ru/b...riftov-fontello





Темы с аналогичным тегами Иконки, Прием заказов 24/7, Бесплатная доставка

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

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