Opencart хлебные крошки: Модуль Умные Хлебные крошки Opencart 3.0

Модуль Умные Хлебные крошки Opencart 3.0

Модуль Умные Хлебные крошки — делает breadcrumbs в Opencart 3.0 полными, с мироразметкой и без ссылки «на самого себя». Это то, чего не хватает стандартным хлебным крошкам в Опенкарт.

Основные функции модуля:
— хлебные крошки в товаре включают категории, к которым относится товар;
— добавляется микроразметка Microdata BreadcrumbList для хлебных крошек — улучшение навигации в сниппете сайта в поисковой выдаче;
— последний элемент хлебных крошек будет без ссылки — убрана ссылка на самого себя (рекомендация SEO-специалистов).

Установка модуля:
1. Загрузить архив модуля в админке вашего сайта
2. Обновить модификации в админке
3. Сбросить кеш шаблона (кеш twig).

Лог изменений:
23.02.2019 — решена ошибка, которая появилась при проверке микроразметки в Google, связанная с отсутствием item в последнем элементе BreadcrumbList
28.11.2019 — улучшение модуля в плане мультиязычности и совместимости с шаблонами
18. 02.2020 — улучшенная совместимость с шаблонами
15.06.2020 — улучшенная совместимость с шаблонами

  • Opencart 3.0.0.0
  • Opencart 3.0.1.1
  • Opencart 3.0.1.2
  • Opencart 3.0.2.0 или ocStore 3.0.2.0
  • Opencart 3.1.0.0
  • Opencart 3.0.3.1
  • Opencart 3.0.3.2
  • Opencart 3.0.3.3
  • Opencart 3.0.3.6
  • Opencart 3.0.3.7 и OcStore 3.0.3.7

1. «Директория не доступна для записи!» или «Папка не разрешена для записи!»»

Решение проблемы:

Скачайте и установите дополнение Localcopy OCMOD

После установки этого дополнения нужно перейти в раздел Модификаторы и нажать кнопку «Обновить модификаторы». После этого можно устанавливать другие модули.

2. Модуль установился и работает в админке, но на сайте ничего не отображается

Возможно несколько проблем и вариантов их решения:

1. Не сброшен кеш шаблона  — нужно обновить кеш [скриншот]

2. Вы раньше редактировали файлы шаблона через админку в разделе «Редактор темы», тогда этот файл сохранился в базе данных и на него уже не влияют ocmod-модификаторы, это проблема Opencart 3. Вам нужно установить фикс [скачать] и обновить модификации в админке.

3. Ваш шаблон устроен на TPL-файлах (*.tpl), в то время, когда в Opencart 3 шаблоны должны быть в формате TWIG (*.twig). Проблема в том, что ocmod-модификаторы не влияют на TPL-файлы — все изменения нужно вносить в эти файлы вручную.

3. Ошибка 500 Internal Server Error

Нужно включить вывод всех ошибок php на экране — для этого в файле .htaccess в конце нужно добавить строки:

php_value display_errors 1
php_value display_startup_errors 1
php_value error_reporting E_ALL

Теперь вместо ошибки 500 должен отображаться код ошибки, который укажет на проблему.

4. Не работает модуль на Opencart 3. 0.3.6

В официальных сборках Opencart 3.0.3.5 — 3.0.3.6 есть баг — там модификаторы не работают с twig-файлами из-за ошибки в стандартном модификаторе /system/modification.xml — вторая операция из этого модификатора не срабатывает.
Проблема есть на оф. гитхабе и предложено решение https://github.com/opencart/opencart/blob/3.0.x.x_Maintenance/upload/system/modification.xml
Мы сделали фикс-модификатор по этим рекомендациям, он заменит файл /system/modification.xml на правильный.

Решение проблемы:
1. Сделайте резервную копию вашего файла /system/modification.xml
2. Скачайте фикс-модификатор по ссылке и установите его у себя в админке
3. Обновите кэш модификаторов
4. Обновите кэш twig-шаблонов

Включите javascript, чтобы увидеть комментарии

✅ [Решено:] Opencart3 — Убираем ссылку в последнем элементе хлебных крошек

войти в систему

Добро пожаловат!Войдите в свой аккаунт

Ваше имя пользователя

Ваш пароль

Вы забыли свой пароль?

завести аккаунт

Зарегистрироваться

Добро пожаловат!Зарегистрируйтесь для создания учетной записи

Ваш адрес электронной почты

Ваше имя пользователя

Пароль будет выслан Вам по электронной почте.

восстановление пароля

Восстановите свой пароль

Ваш адрес электронной почты

Небольшая заметка по теме СЕО оптимизации Opencart3, а именно как в цепочки хлебных крошках (Breadcrumb) последний элемент сделать текстом, а не ссылкой. Написать меня эту заметку заставили разработчики моего шаблона с сайта Тимфорест. Меня настолько пробесил тот факт, что я должен был платить им деньги за их техническую ошибку (а это я могу назвать только такими словами, потому как уже давно считается стандартом и хорошим тоном делать эти хлебные крошки правильно т.е. быз конечной ссылки на товар)

В итоге ловите код который делает правильные хлебные крошки

Opencart3 — правильные хлебные крошки

Если вы перешли на мою статью, то вам не нужно рассказывать о важности хлебных крошках и то какое они имеют влияние на продвижение интернет магазина и сайта. НЕ зря многие СЕО чеклисты в первой 10 основных критериев имеют пункт связанный с хлебными крошками!  В опенкарт для того что исправить Breadcrumbs нужно править несколько файлов шаблонов:

  • карточка товара
  • категории
  • информационные страницы

