Вопрос =?=
#1
Отправлено 21 Декабрь 2013 - 10:59
Как добавить текст над телефонами в шапке сайта? проблема в том что на айпадах телефоны сливаются с шапкой сайта и их не видно если не присматриваться.
Необходимо:
Добавить текст Звоните:
над телефонами так чтобы телефоны снизились на 1 строчку?
Текст необходимо отцентровать по правому краю до последних цифр телефонов.
цвет белый шрифт общий.ну по тексту я сам думаю потом разберусь. главное Добавить.
и еще. Добавить нужно так чтобы стили редактировались в стилях. т.е с добавлением в файл стилей
Спасибо огромное заранее.
#2
Отправлено 21 Декабрь 2013 - 11:03
<td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>и замените его на
<td class="contactInfoContent"> <p id="Callme"> Звоните: </p> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>
далее в файл main.css в самый конец добавьте следующий блок кода:
#callme {font: bold 22px Calibri,Tahoma,Arial,Verdana,sans-serif; color: #fff;}
#3
Отправлено 21 Декабрь 2013 - 11:25
#4
Отправлено 21 Декабрь 2013 - 11:31
Alexey11 (21 Декабрь 2013 - 11:03) писал:
#callme {font: bold 22px Calibri,Tahoma,Arial,Verdana,sans-serif; color: #fff;}
#5
Отправлено 21 Декабрь 2013 - 11:32
Alexey11 (21 Декабрь 2013 - 11:27) писал:
чтобы этого добиться пришлось убалить из этого кода
<p id="Callme"> Звоните: </p>
и сделать его таким
<id="Callme"> Звоните: </p>
но при этом не работают стили которые прописал нормально
#6
Отправлено 21 Декабрь 2013 - 11:33
#7
Отправлено 21 Декабрь 2013 - 11:44
<td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>
замените на
<td class="contactInfoContent"> <div class="contactInfoContent"><p> Звоните: </p></div> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>
#8
Отправлено 21 Декабрь 2013 - 12:03
#callme {font: bold 14px Calibri,Tahoma,Arial,Verdana,sans-serif; color: #fff;}в файле html заменить
это
<td class="contactInfoContent"> <table> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>
на это
<td class="contactInfoContent"> <table> <!-- Призыв к действию звонка --> <p id="callme">Позвоните нам:</p> <!-- Первый контактный телефон --> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <tr> <td class="contentTableHeadMainPhone">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</td> </tr>
#9
Отправлено 21 Декабрь 2013 - 12:17
#10
Отправлено 21 Декабрь 2013 - 12:32
реально ли сделать подобное как на картинке?
поясню
берем раздел обогреватели http://climl.ru/catalog/obogrevateli
сейчас в нем только товары отображаются
как сделать так чтобы над товарами были категории вложенные в этот раздел
инфракрасные
конвективные
и отображались так же как на прикрепленной картинке
было было круто иметь категории над товарами стилизованные под сайт
#11
Отправлено 21 Декабрь 2013 - 12:42
sibulba (21 Декабрь 2013 - 12:32) писал:
реально ли сделать подобное как на картинке?
Без имени.jpg
поясню
берем раздел обогреватели http://climl.ru/catalog/obogrevateli
сейчас в нем только товары отображаются
как сделать так чтобы над товарами были категории вложенные в этот раздел
инфракрасные
конвективные
и отображались так же как на прикрепленной картинке Без имени.jpg
было было круто иметь категории над товарами стилизованные под сайт
Перед изменениями создайте копию дизайн шаблона.
Найдите в шаблоне Товары код -
{% IF IS_FULL_CATALOG %} <!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/> {% ELSE %}и замените на -
<!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/>
Далее в конце шаблона найдите код -
{% ENDIF %} {% ENDIF %} </div>и замените на -
{% ENDIF %} </div>
Результат на скриншоте
#12
Отправлено 21 Декабрь 2013 - 13:17
#13
Отправлено 21 Декабрь 2013 - 13:21
#14
Отправлено 21 Декабрь 2013 - 13:24
на скрине как видите копия нашего сайта затертым адресом
#17
Отправлено 21 Декабрь 2013 - 15:15
а можно сделать правило в котором если у категорий не загружена картинка то каталог отображаться не будет?
#18
Отправлено 22 Декабрь 2013 - 07:31
sibulba (21 Декабрь 2013 - 15:15) писал:
а можно сделать правило в котором если у категорий не загружена картинка то каталог отображаться не будет?
Можно. Код из шаблона Товары -
<!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/>замените на -
<!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} {% IFNOT nested_categories_list.IMAGE_EMPTY %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {%ENDIF%} {% ENDFOR %} </ul> <br clear="all"/>
#19
Отправлено 22 Декабрь 2013 - 10:17
miyako (22 Декабрь 2013 - 07:31) писал:
<!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {% ENDFOR %} </ul> <br clear="all"/>замените на -
<!-- Блок навигации по категориям, вложенным в текущую категорию --> <ul class="content_catalog_nested_categories"> {% FOR nested_categories_list %} {% IFNOT nested_categories_list.IMAGE_EMPTY %} <li> <div class="imagem"><a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»"><img {% IF nested_categories_list.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-small.png" width="130"{% ELSE %}src="{nested_categories_list.IMAGE_MEDIUM}"{% ENDIF %} alt="{nested_categories_list.NAME}" /></a></div> <a href="{nested_categories_list.URL}" title="Перейти к категории «{nested_categories_list.NAME}»">{nested_categories_list.NAME}</a> </li> {%ENDIF%} {% ENDFOR %} </ul> <br clear="all"/>
#20
Отправлено 23 Декабрь 2013 - 09:39
добавил разделение горизонт линией и при условии отсутствия картинок категории отображается 2 полоски.
как убрать вторую полоску?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных