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


Как Сделать Ссылку На Почту Активной?


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

#1 emix777

emix777

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

  • Пользователи
  • PipPipPip
  • 113 сообщений
  • ГородМосква

Отправлено 28 Апрель 2013 - 22:23

Не получается сделать, что бы при нажатии на адрес почты происходил переход на саму почту. Помогите!!!Снимок.PNG Возможно из-за того, что сделана картинка, время и логотип, как единый файл logo, и он находится с вверху (фон прозрачный). И теперь нажимая на любое место, отправляемся на главную.

#2 OVenGo!

OVenGo!

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

  • Пользователи
  • PipPip
  • 18 сообщений
  • ГородСанкт-Петербург

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

Ссылка должна быть вида:

<a href="mailto:ваша_почта">Ссылка</a>

#3 emix777

emix777

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

  • Пользователи
  • PipPipPip
  • 113 сообщений
  • ГородМосква

Отправлено 29 Апрель 2013 - 16:52

Напишите,пожалуйста, по подробнее, где и как её описать.

#4 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 29 Апрель 2013 - 17:25

Просмотр сообщенияemix777 (29 Апрель 2013 - 16:52) писал:

Напишите,пожалуйста, по подробнее, где и как её описать.

в шаблоне HTML найдите строчку
{% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
сразу после нее вставьте
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="padd mail"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> </li>{% ENDIF %}

теперь в файле main.css найдите строчку
#header .blocks .rght ul li.skype { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; }
сразу после нее сделайте пустую строчку и вставьте
	 #header .blocks .rght ul li.mail {margin-left: 30px; }
	 #header .blocks .rght ul li.mail a { font-size: 16px !important; color:#ff0008;}

Теперь осталось добавить Вашу почту в раздел настройки -> основные -> E-mail магазина:

#5 emix777

emix777

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

  • Пользователи
  • PipPipPip
  • 113 сообщений
  • ГородМосква

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

Просмотр сообщенияsupport 2.0 (29 Апрель 2013 - 17:25) писал:

в шаблоне HTML найдите строчку
{% IF SETTINGS_STORE_SKYPE %}<li class="skype padd">{SETTINGS_STORE_SKYPE}</li>{% ENDIF %}
сразу после нее вставьте
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="padd mail"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> </li>{% ENDIF %}

теперь в файле main.css найдите строчку
#header .blocks .rght ul li.skype { background:url({ASSETS_IMAGES_PATH}haeder-bg-icon.png) 0 -22px no-repeat; }
сразу после нее сделайте пустую строчку и вставьте
	 #header .blocks .rght ul li.mail {margin-left: 30px; }
	 #header .blocks .rght ul li.mail a { font-size: 16px !important; color:#ff0008;}

Теперь осталось добавить Вашу почту в раздел настройки -> основные -> E-mail магазина:


Вот что получилось почта.PNG

#6 Vaccina

Vaccina

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

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

Отправлено 01 Май 2013 - 04:40

укажите пожалуйста ссылку на ваш сайт

#7 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 04 Май 2013 - 10:02

Просмотр сообщенияemix777 (30 Апрель 2013 - 14:00) писал:

Вот что получилось Прикрепленный файл почта.PNG

1. Вам нужно изменить размер изображения logo.png или в графич.редакторе сделать у него прозрачный фон. Иначе у Вас не будет кликабельным почта (картинка будет перекрывать)
2. Попробуйте добавить в шаблоне HTML после строчки
  {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="telephone padd">{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</li>{% ENDIF %}
эту
{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="padd mail"><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> </li>{% ENDIF %}
чтобы шрифт, цвет и размер были похожи на те, что прописаны у Вас сейчас, то в файл main.css добавить после строчки
   #header .blocks .rght ul li.telephone { background:url(/design/haeder-bg-icon.png) no-repeat;  }
этот блок
  #header .blocks .rght ul li.mail {margin-left: 30px; }
		 #header .blocks .rght ul li.mail a { font-size: 16px !important; color: #CC0000; font-weight: bold;}

В целом все тоже самое что и в предыдущей моей инструкции, только строчка с почтой идет не после скайпа(видимо которой у Вас уже нет),  после номеров телефонов, также добавила стили, чтобы были похожи на те, что присутствуют у Вас на сайте




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

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