Карточка товара

  1. идем в директорию /public_html/catalog/view/theme/skylight/template/product/
  2. открываем файл product. twig
  3. Ищем через поиск наши хлебные крошки —  breadcrumb
  4. и заместо строчки <li><a href=»{{ breadcrumb.href }}»>{{ breadcrumb.text }}</a></li>
  5. Вставляем
    {% if loop.first %}<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>{% else %}<li>{% if loop.last %}<span><span>{{ breadcrumb.text }}</span></span>{% else %}<a href="{{ breadcrumb.href }}"><span>{{ breadcrumb.text }}</span></a>{% endif %}<meta content="{{ loop.index - 1 }}" /></li>{% endif %}       
    
  6. должно получится что то типа такого:
  7. После этого сохраняем и обновляем модификаторы Opencart
  8. Радуемся результату и пишем свои комментарии

Категории

Если у вас большая вложенность категорий и подкатегорий в opencart, исправить хлебные крошки нужно тоже обязательно!

  1. идем в директорию /public_html/catalog/view/theme/skylight/template/product/category. twig
  2. ищем строчку <li><a href=»{{ breadcrumb.href }}»>{{ breadcrumb.text }}</a></li>
  3. Заменяем ее на
    {% if loop.first %}<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>{% else %}<li>{% if loop.last %}<span><span>{{ breadcrumb.text }}</span></span>{% else %}<a href="{{ breadcrumb.href }}"><span>{{ breadcrumb.text }}</span></a>{% endif %}<meta content="{{ loop.index - 1 }}" /></li>{% endif %}       
    
  4. Как видите операция по исправлению одна и таже

 

Информационные страницы

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

 

Заключение

Таким способом мы исправили и сделали хлебные крошки в Opencart правильными, а именно:

  • убрали ссылку на самих себя
  • убирали последую ссылку в хлебных крошках
  • Убираем дубль заголовка в хлебных крошках который ссылается на самого себя
  • убрали последний элемент в хлебных крошках
  • Сделали хлебные крошки в Opencart/ocStore 3 версии без ссылки на последнюю (текущую) страницу

Последние

Subscribe

I’ve read and accept the Privacy Policy.

Похожие статьи:

Related

панировочных сухарей | Journal Docs

Breadcrumbs оформлен в стиле Journal > Styles > Breadcrumbs > [Active Style]… . Вы можете редактировать активный стиль
(ПО УМОЛЧАНИЮ в нашем случае), нажав на него (см. красную стрелку с надписью 1a ) или вы можете создать новый стиль из синего плюса
кнопку в правом верхнем углу (см. красную стрелку 1b ). Таким образом, вы можете создать несколько стилей и применить их к
разные страницы, как того требует ваш дизайн.

Стиль Breadcrumbs добавлен глобально в Journal > Skins > Edit > Global > Global Styles > Breadcrumbs .

Вы можете выбрать другой стиль, щелкнув текст в поле Breadcrumbs (см. красную стрелку с надписью 2a ),
Вы можете отредактировать выбранный стиль, нажав на маленький синий карандаш (см. красную стрелку с надписью 2b ) или даже
создайте новый стиль, нажав на белый знак + возле Breadcrumbs 9Поле 0004 (см. красную стрелку 2c ).

Независимо от метода, использованного вами для создания нового стиля Breadcrumbs , новые созданные стили можно свободно
использовать на различных страницах демо журналов. Обратите внимание, что вы можете использовать различные стили Breadcrumbs на разных страницах.

См. ниже, как новый созданный стиль Breadcrumbs под названием Category Page Breadcrumbs будет применяться только к
Страница категории в то время как Страница продукта или остальные другие страницы не будут затронуты этим конкретным
сдача.

Пример

Шаг 1 — Создание хлебных крошек страницы категорий : _Journal > Styles > Breadcrumbs > Нажмите кнопку + >
… Выберите метку для нового стиля (красная стрелка с надписью 1.1 ), добавьте специальный значок (красная стрелка с надписью 1. 2 ) и
выделенный цвет (красная стрелка с надписью 1.3 ) и, в конце, нажмите зеленую кнопку проверки в верхнем левом углу.
(красная стрелка помечена 1.4 ), чтобы сохранить новый стиль.

Шаг 2 — Добавление нового стиля Страница Категории Breadcrumbs в Скины:
Журнал > Скины > Редактировать > Глобальные > Глобальные стили > Breadcrumbs > щелкните текстовую область из Breadcrumbs
поле и выберите новый стиль из списка (красная стрелка с надписью 2.1 ), затем нажмите на зеленую кнопку проверки
из верхнего левого угла (красная стрелка с надписью 2.2 ), чтобы сохранить изменения.

Шаг 3 — Применение нового стиля
_Journal > Layouts > Category > Щелкните значок Styles Override в правом углу (красная стрелка с надписью 3.1 )

В новом открытом окне найдите поле Breadcrumbs Style (красная стрелка с надписью 3. 2 ), выберите новый стиль
Страница категории Breadcrumbs из списка (красная стрелка помечена 3.3 ), закройте окно Style Override .
(красная стрелка с надписью 3.4 ) и в конце нажмите на зеленую кнопку проверки в верхнем левом углу (красная стрелка
с меткой 3.5 ), чтобы сохранить изменения.

Шаг 4 — Проверка модификации на Витрине (не раньше нажатия на кнопку обновить).

См. ниже новые хлебные крошки страницы категории , успешно примененные на странице категории .

См. ниже, что ПО УМОЛЧАНИЮ Стиль хлебных крошек по-прежнему применяется на странице продукта .

Что такое хлебные крошки и почему они важны для SEO?