Все заголовки в одном месте

Доброго вечера, коллеги!
Нужно все заголовки перенести в файл index.html. Хочу сделать однообразно, что бы выглядело все симметрично.

То есть, должно все выглядеть так:

Хлебные крошки
Заголовок категории, бренда, информационной страницы и т.д.

Добрый, не понятно что имеете ввиду, может вы не знаете про сео шаблоны?

Нет, я хочу сделать, что бы было как на вамшоп, что бы хлебные крошки с заголовком были вместе. Смартфоны

Что бы это сделать, нужно все заголовки собрать вместе.

Вот код из страницы категории товаров:

Хлебные крошки:

	{if $navtrail}
		{include file="file:$TEMPLATE_PATH/tpl/breadcrumbs.tpl"}
	{/if}

Заголовок категорий товаров:

	<div class="wrap_h1_cat">
		{if $CATEGORIES_HEADING_TITLE }
			<h1>{$CATEGORIES_HEADING_TITLE}</h1>
		{else}
			{if empty($smarty.get.keywords) && empty($smarty.get.manufacturers_id)}
				<h1 itemprop="name">{$CATEGORIES_NAME}</h1>
			{/if}
		{/if}
		{if isset($PRODUCTS_COUNT_TEXT)}
		<div class="count_products_in_cat">{$PRODUCTS_COUNT} {$PRODUCTS_COUNT_TEXT}</div>
		{/if}
{*					<div class="count_products_in_cat" itemtype="http://schema.org/AggregateOffer" itemscope="" itemprop="offers">*}
{*						<span itemprop="offerCount">{$PRODUCTS_COUNT}</span> {$PRODUCTS_COUNT_TEXT}*}
{*						<meta itemprop="lowPrice" content="{$lowPrice}">*}
{*						<meta itemprop="highPrice" content="{$highPrice}">*}
{*						<meta itemprop="priceCurrency" content="{$priceCurrency}">*}
{*						<meta itemprop="availability" content="http://schema.org/InStock">*}
{*						<meta itemprop="itemCondition" content="http://schema.org/NewCondition">*}
{*						<meta itemprop="seller" content="{$smarty.const.STORE_NAME|replace:'"':''}">*}
{*					</div>*}
	</div>

Дальше нужно добавить заголовки информационных страниц, новостей и т.д.

Хлебные крошки в отдельном DIVе и со своим фоном. Но так нужно не только для категорий а для всех страниц, где есть заголовок.

Это потребует переделки всей структуры шаблонов.
Как это сделать к сожалению не подскажу.

Думаю лучше задать стили для H1

.content_text > h1{
тут нужные стили
}

Немного не понял ответ. Антон, приведите пожалуйста пример. К примеру страницу брендом.

.main_content_wrap{
    position: relative;
}
.content_text {
    margin-top: 62px;
}
.content_text > h1 {
    background: #f9f9fa;
    display: flex;
    justify-content: center;
    padding: 10px 10px 20px;
    margin: 0 !important;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

как то так

1 лайк

Я примерно так делаю. Хотело уточнить

.content_text

Этот контейнер во всех файлах есть? + тег h1 как уточнить, что бы только самый верхний был?

Во всех для index.html

.content_text > h1

Так еще первый элемент обозначается? Я думал, что только родительские элементы. Спасибо, буду знать.

Нет, так выбираются непосредственные потомки родителя.

Если в коде будут повторения заголовков типа wrap_h1_cat, то роботы это воспримут как дубли h1

Не думаю. Это же селектор CSS а не тег

.

А я не думаю :grin:, говорю из личного опыта.
Проверьте любой сео прогой.

Покажите пример такой верстки, где за название селектора боты бесятся? есть сайты, у которых не то, что бы селекторы имели внутри названия h1 а несколько ФИЗИЧЕСКИХ H1 и они в топе.

В топе они только из за возраста домена, высокого икс и тиц, на отдельном своём сервере, и от большого количества обновляемой инфы. Или кучей упертого контента из топа. Либо только уникальный контент. Как то так.
Либо добавить свой сайт в dmoz и яндекс каталог, и тоже будешь в топе.