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


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


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

#1 Alexsandra

Alexsandra

    Пользователь

  • Пользователи
  • PipPip
  • 14 сообщений

Отправлено 27 Ноябрь 2019 - 17:27

Добрый день! Помогите настроить хлебные крошки в шаблоне карамель. При выборе шаблона не заметила, что их там нет, а шаблон менять не хочется.

#2 stasia

stasia

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

  • Модераторы
  • 575 сообщений

Отправлено 28 Ноябрь 2019 - 10:12

Просмотр сообщенияAlexsandra (27 Ноябрь 2019 - 17:27) писал:

Добрый день! Помогите настроить хлебные крошки в шаблоне карамель. При выборе шаблона не заметила, что их там нет, а шаблон менять не хочется.


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:

/*** Хлебные крошки ***/
#breadcrumbs {position: relative;color: #666666;border-bottom: 1px solid #E5E5E5;margin-bottom: 5px;background: #efefec;padding: 5px 0;text-align: center;}
#breadcrumbs ul {margin: 0;padding: 0;list-style: none;list-style-position: inside;}
#breadcrumbs ul li {display: inline-block;padding: 5px 0;font-weight: 400;margin-left: 5px;}
#breadcrumbs ul li a {color: #666666;z-index: 2;font-size: 14px;font-weight: 300;text-transform: capitalize;}
#breadcrumbs ul li a i {margin-right: 5px;}
#breadcrumbs ul li a:hover {color: #8C2C29;}



В Редакторе шаблонов---HTML, найдите код:




			<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p> 
			<p>Необходимо включить его для корректной работы сайта.</p> 
		  </div> 
		</div> 
	  </noscript>

<div class="contentwrp">
  <div class="content">


