Детские вопросы о структуре CMS и переносе вёрстки

[kirillizan]

Здравствуйте
Впервые столкнулся с необходимостью сделать сайт именно на CMS. 
Сверстал какой-то тестовый макетик и столкнулся с сложностями переноса вёрстки на опенкарт (сборка ocStore 2.3).
Может кто подсказать, как это вообще делается? Я запутался в происходящем в админке.

Например, есть у нас header. Нашёл соответствующий файл (theme\default\template\common\header.tpl) (Не понимаю, почему он tpl, когда это вроде как php файл)
Но где его редактировать в админке?

Увидел кучу различных настраиваемых хреновин
Шаблон (в настройках магазина) - это theme?
Дизайн - Схемы (макеты). Куча названий с возможностью настройки. Допустим.
Дизайн - Баннеры. Тоже самое.
Дополнения - модули. Опять, Куча названий с возможностью настройки.

Погуглил как смог, но не нашёл толковых разъяснений по структуре происходящего. 
Что такое Схема, чем Баннер отличается от модуля, и где вообще в каком таком модуле находится этот header.tpl. Или он - вообще не модуль?
Из чего состоит Шаблон, в каком месте ему нужен Макет, и каким образом следует переносить вёрстку из html+css+js файликов на эту CMS?
Какова иерархия? Шаблон состоит из макетов, а макеты - из модулей?
Макет всегда ограничивается верх-низ-лево-право, или можно расположить модули более гибко?

Буду рад любой помощи

Змінено 29 січня 2020 користувачем kirillizan

[rozario888]

7 минут назад, kirillizan сказал:

Впервые столкнулся с необходимостью сделать сайт именно на CMS.

 

5 минут назад, kirillizan сказал:

Увидел кучу различных настраимаевых хреновин

 

 

[pawana]

Вам сейчас или накидают по полной или проигнорируют, но скорее накидают :)))

 

Чтобы ответить на ваши вопросы, нужно кучу времени потратить и простыню написать с краткой инструкцией по пользованию, может пока форум почитаете, тут есть все ответы - без обид.

[kirillizan]

15 минут назад, pawana сказал:

Чтобы ответить на ваши вопросы, нужно кучу времени потратить и простыню написать с краткой инструкцией по пользованию, может пока форум почитаете, тут есть все ответы - без обид.

К сожалению, по запросу "вёрстка, натяжка" на форуме выдаёт кучу тем из раздела "услуги", где все хотят купить эту процедуру. А вот гайдов по этому делу пока не нашёл.
Понимаю, что это делается отнюдь не по клику мышкой, но мне бы хотя бы общую схему, что гуглить.
Мне нужно создать свою тему, в ней - свой макет(макеты), а так же свои модули? 
После чего применить тему и всё это как-то связать воедино в админке?

Просто сейчас я даже не знаю, как подступиться к задаче, потому что вообще не вижу этапов процесса.
А документация по ocStore последний раз редактировалась в 2013-2014, очень интересно

Змінено 29 січня 2020 користувачем kirillizan

[pawana]

1 минуту назад, kirillizan сказал:

Просто сейчас я даже не знаю, как подступиться к задаче, потому что вообще не вижу этапов процесса.

В шаблоне ОС пару десятков файлов (тупо наверное, но уже так). Вы их все хотите переверстать?

 

Переверстайте дефолтный шаблон под свой вкус, там стандартный html и bootstrap.  Собственно, все очень просто. tpl - это и есть файлы шаблона, почти везде названия интуитивно понятны хедер, футер. Все в папке View, дальше все вполне логичненько разбросано. Все стили (почти все) в stylesheet.css. Тоже найдете в этой самой папке.

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

Банер - это модуль (если мы о модуле), который показывает какую-нить дурацкую картинку. Вот его в макете и выводят (вправо, влево, вниз, вверх).  

[kirillizan]

27 минут назад, pawana сказал:

В шаблоне ОС пару десятков файлов (тупо наверное, но уже так). Вы их все хотите переверстать?

Если это действительно лучший способ переноса вёрстки\создания собственных тем, то да. 

Вот у нас есть макет "Главная" (дефолтная тема). В нём есть набор каких-то модулей. Однако, при удалении всех модулей из него хэдэр остаётся нетронутым, как и менюшка выбора категорий. 
Я думал, что макет определяет представление страницы полностью, а выходит, это не так? 

Меню выбора категорий остаётся нетронутым. И любой клик по ним переводит в магазин.
А если мне необходимо nav-меню, кнопки которого переводят на разные страницы, а не просто переход в магазин?
Как контроллер определяет, какой макет ему отображать в данный момент?
 

