Header tpl где находится opencart

Я сначала пытался объяснить, как устроен Opencart, чтобы вам было легко потом находить, какие шаблоны используются на конкретной странице, но получается, что это будет слишком объёмно. Поэтому я представлю ситуацию, когда используется стандартная установка Opencart.

Заголовочная часть HTML-кода, шапка страницы, плюс выпадающее меню категорий, плюс уведомления — /catalog/view/theme/ /template/common/header.tpl

Футер — /catalog/view/theme/ /template/common/footer.tpl

Контент — зависит от текущего пути. Например, если текущий путь — product/product (страница товара), то шаблон можно найти в /catalog/view/theme/ /template/product/product.tpl. Если корневая страница сайта (вы её назвали index), то её шаблон лежит в /catalog/view/theme/ /template/common/home.tpl.

Левая колонка — /catalog/view/theme/ /template/common/column_left.tpl

Правая колонка — /catalog/view/theme/ /template/common/column_right.tpl

Служебная часть перед контентом — /catalog/view/theme/ /template/common/content_top.tpl

Служебная часть после контента — /catalog/view/theme/ /template/common/content_bottom.tpl

можно узнать на странице настройки магазина в админке: Админка → Меню «Система» → пункт «Настройки» → ссылка «Изменить» напротив текущей конфигурации → вкладка «Магазин» → пункт «Шаблон».

Всё содержимое обычно компонуется из этих кусков.

Правая и левая колонки, а так же служебные части перед и после контента обычно заполняются модулями — в зависимости от настроек модулей. Эти четыре шаблона лучше не трогать, если вы не уверены до конца, что делаете.

В этой статье разберем — переменные шаблона header.tpl —

он находится либо по базовому адресу catalogview hemedefault emplatecommonheader.tpl, либо в папке вашей темы:

1. " lang=" "> — задает язык. Можно заменить на что-то конкретное.

2. — так прописывается тайтл в ocshop версии 1.5

3. " /> — базовая страница сайта. Например — на этом сайте это http://art-decoupage.ru/.

— эта конструкция необходима для SEO — устранения дублей навигационных цепочек и при сортировке.

5. Еще SEO мета теги — описание и ключевые слова:

И еще доп. для SEO — полезняки:

это Open Graph формат, разработанный Facebook, но удобен и поэтому многие лидирующие соц. сети его используют. Более подробно, что означает каждый элемент можно прочитать тут — Яндекс об Open Graph.

Но заметьте тут именно тэги есть интересные:

$og_url — он вытягивает канонический урл — очень полезен для SEO в движке, то есть в ocshop с этим проблем нет, вот например в Битриксе, надо голову сперва сломать, чтобы это все сделать, а тут по умолчанию идет — это удобство!

7. Перебор подключаемых стилей, например для попап-коризны:

" type="text/css" href="/ " media=" " />

8. Перебор через цикл ява-скриптов:

9. Это я не в курсе — кто знает в комментах пишем — . Потом узнаю допишу.

10. Удобная фишка в ocshop — подключение гугл аналитики:

11. Ставим ссылку на главную страницу ocshop: ">

12. Прописываем лого и название картинки: " title="

14. Выбор валюты:

15. Отображение корзины магазина в ocshop:

16. Установка поиска на сайте:

17. Для тех, кто дальше копает:

а) можно осуществить вывод блога

Вывод акций (если они у вас есть и настроены):

Вывод новинок (если они у вас есть и настроены):

Вывод производителей (если они у вас есть и настроены):

18. Задать время работы магазина (через настройки):

19. Вывод Яндекс Карты в ocshop :

20. Можно даже пожаловаться директору магазина —
"> (начиная с версии 1.5.6.4 )

21. Подключайте социальные сети — кнопки:

Более новые статьи:

  • Лучше сразу правильно сконфигурировать ссылки сайта, чтобы они были красивыми и понятными не только нам, но поисковикам. …

