opencart как добавить код в head
[Решено] Как добавить в код главной страницы meta tag
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Войти
Уже есть аккаунт? Войти в систему.
Похожий контент
Пытаюсь вывести подкатегории с картинками на главной странице с помощью стандартного модуля
Прикладываю controller и twig
Но не чего не выводится, куда копать?
category.twig category.php
Не получается сделать редирект с главной поддомена на страницу поддомена
То есть с sub.somain.ru на sub.domain.ru/login
Прошу помощи.
Что-то получилось, но при переходе в url вылезает куча непонятных символом, а потом вообще не работает. Выдаёт примерно следующее: sub.domain/login/login/login/login.
Последние посетители 0 пользователей онлайн
Ни одного зарегистрированного пользователя не просматривает данную страницу
Как внедрить метатеги на OpenCart: простой пошаговый мануал
OpenCart — это один из самых распространенных движков под сайты интернет-магазинов. Подробно о его плюсах и минусах можно узнать из этой статьи на Хабре, а мы же вам сегодня расскажем, как на сайт этого движка внедрить мета-теги.
Рассмотрим четыре самых распространенных варианта внедрения тегов. Каждый из них имеет свои преимущества, а какой чаще всего выбираем мы расскажем в конце поста 😉
Вариант №1. Внедрить через админку сайта
Для страниц категорий товаров
Чтобы внедрить мета-теги на сайт на OpenCart для страниц категорий товаров выполним следующие пошаговые действия:
Внедрение мета-тегов для страниц товаров
Чтобы внедрить мета-теги на сайт на OpenCart для страниц товаров выполним следующие пошаговые действия:
Вариант №2. Внедрить через модуль
Чтобы внедрить мета-теги на сайт на OpenCart при помощи специального модуля выполним следующие пошаговые действия:
Вариант №3. Через код
Внедрение мета-тегов для страниц категорий
Чтобы внедрить мета-теги на сайт на OpenCart через код для страниц категорий товаров выполним следующие пошаговые действия:
Путь к папке: /ваш сайт/www/system/storage/modification/catalog/controller/product
Файл называется category.php
Для страниц товаров
Чтобы внедрить мета-теги на сайт на OpenCart через код для страниц товаров выполним следующие пошаговые действия:
Путь к папке: /ваш сайт/www/system/storage/modification/catalog/controller/product
Файл называется product.php
Вариант №4. Через файл
Чтобы внедрить мета-теги на сайт на OpenCart через файл выполним следующие пошаговые действия:
и ниже пишем следующие данные:
Юля Залиховская
Руководитель отдела продаж
Узнайте о рекламе для вашего бизнеса!
Задайте Юле вопросы о продвижении сайта в интернете.
Нажимая на кнопку, вы даете согласие на обработку персональных данных и соглашаетесь с политикой конфиденциальности
Лично я рекомендую использовать вариант №2. Покупать (скачивать) модуль и устанавливать его на сайт, а затем его настраивать. Этот вариант будет самым эффективным и наименее проблематичным в реализации. Но есть ряд оговорок, которые также помогут вам сделать правильный выбор:
Куда вставлять HTML-код мета-тега Description; keywords и т.д
Рекомендуемые сообщения
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Войти
Уже есть аккаунт? Войти в систему.
Похожий контент
Модуль SEO генератор мета описания(тегов), URL, дубли, позволяет провести оптимизацию всех категорий и товаров (Берутся категории у которых есть товары), производителей, статей с поддержкой языков магазина. Очень прост в эксплуатации
Сохраняет информацию о заполнении проставляя метки, также предусмотреть функционал для перезаписи.
Все что от Вас требуется, это задать шаблон для заполнения meta.
Также добавлена возможность автоматической массовой генерации отсутствующих SEO URL в товарах, категориях, производителях и статьях на всех языках магазина, с доп функционалом перезаписи имеющихся.
при нажатии на кнопку Обновить ЧПУ (SEO URL) модуль проставить URL во всех товарах и категориях, производителях, статьях в которых они отсутствуют.
Возможность устранения дублей SEO URL
ПРИМЕР заполнения прилагается в скриншоте.
ПРИМЕЧАНИЕ
Модуль не закублен с открытым исходным кодом, не требует ключа активации.
Тех. поддержка осуществляется для клиентов купившим модуль для конкретного ресурса, поэтому при покупке обязательно указываем Ваш домен.
СЕО СОПРОВОЖДЕНИЕ От legioner26
899
Доступ к обновлениям: 500.00 руб за 12 месяцев
Скачать/Купить дополнение
Также добавлена возможность автоматической массовой генерации отсутствующих SEO URL в товарах, категориях, производителях и статьях на всех языках магазина, с доп функционалом перезаписи имеющихся.
при нажатии на кнопку Обновить ЧПУ (SEO URL) модуль проставить URL во всех товарах и категориях, производителях, статьях в которых они отсутствуют.
Возможность устранения дублей SEO URL
ПРИМЕР заполнения прилагается в скриншоте.
ПРИМЕЧАНИЕ
Модуль не закублен с открытым исходным кодом, не требует ключа активации.
Тех. поддержка осуществляется для клиентов купившим модуль для конкретного ресурса, поэтому при покупке обязательно указываем Ваш домен.
СЕО СОПРОВОЖДЕНИЕ От chobitok
Буду признателен за помощь!)
Доброго времени суток! Подскажите в чем у меня ошибка. Требуется убрать отображение keywords со страниц пагинации. Мучаюсь уже неделю. Ничего путного не нашел. В коде не разбираюсь. Написал вот такую ересь и выдает ошибку(код ниже)
catalog/controller/product/category.php
if ($page == 1) <
$this->document->setKeywords($category_info[‘meta_keyword’]);
> else <
$this->document->setKeywords($category_info[»]);
>
Последние посетители 0 пользователей онлайн
Ни одного зарегистрированного пользователя не просматривает данную страницу
Как подключать JavaScript и CSS файлы в OpenCart?
Практически на каждом сайте так или иначе может использоваться код написанный на JavaScript. Задачи, выполняемые кодом, написанным на JavaScript абсолютно разные. В первую очередь это конечно связано с работой интерфейса сайта. Если один и тот же код используется на разных страницах, то его как правило выводят в отдельный файл. Преимуществ отдельного подключения скриптов достаточно. Разделение верстки и самого кода так же позволяет удобно работать с данными, динамически подключая их на нужных страницах сайта. В данном посту мы поговорим о том, как можно подключить свои скрипты в системе OpenCart.
Как и в большинстве движков, в OpenCart заложено разделение исполняемого кода от самого шаблона отображения. Шаблоны сайта лежат в отдельной отведенной для этого директории. И вопрос стоит в том, каким же образом можно подключать свои скрипты в этих шаблонах.
Подключение скриптов непосредственно в шаблоне OpenCart
Пожалуй, первое и самое элементарное это подключение скриптов непосредственно в самих файлах шаблона. Шаблон заголовка страницы мы можем найти по пути:
Мы можем прописать подключение без использования дополнительных обращений к программной части на сервере. Прописав в заголовке страницы код подключения скрипта JavaScript всё будет работать обычным образом:
Стоит сказать, что это один из простых вариантов подключения. Скрипт в этом случае будет подключаться на всех страницах где показывается данный шаблон. Однако потребность в подключения скриптов на каждой страницы может быть не везде.
Динамическое подключение скриптов в OpenCart
Довольно часто требуется подключать скрипты в отдельных случаях, вместо того чтобы показывать их на всех страницах. Особенно если скрипты довольно увесистые, и могут занимать некоторое время при загрузке страницы.
Конечно же для этих случаев в OpenCart предусмотрена возможность динамического подключения скриптов к шаблонам сайта. Подключать их можно непосредственно в самих контроллерах нужного класса.
Чтобы сделать аналогичное подключение, описанное выше, только через контролёр, необходимо в файле:
Прописать запись вида:
Таким образом, чтобы подключить в нужных разделах сайта отдельные скрипты, мы можем делать это посредством записи в классах котроллера отдельных разделов. Выводятся данные в шаблоне посредством такого кода в заголовке:
Динамическое подключение скриптов в произвольных блоках шаблона
Подключение скриптов иногда требуется выполнять к примеру, не в самом заголовке странице, а в нижней части сайта. Особенно это часто рекомендуют делать различные сервисы по оптимизации скорости загрузки страниц сайта. По этой причине возникает необходимость подключения скриптов в «подвале» сайта. Этот момент разработчики OpenCart тоже учли, и возможность такого подключения своих скриптов так же присутствует.
Функцию подключения скриптов в OpenCart выполняет библиотека Document, которая располагается тут:
Изучив код библиотеки можно заметить, что у метода addScript так же может быть использован второй аргумент — position. В качестве значения по умолчанию для этого аргумента присвоено – header. Вы, наверное, уже догадались, этот параметр может определять назначение подключаемого файла для конкретных участков разметки. И для того чтобы подключить наш файл JavaScript в footer, достаточно при подключении добавить второй параметр:
Для вывода в контроллере footer-а должен присутствовать код получения скриптов в таком виде:
Данные шаблону с контролёра передаются в виде массива. И уже в шаблоне данными массив прописывает строки подключения скриптов посредством цикла foreach.
Как подключить CSS-файл в OpenCart?
Как мы знаем для работы сайтов также используются CSS-файлы стилей. По аналогии со скриптами, подключать файлы стилей мы можем на отдельных страницах сайта. Про то как прописать непосредственно в шаблоне статическую запись мы пропустим. Давайте лучше подключим CSS-файл правильным образом, и позже я поясню почему.
Чтобы подключить CSS-файл, в классе контроллера прописать код такого вида:
Подключать файлы стилей рекомендуется именно посредством использования функционала библиотеки Document. Это связано с тем, что перед тем как отдаваться в браузер сам OpenCart так же может выполнять оптимизацию и сжатие файлов. К тому же, если проект довольно масштабный, код стилевого оформления может занимать значительные размеры. Разделяя страницы по разным типам, достаточно будет подключать нужный стиль, для нужной страницы. Такой метод положительно влияет на скорости отрисовки страницы в браузере.
Opencart как добавить код в head
В этой главе мы поговорим об опенкарт и научимся изменять шаблон, а также сверстаем главную страницу.
Несмотря на то, что OpenCart является довольно распространенной CMS, полного, подробного и актуального мануала по верстке для новичков для OpenCart в сети нет. Даже у меня на блоге пока только отдельные уловки по работе с данной системой. Давайте попробуем восполнить этот пробел и на конкретном примере научимся верстать под OpenCart 1.5.
Стоит отметить, что верстка под любую КМС остается версткой – мы просто располагаем элементы соответственно макету от дизайнера. Просто в каждом случае необходимо узнать, какие именно файлы менять и не забывать об их взаимосвязи. В этом плане опенкарт имеет некоторые отличия от интеграции верстки в вордпресс, к примеру.
Итак, начнем с создания шаблона. В опенкарт шаблон – это набор файлов с расширением tpl. По сути дела это обычный php файл – в нем можно писать php код, заключенный в соответствующие теги, а также html разметку. Мы не будем делать новый шаблон, а начнем править уже имеющийся. В моем случае это обуславливалось тем, что интернет магазин уже имел на страницах практически все необходимые элементы (точнее, блоки элементов), мне надо было только изменить их внешний вид. Справедливости ради, весьма кардинально.
Посмотрим на главную страницу:
Она весьма отличается от остальных, поэтому можно смело удалить все из файла home.tpl и начать верстать с нуля. Здесь нет ни футера, ни хедера, только логотип, меню и еще картинка. То есть начало у нас такое:
Далее стили. Убираем отступы у боди и задаем размер шрифта по умолчанию для документа:
Теперь подключаем парочку стилей, которые нам понадобятся
Сама верстка чрезвычайно проста: обертка (wrapper) – в ней картинка, затем див, в котором сверху вниз див с парочкой спанов и меню под ними. А также еще сбоку картинка.
Если вы не знаете ваш код меню, то ищите его в той же папке (common) в файле header.tpl. А мы наше меню немного облагородим. Заставим выезжать и сделаем подложку при наведении:
Вроде бы теперь главная страница у нас соответствует макету. Однако, мы делаем сразу же адаптированный сайт, хорошо отображающийся и на различных мобильных устройствах. Поэтому смотрим макет адаптивки:
Что мы видим? Как только ширина экрана будет меньше 750px, мы все центрируем, добавляем отступы, а меню делаем столбиком. Насчет меню – не самое стандартное решение в данном случае, на других страницах будет обычное адаптивное. Но, что делать – такой дизайн – я всего лишь верстальщик. Итак, стили:
Также необходимо изменить логику выезда подменю: не по наведению, а по клику и убрать ссылку с первого пункта.
Теперь проверяем, мобайл френдли ли наш сайт по мнению основных поисковых систем?
Все отлично! У вас может возникнуть вопрос: а чем тогда отличается данная верстка от обычной, без натяжки на кмс опенкарт? В данном случае – только кодом меню. Но я и предупреждал, что ничего сложного нет.
В следующих главах мы научимся натягивать верстку опенкарт и для других страниц.
заметки, верстка, opencart, opencart