Я сначала пытался объяснить, как устроен 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
можно узнать на странице настройки магазина в админке: Админка → Меню «Система» → пункт «Настройки» → ссылка «Изменить» напротив текущей конфигурации → вкладка «Магазин» → пункт «Шаблон».
Всё содержимое обычно компонуется из этих кусков.
Правая и левая колонки, а так же служебные части перед и после контента обычно заполняются модулями — в зависимости от настроек модулей. Эти четыре шаблона лучше не трогать, если вы не уверены до конца, что делаете.
Доступным языком заметки по IT технологиям
Содержание
- Методика верстки шаблона под OpenCart (1.x)
- Верстка шаблона под OpenCart
- 1. Готовим базу
- 2. Создаем скелет шаблона
Методика верстки шаблона под OpenCart (1.x)
Итак у вас есть HTML+CSS шаблон и из него надо сверстать шаблон для CMS OpenCart. Решить эту задачу как я вижу можно двумя путями:
- Взять шаблон default и подгонять его catalogview hemedefaultstylesheetstylesheet.css до тех пор, пока он не будет похож на наш HTML+CSS прототип. Далее отключаем/включаем некоторые модули соответственно и передвигаем их, все делаем через настройки админпанели до тех пор, пока все не будет на своих местах, например колонка «категории» слева, баннеры снизу и т.п., вообщем все как на HTML+CSS прототипе.
- Второй путь сложнее, он применим когда наш шаблон не получается «натянуть» на 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
Sa[Y]moN » 18 сен 2014, 17:36
Каждый, кто работает с системой OpenCart, наверняка замечал, что процедура оформления заказа довольно долгая и мучительная. После того, как вы уже по клали товар в корзину, вам необходимо пройти еще 6 шагов оформления заказа, при этом, некоторые из них совсем не нужны.
Многие посетители не любят долгих процедур, их это пугает и отталкивает от вас, в пользу сайтов, где можно оформить покупку в два клика (это уже из области маркетинга). К тому-же, пока посетитель будет мучатся со всеми формами, он может просто понять, что товар то ему и вовсе не нужен. Поэтому, сегодня мы будем укорачивать процедуру заказа.
Заказ без регистрации
Многие просто не хотят регистрироваться, поскольку им это не нужно. Есть способ, который позволит убрать обязательную процедуру регистрации. Для этого следуем в файл catalog/view/theme/default/template/checkout/login.tpl, находим там следующие строки:
и заменяем это все на:
После обновления, у вас будет кнопка «Оформить заказ без регистрации».
Моментальное оформление заказа
Убрали мы процедуру регистрации, но есть еще один способ, ускоряющий весь процесс. Это позволит нам, нажав кнопку «Оформить заказ», сразу перейти к вводу персональных данных покупателя, минуя шаг первый (в котором по плану у нас должна быть регистрация).
Идем опять же в файл catalog/view/theme/default/template/checkout/login.tpl и в начале добавляем следующее:
И закрепим успех тем, что уберем первый шаг из каскадной таблицы стилей. Для это в файле catalogview hemedefaultstylesheetstylesheet.css необходимо добавить строку:
Заказ без способа и адреса доставки
Так уж устроено, что в системе необходимо вводить два адреса, первый — это ваш, второй — это адрес доставки товара. К тому-же, необходимо обязательно выбирать способ доставки, даже если он у вас один, это все-равно обязует покупателя делать ненужные клики.
Что бы убрать эти шаги (а это Шаг 3 и 4), в файле system/library/cart.php находим следующую строчку
Код: Выделить всё public function hasShipping() <
и после нее добавляем код
Код: Выделить всё return false;
В результате, ваш код должен иметь вид
Код: Выделить всё public function hasShipping() <
return false;
$shipping = false;
Все! Теперь у нас отсутствуют еще 2 шага!
Заказ без способа оплаты
Некоторые магазины, в виду технических возможностей, имеют только один вид оплаты, либо несколько видов, на в одной платежной системе. И что бы пользователь не проходил зря один шаг, в котором у него все-равно не будет никакого выбора, мы его уберем. Тем-более ему все-равно придется выбирать способ оплаты повторно, на странице платежной системы, либо на вашей странице, на прокладке той-же платежной системы.
Открываем файл catalog/view/theme/default/template/checkout/payment_method.tpl и в начале файла вставляем код:
Код: Выделить всё
Затем, в этом же файле находим строку
Код: Выделить всё
Сохраняем. Теперь нам необходимо исправить каскад стилей. Для этого следуем к файлу catalogview hemedefaultstylesheetstylesheet.css
В нем необходимо убрать следующее:
Код: Выделить всё #payment-method <
display:none;
>
И если, вы выполнили все мои рекомендации, то вся процедура занимает у нас всего три шага, а именно «Профиль» и «Платежная информация и Подтверждение заказ»
Источник: