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


Как прописать теги h1 в категориях?


  • Вы не можете ответить в тему
Сообщений в теме: 19

#1 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 01 April 2015 - 12:21 PM

Собственно сабж.. В каком файле и как прописать тег H1? Поиск по форуму ничего не дал...
Заранее спасибо!
  • 0

#2 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 01 April 2015 - 01:34 PM

Поиск по форуму ничего не дал...

Враки :).
Я точно это уже описывал.

1. в файле header.tpl.html

вместо

<td class="hd bf" align="left">{$header}</td>

вставляем

{if $htag ne ""}
<td class="hd bf" align="left"><{$htag}>{$header}</{$htag}></td>
{else}
<td class="hd bf" align="left">{$header}</td>
{/if}


2. в файле category.tpl.html

вместо

{include file="header.tpl.html" header=$postheader}

вставляем

{include file="header.tpl.html" header=$postheader htag="h1"}


3. в файл style.css добавляем
/* H1-H3 styles */
h1 {font-size:11px;margin: 0px 0px;}
h2 {font-size:11px;margin: 0px 0px;}
h3 {font-size:11px;margin: 0px 0px;}
Это для дефолтового шаблона, но подходит без изменений для многих.
При необходимости меняем соответственно своему шаблону.

Я таким образом делаю не только H1 у главной строки страницы (товар, категория, новость, страница), но и H2 у списка товаров в категории, заголовков блоков, H3 у подзаголовков в блоках, если там список (статей, новостей, etc)
  • 1
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#3 egor

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

  • Download User
  • PipPipPip
  • 74 сообщений
Репутация: 0
Начинающий

Отправлено 01 April 2015 - 03:34 PM

Спасибо! Тег h1 в Категории прописался.... А не подскажите, как мне для фото ALT и ТАЙТЛ прописать? А то фотки я загрузил, а этих тегов ну непонятно где прописывать...
  • 0

#4 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 01 April 2015 - 04:13 PM

А не подскажите, как мне для фото ALT и ТАЙТЛ прописать?

alt у фотографий обычно и так есть. По крайней мере, в дефолтовом шаблоне.
Соответственно, ищете фотки, у которых прописано alt="{$product_info.name}" и добавляете туда title={$product_info.name}".
Это для product_detailed.tpl.html, т.е. для подробного описания товара.
В остальных местах примерно так же.
  • 1
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#5 valeradr

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

  • Assistent vsupport.club
  • PipPipPip
  • 49 сообщений
Репутация: 0
Начинающий

Отправлено 30 April 2015 - 10:34 PM

Может странный вопрос но в ShopCMS 3,1,3 почему то не могу найти файл header.tpl.html
  • 0

#6 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 30 April 2015 - 10:50 PM

Может странный вопрос но в ShopCMS 3,1,3 почему то не могу найти файл header.tpl.html

Почему? Вполне нормальный вопрос. Нет в шаблоне от 3.1.3 файла header.tpl.html, без него в этом шаблоне обходятся.
И, на мой взгляд, окучивание сайта тэгами H1/H2/H3 в этом шаблоне даже проще.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#7 valeradr

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

  • Assistent vsupport.club
  • PipPipPip
  • 49 сообщений
Репутация: 0
Начинающий

Отправлено 30 April 2015 - 11:46 PM

В чем решение?
  • 0

#8 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 01 May 2015 - 12:58 PM

В чем решение?


{assign var="postheader" value=<h1>`$product_info.name`</h1>}

  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#9 valeradr

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

  • Assistent vsupport.club
  • PipPipPip
  • 49 сообщений
Репутация: 0
Начинающий

Отправлено 03 May 2015 - 10:33 AM

Поменять надо в каком файле ?
  • 0

#10 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 03 May 2015 - 12:19 PM

Поменять надо в каком файле ?

Во всех, где Вы хотите получить H1-тэги у главной фразы страницы.
Этот пример - для файла product_detailed.tpl.html
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#11 valeradr

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

  • Assistent vsupport.club
  • PipPipPip
  • 49 сообщений