Змінено 29 січня 2020 користувачем kirillizan

[anboza]

14 минут назад, kirillizan сказал:

Если это действительно лучший способ переноса вёрстки\создания собственных тем, то да. 

Вот у нас есть макет "Главная" (дефолтная тема). В нём есть набор каких-то модулей. Однако, при удалении всех модулей из него хэдэр остаётся нетронутым, как и менюшка выбора категорий. 
Я думал, что макет определяет представление страницы полностью, а выходит, это не так? 

Меню выбора категорий остаётся нетронутым. И любой клик по ним переводит в магазин.
А если мне необходимо nav-меню, кнопки которого переводят на разные страницы, а не просто переход в магазин?
Есть более менее простой способ добавления нескольких страниц в стиле "о нас", или мне лучше мигрировать на вордпресс для таких идей?
 

Вы путаете термины!

"Макет" - это не тот макет, который вы думаете. Это НЕ верстка страницы "Главная". Это совсем другое.

очень рекомендую начать с документация и структура opencart

Ну  и определиться, зачем вообще CMS (не важно какая), если нужно просто пару страничек слепить?

 

 

[pawana]

27 минут назад, kirillizan сказал:

Вот у нас есть макет "Главная" (дефолтная тема). В нём есть набор каких-то модулей. Однако, при удалении всех модулей из него хэдэр остаётся нетронутым, как и менюшка выбора категорий. 
Я думал, что макет определяет представление страницы полностью, а выходит, это не так? 

@anboza уже сказал, без базового понимания структуры ОС вы будете тратить время на набивание шишек.

 

Макет - это что и где показывать, а шаблон - это о том как показанное будет выглядеть.

 

Верстка хедера - в header.tpl, верстка меню - menu.tpl (не уверен, но как-то так).

 

Единственный момент, что в шаблонах кое-где выводятся модули (поиск, корзина), сортировки и кнопки Купить и пр. Но это уже особенности менталитета создателя ОС.

Змінено 29 січня 2020 користувачем pawana

[kirillizan]

12 минут назад, anboza сказал:

Ну  и определиться, зачем вообще CMS (не важно какая), если нужно просто пару страничек слепить?

 

 

Необходимость редактирования каталога товаров, и подмена всяких изображений\цен\описаний товаров и не только (не через код, сайт не для себя делаю).
Интеграция платёжных систем и т.п. 
Слышал, что это как раз принято делать через опенкарт.

Документация это здорово, я её проглядывал, однако она последний раз менялась в 2014, и вообще статьи там про OC 1.5. Кароче, 95%, что она устаревшая. MVC-L на словах звучит просто, а не деле сотни файлов непонятно как с собой взаимодействующих.
Ладно, вернусь к штурму завтра, спасибо за отклик.

Змінено 29 січня 2020 користувачем kirillizan

[pawana]

5 минут назад, kirillizan сказал:

Слышал, что это как раз принято делать через опенкарт.

Ну почему, можно и другие движки использовать :).

 

Вы если делаете не для себя, то не городите огород (а если для себя, то тем более). ОС + покупной шаблон + необходимый набор модулей и вперед, штурмовать вершины бизнеса.

 

Худшее, что можно сделать на старте ИМ - это долбиться с шаблоном. Долбиться надо с товаром и сео, это приносит деньги, а "лепота" - ой как не всегда.

[anboza]

16 минут назад, kirillizan сказал:

Необходимость редактирования каталога товаров, и подмена всяких изображений\цен\описаний товаров и не только (не через код, сайт не для себя делаю).
Интеграция платёжных систем и т.п. 
Слышал, что это как раз принято делать через опенкарт.

принято - не принято, но это один из вариантов, лично как по мне, самый правильный (использование ОС для этих целей).

Что касательно документации, я специально сделал ссылку не напрямую на документацию, а на весь объем информации, которую предоставляет интернет.

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

17 минут назад, kirillizan сказал:

сайт не для себя делаю)

не обманывайте себя и людей. Вы не готовы сделать подобный проект в реальное сроки, адекватного качества.

Обратитесь в платный раздел и пусть вам сделают. А вы в это время, учитесь (если есть интерес). 

Если это не очередной "фриланс", типа перебил всех ценой и сроками, но ни разу не делал...

[kirillizan]

10 часов назад, anboza сказал:

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

Разобраться в опенкарте, чтобы сделать на нём элементарный сайт? 

10 часов назад, anboza сказал:

Обратитесь в платный раздел и пусть вам сделают. А вы в это время, учитесь (если есть интерес). 

У меня сроков нет, могу хоть две недели-месяц убить.

10 часов назад, pawana сказал:

Ну почему, можно и другие движки использовать :).

Да, если всё так сложно, то возможно лучше пойти на WP. По нему материалов в разы больше.

 

 

[anboza]

1 минуту назад, kirillizan сказал:

Разобраться в опенкарте, чтобы сделать на нём элементарный сайт? 

 

10 часов назад, kirillizan сказал:

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

кто вам сказал, что сделать такой сайт - это элементарно?

Да, это не так сложно, как 10 лет назад, но не элементарно. Особенно, если мы говорим о качественном выполнении. 

Мелочей и нюансов очень много.

4 минуты назад, kirillizan сказал:

Да, если всё так сложно, то возможно лучше пойти на WP. По нему материалов в разы больше

говорите прямо, не материалов, а бесплатных модулей ))))

Только вот результат очевиден и предсказуем с ВП. Но это отдельная история.

[kirillizan]

9 минут назад, anboza сказал:

кто вам сказал, что сделать такой сайт - это элементарно?

Да, это не так сложно, как 10 лет назад, но не элементарно. Особенно, если мы говорим о качественном выполнении. 

Ну, на чистом (грязном) джаваскрипте я представляю, как его сделать (разве что интеграцию систем оплаты придётся гуглить), я не думаю, что CMS радикально должна менять сложность исполнения.
Однако, редактируемость содержания и подразумевает CMS, и это посылает простые решения в лес.
Можно конечно запариться и написать свою админку, с блекджеком и... Но это крайний вариант
 

9 минут назад, anboza сказал:

говорите прямо, не материалов, а бесплатных модулей ))))

Только вот результат очевиден и предсказуем с ВП. Но это отдельная история.

Нет, не бесплатных модулей, а материалов. На том же ютубе триллион гайдов по вордпресс, а по опенкарту полтора видоса из разряда "как установить модуль"

Змінено 30 січня 2020 користувачем kirillizan

[anboza]

2 минуты назад, kirillizan сказал:

Ну, на чистом (грязном) джаваскрипте я представляю,

если вы представляете, как написать, например "корзину", на java, то я не понимаю, о чем мы вообще говорим. структура ОС в разы проще и понятнее. 

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

5 минут назад, kirillizan сказал:

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

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

5 минут назад, kirillizan сказал:

На том же ютубе триллион гайдов по вордпресс,

не смешите )))

[LTRay]

Куча воды, жалоб на то что нет инструкции и нет ни одного вопроса в чём собственно проблема конкретно у вас, не желающего понимать философию CI и OpenCart в частносте

[gregoro]

Тут вопрос - вам шашечки или ехать...

 

Если вы хотите именно как программист/верстальщик на опенкарте вырасти и реализоваться, то разбираться стоит обязательно.

 

Но если вы хотите сделать просто работающий магазин, то КУПИТЕ ГОТОВЫЙ ШАБЛОН.

Цена вопроса - 2 тысячи рублей.

 

Поверьте, это будет лучшее решение. Я не программист и не автор шаблонов, я сам на этом форуме как заказчик и знаю о чем говорю.

 

Шаблоны, которые проданы в количестве нескольких сотен-тысяч, уже были обкатаны практикой.

Куча людей их поставила, нашла ошибки, и их устранили.

 

Если вы сами с нуля будете с версткой трахаться, то вы с год будете ошибки отлавливать. Оно вам надо?

[kirillizan]

1 час назад, gregoro сказал:

Если вы хотите именно как программист/верстальщик на опенкарте вырасти и реализоваться, то разбираться стоит обязательно.

*Разбираюсь*

Перешёл на OC3, всё стало несколько понятней. 

12 часов назад, pawana сказал:

Макет - это что и где показывать, а шаблон - это о том как показанное будет выглядеть.

 

Верстка хедера - в header.tpl, верстка меню - menu.tpl (не уверен, но как-то так).

Вся страница компонуется из twig-переменных
Всё содержимое в home, которое ссылается на header, в котором есть ссылка на menu. footer так же, отдельный файл.
Далее есть три переменных content_top, content_bottom, column_left, column_right, (которые определяются через админку макета)
каждая из которых выглядит просто как вывод всех модулей, установленных в макете

{% for module in modules %}

{{ module }}

{% endfor %}


Осталось понять, где в коде определяется \ меняется modules
Вообще, переходы при нажатии кнопок menu тоже являются twig-переменными, нужно понять, где они все объявляются и как сделать свою без смс и регистрации

Змінено 30 січня 2020 користувачем kirillizan

[anboza]

[iglin]

47 минут назад, kirillizan сказал:

Перешёл на OC3, всё стало несколько понятней. 