И сразу после добавьте данный код:


	<!-- Хлебные крошки -->
	{% IFNOT index_page %}
	<div id="breadcrumbs">
	  <div class="container">
		<ul itemscope itemtype="https://schema.org/BreadcrumbList">
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="{INDEX_PAGE_URL}" title="Перейти на главную"><span itemprop="name"><i class="fa fa-home">]</i>Главная</span></a></li>

		  {% IF MOD_LNAME=cart %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">{% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %}</li>
		  {% ELSEIF MOD_LNAME=user && ACT=login %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Войти или зарегистрироваться</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=change %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_RECOVERY_URL}" title="Восстановление пароля"><span itemprop="name">Восстановление пароля</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Активация нового пароля</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=recovery %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Восстановление пароля</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=favorites %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Избранные товары</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=history_info %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_HISTORY_LIST_URL}" title="История моих заказов"><span itemprop="name">Мои заказы</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Карточка заказа</strong></li>
		  {% ELSEIF MOD_LNAME=user  && ACT=history_list %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Мои заказы</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=settings %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Личный кабинет</strong></li>
		  {% ELSEIF MOD_LNAME=user && ACT=register %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Регистрация клиента</strong></li>
		  {% ELSEIF MOD_LNAME=order && ACT=stage %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Оформление заказа</strong></li>
		  {% ELSEIF MOD_LNAME=search %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Поиск</strong></li>
		  {% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{DISCOUNT_URL}" title="Перейти на страницу акций магазина"><span itemprop="name">Акции магазина</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{PROMOTIONAL_CAMPAIGN_NAME}</strong></li>
		  {% ELSEIF MOD_LNAME=discount && ACT=index %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Акции магазина</strong></li>
		  {% ELSEIF MOD_LNAME=order && ACT=info %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}"><span itemprop="name">Оформление заказа</span></a></li>
			<li>Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен.</li>
		  {% ELSEIF MOD_LNAME=feedback && ACT=index %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Связь с администрацией</strong></li>
		  {% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL  || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{NEWS_SECTION_NAME}</strong></li>
		  {% ELSEIF MOD_LNAME=news %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{NEWS_SECTION_URL}" title="{NEWS_SECTION_NAME}"><span itemprop="name">{NEWS_SECTION_NAME}</span></a></li>
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{NEWS_TITLE}</strong></li>
		  {% ELSEIF MOD_LNAME=compare %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Список сравнения</strong></li>
		  {% ELSEIF MOD_LNAME=page %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{PAGE_NAME}</strong></li>
		  {% ELSEIF MOD_LNAME= %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Внутренняя ошибка сервера</strong></li>
		  {% ELSEIF MOD_LNAME=callback %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Заказ обратного звонка</strong></li>
		  {% ELSEIF MOD_LNAME=goods %}
			<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог товаров"><span itemprop="name">Каталог</span></a></li>
			{% FOR upper_navigation %}
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
			{% ENDFOR %}
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{GOODS_NAME}</strong></li>
		  {% ELSEIF MOD_LNAME=catalog %}
			{% IF IS_FULL_CATALOG %}
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Каталог</strong></li>
			{% ELSE %}
			  <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина"><span itemprop="name">Каталог</span></a></li>
				{% FOR upper_navigation %}
				  {% IF upper_navigation.CURRENT %}
					<li>{upper_navigation.NAME}</li>
				  {% ELSEIF upper_navigation.CURRENT_PARENT %}
					<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
				  {% ENDIF %}
				{% ENDFOR %}
			{% ENDIF %}
		  {% ENDIF %} 
		</ul>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Хлебные крошки -->


#3 Alexsandra

Alexsandra

    Пользователь

  • Пользователи
  • PipPip
  • 14 сообщений

Отправлено 29 Ноябрь 2019 - 22:38

Просмотр сообщенияstasia (28 Ноябрь 2019 - 10:12) писал:


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и добавьте в самый конец шаблона код:

/*** Хлебные крошки ***/
#breadcrumbs {position: relative;color: #666666;border-bottom: 1px solid #E5E5E5;margin-bottom: 5px;background: #efefec;padding: 5px 0;text-align: center;}
#breadcrumbs ul {margin: 0;padding: 0;list-style: none;list-style-position: inside;}
#breadcrumbs ul li {display: inline-block;padding: 5px 0;font-weight: 400;margin-left: 5px;}
#breadcrumbs ul li a {color: #666666;z-index: 2;font-size: 14px;font-weight: 300;text-transform: capitalize;}
#breadcrumbs ul li a i {margin-right: 5px;}
#breadcrumbs ul li a:hover {color: #8C2C29;}



В Редакторе шаблонов---HTML, найдите код:




<p><strong>Мы заметили что у Вас выключен JavaScript.</strong></p>
<p>Необходимо включить его для корректной работы сайта.</p>
</div>
</div>
</noscript>

<div class="contentwrp">
<div class="content">


И сразу после добавьте данный код:


<!-- Хлебные крошки -->
{% IFNOT index_page %}
<div id="breadcrumbs">
<div class="container">
<ul itemscope itemtype="https://schema.org/BreadcrumbList">
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="home"><a itemprop="item" href="{INDEX_PAGE_URL}" title="Перейти на главную"><span itemprop="name"><i class="fa fa-home">]</i>Главная</span></a></li>

{% IF MOD_LNAME=cart %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">{% IF cart_items_empty %}Корзина покупок пуста{% ELSE %}Корзина{% ENDIF %}</li>
{% ELSEIF MOD_LNAME=user && ACT=login %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Войти или зарегистрироваться</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=change %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_RECOVERY_URL}" title="Восстановление пароля"><span itemprop="name">Восстановление пароля</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Активация нового пароля</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=recovery %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Восстановление пароля</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=favorites %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Избранные товары</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=history_info %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_HISTORY_LIST_URL}" title="История моих заказов"><span itemprop="name">Мои заказы</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Карточка заказа</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=history_list %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{USER_SETTINGS_URL}" title="Личный кабинет"><span itemprop="name">Личный кабинет</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Мои заказы</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=settings %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Личный кабинет</strong></li>
{% ELSEIF MOD_LNAME=user && ACT=register %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Регистрация клиента</strong></li>
{% ELSEIF MOD_LNAME=order && ACT=stage %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Оформление заказа</strong></li>
{% ELSEIF MOD_LNAME=search %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Поиск</strong></li>
{% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{DISCOUNT_URL}" title="Перейти на страницу акций магазина"><span itemprop="name">Акции магазина</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{PROMOTIONAL_CAMPAIGN_NAME}</strong></li>
{% ELSEIF MOD_LNAME=discount && ACT=index %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Акции магазина</strong></li>
{% ELSEIF MOD_LNAME=order && ACT=info %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}" title="Перейти в корзину"><span itemprop="name">Корзина</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CART_URL}"><span itemprop="name">Оформление заказа</span></a></li>
<li>Заказ {% IF ORDER_NUM %}№{ORDER_NUM}{% ENDIF %} успешно оформлен.</li>
{% ELSEIF MOD_LNAME=feedback && ACT=index %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Связь с администрацией</strong></li>
{% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{NEWS_SECTION_NAME}</strong></li>
{% ELSEIF MOD_LNAME=news %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{NEWS_SECTION_URL}" title="{NEWS_SECTION_NAME}"><span itemprop="name">{NEWS_SECTION_NAME}</span></a></li>
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{NEWS_TITLE}</strong></li>
{% ELSEIF MOD_LNAME=compare %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Список сравнения</strong></li>
{% ELSEIF MOD_LNAME=page %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{PAGE_NAME}</strong></li>
{% ELSEIF MOD_LNAME= %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Внутренняя ошибка сервера</strong></li>
{% ELSEIF MOD_LNAME=callback %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Заказ обратного звонка</strong></li>
{% ELSEIF MOD_LNAME=goods %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог товаров"><span itemprop="name">Каталог</span></a></li>
{% FOR upper_navigation %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
{% ENDFOR %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">{GOODS_NAME}</strong></li>
{% ELSEIF MOD_LNAME=catalog %}
{% IF IS_FULL_CATALOG %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><strong itemprop="name">Каталог</strong></li>
{% ELSE %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{CATALOG_URL}" title="Перейти в каталог продукции нашего магазина"><span itemprop="name">Каталог</span></a></li>
{% FOR upper_navigation %}
{% IF upper_navigation.CURRENT %}
<li>{upper_navigation.NAME}</li>
{% ELSEIF upper_navigation.CURRENT_PARENT %}
<li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"><a itemprop="item" href="{upper_navigation.URL}" title="Перейти в категорию &laquo;{upper_navigation.NAME}&raquo;"><span itemprop="name">{upper_navigation.NAME}</span></a></li>
{% ENDIF %}
{% ENDFOR %}
{% ENDIF %}
{% ENDIF %}
</ul>
</div>
</div>
{% ENDIF %}
<!-- /END Хлебные крошки -->
Спасибо!




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

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