Moushe.ru

Блог обо всём

OpenCart 2.0 Настройка домашней страницы (1 часть)



В этой статье я покажу вам как настроить домашнюю страницу в новой версии OpenCart 2.0. Мы выведем в левую колонку блоки категорий и информационных страниц, и выведем приветственный текст в центральную колонку нашей витрины.

OpenCart-20.jpg

Статья написана по просьбе Александра.

Свежую версию OpenCart’а я беру с официального сайта — http://www.opencart.com/index.php?route=download/download, перевод не устанавливаю – по скриншотам вы и так всё поймёте.

После установки OpenCart’a домашняя страница нашего магазина выглядит так:

op20-1

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

1. Выведем категории в левую колонку:

Админка - Settings – Design – Layouts – Home – Edit – Add Module

и выбираем:

Category / Column Left / 1

Нажимаем кнопку Save.

op20-2

2. Выведем модуль Информация в левую колонку, под категории:

Админка - Extensions – Modules – Information – Install – Edit – Enabled – Save

op20-3op20-4

2.1. Выведем блок информации в левую колонку:

Админка - Settings – Design – Layouts – Home – Edit – Add Module

и выбираем:

Information / Column Left / 2

Нажимаем кнопку Save.

op20-5

3. Выведем приветствие на главной странице витрины:

Админка - Extensions – Modules – HTML Content – Install – Edit

Заполняем:

Module Name: Приветствие

Heading Title: Интернет магазин Test

Description: Добро пожаловать в наш интернет магазин (и т.д. и т.п.)

Status: Enabled

Нажимаем кнопку Save.

op20-6op20-7

3.1. Выведем Приветствие на домашнюю страницу:

Админка - Settings – Design – Layouts – Home – Edit – Add Module

и выбираем:

HTML Content > Приветствие / Content Top / 4

Нажимаем кнопку Save.

op20-8

3.2. Наше Приветствие расположилось под каруселью, но это смотрится не очень, давайте поменяем модули местами:

Админка - Settings – Design – Layouts – Home – Edit

Настраиваем:

HTML Content > Приветствие / Content Top / 3

Carousel / Content Top / 4

Нажимаем кнопку Save.

op20-9

В результате наша домашняя страница преобразилась:

op20-10

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

