Блог о создании и продвижении сайтов
Наверное многие, кому доводилось работать с OpenCart, сталкивался с такой проблемой: в обязательном списке опций товара через админ-панель нельзя поставить какую-либо из них первой по-умолчанию. В результате первой стоит строчка "выберите" и покупателю приходится проваливаться в список опций и выбирать необходимый вариант. (рис.1)
Читать далее
OpenCart - одна из самых популярных CMS в мире для создания интернет-магазинов.
Почему? Потому что OpenCart прост в освоении и уже "из коробки" обладает довольно широким функционалом, что позволяет быстро сделать полноценный магазин без каких-либо дополнительных вложений.
Но при всех своих плюсах система не лишена и недостатков, к которым можно отнести запутанную файловую структуру и сложность внесения правок в функционал CMS: при необходимости изменить какой -либо модуль, придется часами править код, чтобы добиться желаемого результата.
И в этой статье как - раз пойдёт речь об одной такой доработке.
Стандартный блок клавиш карточки товара в OpenCart состоит из 3-х кнопок: "Купить", "В сравнение" и "Закладки".
При проектировании простых интернет - магазинов на этой системе управления, не предусматривающих наличие личного кабинета и функции сравнения, возникает необходимость удалить эти кнопки, т. к. они попросту не нужны.
Давайте разберём, как это сделать на примере дефолтного шаблона OpenCart.
Для того, чтобы поменять значок корзины в CMS Opencart, необходимо:
Для начала через админ-панель открываем файл cart.twig, расположенный по адресу: дизайн→редактор шаблона→common→cart.twig и находим в строке 2 такой код:
рис.1 cart.twig
Многие при создании интернет - магазина на OpenCart сталкиваются с необходимостью перенести корзину в место, отличное от того, где она расположена изначально. В нашем примере рассмотрим, как перенести её в верхнее меню хедера стандартного шаблона OpenCart.
Для того, чтобы перенести корзину OpenCart в верхнее меню, открываем в админ-панели файл header.twig, расположенный по адресу дизайн→редактор шаблона→common→header.twig и находим в строке 77 такой код:
рис 1. header.twig
Ещё одна вещь, которую мне предстояло решить в процессе создания магазина - это удаление лишней информации из футера сайта.
Подвал OpenCart перегружен различными ссылками на страницы тех. помощи и информацией об акциях, скидках, купонах и т.д.
Удалить всё ненужные строчки, как и добавить свои, можно через файл footer.twig. расположенный в панели управления по адресу: дизайн→редактор шаблона→common→footer.twig.
Допустим, если вам нужно убрать информацию о сертификатах, партнёрской программе и производителях, то удаляем (а лучше комментируем, вдруг понадобятся), эти строки:
Аналогично поступаем с другими ненужными пунктами, не забывая сохранять изменения.
Так получилось, что срочно возникла необходимость создать интернет-магазин на OpenCart.
При этом практического опыта работы с этой CMS до начала проектирования сайта у меня не было.
В арсенале были знания css3 и html5, немного php и javascript, а из популярных систем управления я был знаком только с joomla.
Но отступать было некуда — задача была поставлена и рабочий процесс закипел.
Первая проблема, с которой я столкнулся, это добавление информации о магазине (адреса, телефоны и т.д.) в шапку сайта.
После непродолжительных поисков контроллера, отвечающего за вывод шапки в OpenCart, в файловой структуре на хостинге был найден файл header.twig, который, как выяснилось, необходимо править не через сервер, а через админ-панель.
Там он расположен по адресу: дизайн→редактор шаблона→common→header.twig.
Открываем файл в редакторе, и в нужном месте вставляем следующий код:
Выровнять текст по странице и задать размер шрифта можно, прописав соответствующий код в css-файле, расположенном по адресу:
../public_html/catalog/view/theme/default/stylesheet, где «default» — название вашей темы.
Или прописать необходимые параметры прямо в header.twig через <p style="font-size:00px; margin-left:00px;"> и т.д.
Так же через header.twig можно отредактировать верхнее меню, перенести строку поиска и корзину, но об этом в следующих статьях.