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


Вопрос =?=


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

#1 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 10:59

Уважаемая тех. поддержка и опять вопросы)

Как добавить текст над телефонами в шапке сайта? проблема в том что  на айпадах телефоны сливаются с шапкой сайта и их не видно если не присматриваться.

Необходимо:
Добавить текст Звоните:
над телефонами так чтобы телефоны снизились на 1 строчку?
Текст необходимо отцентровать по правому краю до последних цифр телефонов.
цвет белый шрифт общий.ну по тексту я сам думаю потом разберусь. главное Добавить.
и еще. Добавить нужно так чтобы стили редактировались в стилях. т.е с добавлением в файл стилей

Спасибо огромное заранее.

#2 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 21 Декабрь 2013 - 11:03

Здравствйте, найдите данный блок кода в шаблоне 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">
<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 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 11:25

не получается. задал все параметры стиля. текст черный. кажется что ошибка в коде html

#4 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 21 Декабрь 2013 - 11:31

Зашел на ваш сайт, проблемы не наблюдаю , вот скриншот: http://f5.s.qip.ru/lRCWJ7O1.png Попробуйте почистить кэш браузера.

Просмотр сообщенияAlexey11 (21 Декабрь 2013 - 11:03) писал:

#callme {font: bold 22px Calibri,Tahoma,Arial,Verdana,sans-serif; color: #fff;}
не наблюдаю у вас в конце файла main.css данной строки

#5 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 11:32

Просмотр сообщенияAlexey11 (21 Декабрь 2013 - 11:27) писал:

Зашел на ваш сайт, проблемы не наблюдаю , вот скриншот: http://f5.s.qip.ru/lRCWJ7O1.png Попробуйте почистить кэш браузера.
это я тут сам химичу но все равно эффект не правильный.
чтобы этого добиться пришлось убалить из этого кода
<p id="Callme"> Звоните: </p>

и сделать его таким
<id="Callme"> Звоните: </p>

но при этом не работают стили которые прописал нормально

#6 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 21 Декабрь 2013 - 11:33

тогда попробуйте поменять слово id на слово class в тэге <p>

#7 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 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 sibulba

sibulba

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

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

Отправлено 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 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 12:17

немного переиграл. спасибо работает.)

#10 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 12:32

вопрос только для тех кто знает правильный ответ

реально ли сделать подобное как на картинке?


поясню

берем раздел обогреватели http://climl.ru/catalog/obogrevateli

сейчас в нем только товары отображаются

как сделать так чтобы над товарами были категории вложенные в этот раздел
инфракрасные
конвективные
и отображались так же как на прикрепленной картинке

было было круто иметь категории над товарами стилизованные под сайт

#11 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 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>

Результат на скриншоте

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

  • категории и товары.png


#12 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 13:17

а можно вопрос что это за копия сайта?

#13 Alexey11

Alexey11

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

  • Модератоpы
  • 1 057 сообщений
  • ГородНижний новгород

Отправлено 21 Декабрь 2013 - 13:21

В бэк-офисе ,внизу страницы, кнопка "создать бэкап шаблона"

#14 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 13:24

я не про это
на скрине как видите копия нашего сайта затертым адресом

#15 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 21 Декабрь 2013 - 13:52

Просмотр сообщенияsibulba (21 Декабрь 2013 - 13:24) писал:

я не про это
на скрине как видите копия нашего сайта затертым адресом

Я взяла копию Вашего шаблона и поставила себе на сайт, чтобы показать как у Вас будет отображаться сайт.

#16 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 15:04

Просмотр сообщенияmiyako (21 Декабрь 2013 - 13:52) писал:

Я взяла копию Вашего шаблона и поставила себе на сайт, чтобы показать как у Вас будет отображаться сайт.
хорошо просто не очень это понравилось. сразу не очень хорошие мысли в голову пришли

#17 sibulba

sibulba

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

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

Отправлено 21 Декабрь 2013 - 15:15

получилось
а можно сделать правило  в котором если у категорий не загружена картинка то каталог отображаться не будет?

#18 miyako

miyako

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

  • Модератоpы
  • 5 372 сообщений

Отправлено 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 sibulba

sibulba

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

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

Отправлено 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 sibulba

sibulba

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

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

Отправлено 23 Декабрь 2013 - 09:39

внес измнения все работает но появился вопрос
добавил разделение горизонт линией и при условии отсутствия картинок категории отображается 2 полоски.
как убрать вторую полоску?




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

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