">SEO Manager для ocShop, ocStore, Opencart v.2.x — 17/09/2019 08:11
Есть очень удобная штука — это "возможность редактирования товара прям из карточки товара" и в ocshop и opencart версии 1.5 это можно сделать смотрим …

">Реализация редактирования товара прям из карточки товара — 12/01/2017 23:45
В данной статье мы рассмотрим один самых важных шаблонов ocshop это product.tpl.

Более старые статьи:

  • Если в opencart у вас возникла ошибка вида "ошибка Notice: Use of undefined constant HTTPS_SERVER — assumed . ", то решение ее таково. …

">Ошибка Notice: Use of undefined constant HTTPS_SERVER — assumed.
Для новичка есть много непонятных моментов в opencart, тем более по части ООП, постепенно давайте развеивать туман. …

">Немного об ООП в опенкарте
В этой статье я расскажу, как я исправил ошибку в opencart "You do not have permission to access this page, please refer to your system administrator. …

Доступным языком заметки по IT технологиям

Методика верстки шаблона под OpenCart (1.x)

Итак у вас есть HTML+CSS шаблон и из него надо сверстать шаблон для CMS OpenCart. Решить эту задачу как я вижу можно двумя путями:

  1. Взять шаблон default и подгонять его catalogview hemedefaultstylesheetstylesheet.css до тех пор, пока он не будет похож на наш HTML+CSS прототип. Далее отключаем/включаем некоторые модули соответственно и передвигаем их, все делаем через настройки админпанели до тех пор, пока все не будет на своих местах, например колонка «категории» слева, баннеры снизу и т.п., вообщем все как на HTML+CSS прототипе.
  2. Второй путь сложнее, он применим когда наш шаблон не получается «натянуть» на default. Решение заключается в верстки HTML+CSS шаблона под OpenCart с нуля (или почти с нуля). Берется наш HTML+CSS прототип, делиться на части, каждую часть помещаем в определенный .tpl шаблон, далее в каждом шаблоне прописываем необходимые переменные, после чего занимаемся подгоном css стилей отвечающий за вывод содержимого контента сайта, за корзину, за вывод модулей, подгоняем таким образом пока не будет достигнута единый стиль сайта.

С первым способом решения думаю проблем быть не должно, поэтому, в данном посте, я буду описывать второй путь, итак начнем …

Верстка шаблона под OpenCart

1. Готовим базу

Для начала надо подготовить базу для нашего будущего шаблона, за базу будем брать default шаблон. Создадим папку «MyTempl» в директории catalogview heme, где «MyTempl» это имя нашего шаблона. Скопируем все содержимое default в новосозданную папку.

Кратко по директориям MyTempl, что мы будем делать с содержимым каждой из них:

  • Содержимое директории image менять не будем, все изображения звездочек, стрелочек, кнопочек будут отображаться в контенте сайта, менять их будем в самом конце верстки шаблона, если они уж совсем будут выбиваться из стиля, а так, пока не трогаем их;
  • В директории « stylesheet» на основе файла stylesheet.css мы будем создавать свой « style.css»;
  • Директория template содержит .tpl файлы представления, мы их будем активно править.

Все база создана, начнем править .tpl шаблоны.

2. Создаем скелет шаблона

Перейдем в директорию «catalogview hemeMyTempl emplate», здесь сосредоточены файлы представления нашего нового шаблона MyTempl. Они отвечают за то, каким образом будут выводиться страницы и что на них будет отображено. За «откуда брать информацию» отвечают так называемые контроллеры, которые располагаются в директории catalogcontroller, редактировать контроллеры будем по острой необходимости, про которую я расскажу позже.

Для начала я приведу по данной ссылке список, какие бывают файлы представления, где они находиться и за что отвечают, это даст цельную картину.

Редактировать мы будем лишь следующие файлы tpl


[an error occurred while processing the directive]
Карта сайта