Мы рассмотрим:
И так, мы все видели телефон в верхней части сайта, на главной станице.
Например вот так
Указанный телефон, да ещё и на видном месте - это очень важно для интернет-магазина, однако, мы рассмотрим вполне приземлённые вещи. Например, как изменить сам номер, как задать цвет номера и прочее.
Как изменить номер телефона на главной странице магазина
Для этого, переходим в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «Общие» находим настройку «Телефон»
Рисунок 2.
Собственно это он и есть, тут мы задаем тот номер который нам нужен.
Если ничего более менять не нужно, то просто сохраняем настройки, нажав кнопку «Сохранить» вверху страницы, и смотрим результат.
Телефон поменялся, всё отлично.
Рисунок 3.
Как задать цвет для номера телефона на главной
Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»
Чтобы задать цвет, мы в это поле пропишем HTML с указанием цвета.
Конкретно, например, вот такой:
<span style="color:#2798d2;"> …тут номер телефона… </span>
В нашем примере, с нашим номером, получится вот так:
<span style="color:#2798d2;">+7 (495) 123 45 67</span>
Указываем
Рисунок 4.
Сохраняем и посмотрим в клиентской части
Рисунок 5.
Цвет применился, отлично.
Как изменить размер шрифта телефона
Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»
Чтобы задать цвет, мы в это поле пропишем HTML с указанием размера.
Мы просто добавим в стили ещё один атрибут: font-size:16px;
Получится, вот так:
<span style="color:#2798d2; font-size:16px;">+7 (495) 123 45 67</span>
Сохраняем
Рисунок 6.
Пробуем,
Рисунок 7.
Отлично. Возможно мелковато, но принцип работы понятен, можно менять размер, указывая не 16px, а скажем 32px, 36px и т.д.
Как изменить шрифта телефона
Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»
Чтобы задать цвет, мы в это поле пропишем HTML с указанием размера.
Мы просто добавим в стили ещё один атрибут font-family: Verdana; ( атрибуты между собой разделяются через точку с запятой ; )
Получится, вот так:
<span style="color:#2798d2; font-size:16px; font-family: Verdana;">+7 (495) 123 45 67</span>
Сохраняем
Рисунок 8.
Пробуем,
Рисунок 9.
Отлично, шрифт изменился.
Как добавить 2 и более номеров сразу
Для этого переходим, так же, в панель администрирования, в пункт меню “Настройки – Общие”, далее во вкладке «общие» находим настройку «Телефон»
Чтобы задать цвет, мы в это поле пропишем 2 номера телефона, и между ними нужно добавить <br>
Получится, вот так:
+7 (495) 123 45 67<br>+7 (495) 222 88 88
Если нужно разукрасить телефоны, то будет всё точно так же как и описано выше, но между телефонами мы добавим <br>
Например вот:
<span style="color:#2798d2;">+7 (495) 123 45 67</span><br><span style="color:#2798d2;">+7 (495) 222 88 88</span>
Сохраняем
Рисунок 10.
Пробуем,
Рисунок 11.
И с цветом.
Рисунок 12.
Отлично.
На этом всё.
Всё готово.