Не с того конца начинаете) Сам когда то давно на этом споткнулся. Начните из далека, чтобы осознать саму структуру, если конечно хотите разобраться. Давайте сначала попробуем почитать что вообще такое Model-View-Controller.

[anboza]

Только что, iglin сказал:

Давайте сначала попробуем почитать что вообще такое Model-View-Controller

уже пробовали, в начале темы - не интересно это.

[kirillizan]

2 часа назад, iglin сказал:

Не с того конца начинаете) Сам когда то давно на этом споткнулся. Начните из далека, чтобы осознать саму структуру, если конечно хотите разобраться. Давайте сначала попробуем почитать что вообще такое Model-View-Controller.

"Издалека" структуру я понимаю. Краем уха когда-то касался MVC пару лет назад, модель (БД) хранит данные, view занимается их отображением, а контроллер - логикой. 
Плюс разделение на бэкэнд\фронтенд папки в oc (admin\catalog), плюс, в случае OC, есть Language для хранения всех текстов
Мне нужен не далекий уровень понимания на уровне папок, мне нужно осознание конкретного взаимодействия конкретных файлов модулей и макетов.

У каждого модуля есть файлики контроллера\view'а\языка\модели (кажется, модель есть не у всех модулей, верно?)
Интересующие меня переменные modules и ссылки перехода в меню находятся в файлах контроллера соответствующих модулей, в контроллере же идёт обращение к модели
Надо сделать полноценный модуль с нуля, кароче, чтобы осознать взаимодействие всего со всем.
Нашёл пару статей на эту тему, вроде как каждый полноценный модуль состоит из 8ми файлов. Это если модуль не требует взаимодействия с БД, иначе будет ещё больше.

Змінено 30 січня 2020 користувачем kirillizan

[pawana]

1 час назад, anboza сказал:

уже пробовали, в начале темы - не интересно это.

2 часа назад, kirillizan сказал:

Вообще, переходы при нажатии кнопок menu тоже являются twig-переменными, нужно понять, где они все объявляются и как сделать свою без смс и регистрации

Все находится в контроллерах и js

Тройка - не лучший вариант, там как раз модулей не много.

ОС - не цмс, это ИМ. И здесь все заточено под продажи. Если честно, то я не понимаю зачем вам все это, как ИМ ОС работает из коробки, все что касается платежей и доставок - есть в модулях (хотя и платных, но они стоят условно копейки, если вам так не жалко своего времени - пилити сами, конечно). Если хотите натянуть свой внешний вид - просто переверстайте стандартный шаблон. Но смысла в этом тоже особо нет, так как готовые шаблоны кроме дизайна обычно содержат еще кучу плюшек и обычно своих денег стоят с избытком.

Откровенно говоря, я не верю, что Вы внемлете советам - больше пишу для тех, кто будет это читать когда - нибудь с идеей, похожей на вашу и прислушаются к тому, что вам писали выше.

Посмотрите на ebay, amazon и прочее, там нет рюшечек, там есть ИМ и продажи. Это суть ИМ. Юзабилити и товар. Точка.

[pawana]

21 минуту назад, kirillizan сказал:

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

Надо - делайте, но скорее всего он уже есть.

 

Здесь есть десятки людей которые толком не понимают как что устроено в ОС (включая меня), но они им успешно пользуются и зарабатывают деньги. А есть программеры, которые допиливают плюшки и на том имеют свой хлеб. И это правильно. Я, к примеру, многое могу сделать сам, но долго и методом проб и ошибок. Но я продажник, а не программер и мои копания мне не приносят прибыли, скорее наоборот. По-этому плачу программистам. В конечном итоге - так выгоднее.

 

У меня ощущение, что вам не ИМ нужно сделать, а просто разобраться что к чему в ОС. Если так - разбирайтесь, только тему назовите правильно и тогда вам будут отвечать по теме и подсказывать.

Змінено 30 січня 2020 користувачем pawana

[iglin]

24 минуты назад, kirillizan сказал:

У каждого модуля есть файлики контроллера\view'а\языка\модели (кажется, модель есть не у всех модулей, верно?)

Контроллер это основной файл к которому идут запросы (когда вы выводите "модуль" в какое то место страницы, или когда вы открываете страницу этого "контроллера"). Он же может обращаться, а может и не обращаться к модели. Причём модель может быть и от другого "модуля". Далее контроллер возвращает нам всю информацию которую он собрал. Причём вернуть может хоть просто массив данных, хоть обернуть его в какой то "макет" из view. 

В вашем же случае если вы просто хотите менять дизайн, нужно работать именно с view. В общем случае для OC2 это файлы .tpl