50 Комментариев

  1. Александр

    19.06.2015 at 12:00

    Спасибо Влад!)))

  2. Александр

    19.06.2015 at 20:34

    А если убрать пункты меню что идут сверху(горизонтально), и в него вкрутить только контакты, связаться с нами и прочее. А весь товар оставить по левую сторону, списком. Насколько я понял такой реализации в самое программе нет.

  3. Дмитрий

    08.08.2015 at 00:07

    Интересно по opencart 2 , беру на заметку 🙂

  4. Спасибо за статью! Доступно, наглядно и понятно!
    Помогла.

  5. Добрый день, Владислав. Я — новичок. Столкнулась с проблемой по сайту. При наполнении магазина товарами на opencart товар разбрасывает по всей странице , оставляя при этом пустые пространства на поле. Не могу разобраться где проблема. Пробовала описание делать короче , не помогло….

  6. Воспользовалась с Вашего сайта рекомендациями о установке чата. Большое спасибо)))

  7. товары идут не по порядку, а когда добавляется новый товар — ценники сдвигаются оставляя пустые места.

  8. особенно если включить русский язык

  9. Спасибо за информацию. Добрались руки до опенкарт 2.0, по предыдущей версии многое у вас читал, было интересно, что ж пришло время обновляться в ближайшем будущем. Успехов в развитии!

  10. Максим

    22.03.2016 at 23:11

    Здравствуйте!
    Может сталкивались? Попытался html модуль вставить с информацией об интернет магазине на домашнюю страницу. Текст приблизительно 3200 символов.
    Модуль попросту не сохраняется. Вся информация удаляется и понятное дело, изменений никаких нет.
    Как аккуратно выложить информацию на главную с таким кол-вом символов?

    • Пробуйте кусками вставлять свой текст, html модуль стандартный? Какая версия движка?

    • Максим

      22.03.2016 at 23:22

      Да, стандартный.
      движок 2.1.0.2
      кусками в один и тот же модуль?

    • Максим

      22.03.2016 at 23:24

      не получается кусками. скорее всего есть ограничитель по символам. при превышении все стирает.

    • Тогда контроллер пилите

    • Максим

      22.03.2016 at 23:39

      спасибо за наводку.
      в моём случае легко только сказать …

  11. Максим

    23.03.2016 at 09:44

    Владислав, вы можете хотя бы направить на конкретный файл, который нужно пилить? буду разбираться.

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      23.03.2016 at 12:59

      ../admin/controller/module/html.php если в нём нет ограничения смотрите другие файлы этого модуля, но это конечно если ошибка точно в html модуле, а не в настройках сервера или не в ограничении на количество символов в базе данных

    • Максим

      23.03.2016 at 14:02

      В модуле ограничение не увидел.
      А в остальном понял, что проблема может лежать оч. глубока и хз где.
      в любом случае спасибо за отзывчивость! )

    • В БД меняйте text на longtext

  12. Галина

    01.04.2016 at 18:13

    Владислав. здравствуйте ! Все делала по Вашим урокам. Но слово ИНФОРМАЦИЯ в меню задвоилась, одно под другим слева. Как одно из них одтуда убрать ?

  13. Галина

    02.04.2016 at 00:36

    Откуда это удалять? Из какого файла ?

  14. Игорь

    06.04.2016 at 20:39

    Категории будут только на главной странице? А как сделать, чтобы список категорий всегда оставался в меню слева?

    • Владислав Храмцов
      vkontakte.ru Владислав Храмцов

      06.04.2016 at 20:40

      В схемах берёте и настраиваете на каких страницах отображать.

  15. Галина

    07.04.2016 at 19:50

    Здравствуйте, Владислав ! Подскажите, пожалуйста, вы всё знаете — как заменить кнопку корзины «fa.fa cart» (она находится внизу на главной странице укороченного варианта описания товара) на слово «купить» или картинку со словом «купить» ? (шаблон неоригинальный, версия 2.0.1.1)

  16. Галина

    07.04.2016 at 20:44

    Это я примерно понимаю… Не понятно,конкретно где править, в каком файле

  17. Добрый день. Столкнулся с проблемой, перерыл всё что можно, ничего не помогает. Ситуация такая: Устанавливаю категории в виде изображений на главную страницу(с помощью модуля Category Wall) Категории выводятся, но размер изображения изменить не возможно. Сначала выводилось по 6 категорий в ряд, но изменил в файле stylesheet.css (4n+1) — 4 После этого стало выводить по 4 в ряд, но справа появилось пустое место.
    Вопрос: как изменить размер изображений категорий и сделать, чтобы они растягивались на всю длину?
    Спасибо.

  18. А какие именно файлы и что именно нужно в них искать? Я только 3 дня ковыряю систему. tpl модуля какого: Стена категорий или модуль шаблона?

    • Стены, названия файлов не скажу — я не использую этот модуль, а стили смотрим — браузер — просмотр кода — и смотрим стили этого модуля — там и узнаете номера строк в css.

  19. Я нашёл вот этот класс

    который выделяет весь блок с картинками категорий. Но как в нём найти, что изменять?

    • Код в комменты не вставляется, ищите класс который отвечает за обёртку каждой категории и работайте с ним.

    • В просмотре кода указано в каком css файле находятся стили, либо в tpl модуля, либо у модуля свой персональный css файл стилей.

  20. div class = «row» а в каком файле это искать? в файле stylesheet.css такой строчки нет

  21. Ни в одном файле bootstrap нет строки div class = “row”
    Я уже не знаю, что делать… ((

  22. Вот здесь на форуме я скинул картинку проблемы.
    В конце темы.
    https://opencartforum.com/topic/23834-resheno-kak-uvelichit-razmer-izobrazheniia-kateg/?p=560029
    Может есть более быстрый способ общения?

    • Если кто-то использует такой же модуль то на форуме ответят. + смотреть код не общей обёртки а каждой карточки категории — .col-lg-2 ну и собственно править их для каждого разрешения экрана + возможно понадобится добавлять свои строки кода.

  23. Спасибо.
    Скорее всего я буду искать другой вариант для Главной страницы

Добавить комментарий

Your email address will not be published.

*

CAPTCHA image
*

© 2016 Moushe.ru При копировании материалов, ссылка на нас обязательна!

Вверх ↑



Яндекс.Метрика