Репутация: 0
Начинающий

Отправлено 04 May 2015 - 08:41 AM

Все получилось, единственное когда входишь по админкой заголовок проподает
{if $isadmin eq "yes"}{assign var="postheader" value=`$preheader``$product_info.name`}{else}{assign var="postheader" value=<h1>$product_info.name</h1>}{/if}
  • 0

#12 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 04 May 2015 - 03:34 PM

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

Заголовок или H1-тэги? Если тэги, то Яндекс, Гугль и прочие поисковики врядли будут заходить на сайт под аминским доступом.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#13 valeradr

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

  • Assistent vsupport.club
  • PipPipPip
  • 49 сообщений
Репутация: 0
Начинающий

Отправлено 04 May 2015 - 03:56 PM

Для поисковиков понятно, а так чтобы заголовок в админке тоже был виден такое возможно?
  • 0

#14 namer

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

  • Download User
  • PipPipPip
  • 45 сообщений
Репутация: 16
Начинающий
  • ГородКрасноярск

Отправлено 04 May 2015 - 08:29 PM

Так сделайте
{if $isadmin eq "yes"}{assign var="postheader" value=`$preheader`<h1>`$product_info.name`</h1>}{else}{assign var="postheader" value=<h1>$product_info.name</h1>}{/if}

  • 0
Установка, настройка
доработка функционала
Изображение

#15 av7

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений
Репутация: 0
Начинающий

Отправлено 10 January 2016 - 04:44 PM

3. в файл style.css добавляем

/* H1-H3 styles */ h1 {font-size:11px;margin: 0px 0px;} h2 {font-size:11px;margin: 0px 0px;} h3 {font-size:11px;margin: 0px 0px;}
Это для дефолтового шаблона, но подходит без изменений для многих.

Подскажите пожалуйста - сделал все как описано выше (дефолтовый шаблон), прописал стили для h1 в файл style.css, но все равно размер шрифта в тегах выходит слишком большим (как не меняй размер в style.css - 8-10-11-14 px). в чем моя ошибка?
  • 0

#16 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 10 January 2016 - 05:34 PM

в чем моя ошибка?

В краткости описания проблемы.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#17 av7

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений
Репутация: 0
Начинающий

Отправлено 11 January 2016 - 07:04 PM

в чем моя ошибка?

В краткости описания проблемы.


сделал все как вы описали в посте #2 , все Ок кроме размера шрифта
  • 0

#18 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 11 January 2016 - 08:03 PM

сделал все как вы описали в посте #2 , все Ок кроме размера шрифта

В этой строке НОЛЬ информации, телепатов тут нет, а гадать по описанию "у меня не работает то, что работает у всех" не рационально. В дефолтовом шаблоне от 3.1.2 это работает. Вы утверждаете, что у Вас дефолтовый шаблон, т.е. без малейшего изменения.

PS. Нажмите в браузере FireFox правую кнопку мыши на тексте, заключенном в h1-тэг (на том, у которого нежелательный размер) и выберите "исследовать элемент". Появится футер с полезным инструментом. Там в том числе будут (справа) все свойства элемента и откуда его свойства (CSS-настройки) берутся. Чудес не бывает и если вы пишете в настройке один размер фонта, а видите другой, значит где-то в другом месте (позже или хитрее) прописан другой размер фонта.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#19 av7

    Новичок

  • Пользователи
  • Pip
  • 3 сообщений
Репутация: 0
Начинающий

Отправлено 12 January 2016 - 12:48 PM


Спасибо, разобрался :blush:
  • 0

#20 badisoft

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

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 12 January 2016 - 01:38 PM

Я сейчас прописываю немного другие стили для H-тэгов:
/* H1-H3 styles */
h1,h2,h3 {font:inherit!important;margin:inherit!important;line-height:inherit!important;}
Т.е. H-тэги просто наследуют родительский стиль. В большинстве случаев это дает желаемый результат - стиль текста остается тем же, что был до обрамления текста H-тэгами.
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)