Стоит ли избавляться от бутстрапа разрабатывая заказной сайт под OpenCart?

[MininJS]

Стоит ли избавляться от бутстрапа разрабатывая заказной сайт под OpenCart?

Всем привет, начал изучать OpenCart, сверстал все страницы магазина на флексах(все страницы, включая карточки товара, админку, и тд). Но потом увидел что весь OpenCart построен на сетке бутстрапа, и покурив форумы я заметил что при коммерческой разработке все просто раскидывают контент по сетке бутстрапа, стилизуя его. Будет ли плохой практикой переопределение бутстрапа или смириться и делать как все на встроенной в опенкарт библиотеку(как я понимаю в версии 2.3 которую я поставил еще и bootstrap 3, стоит ли переопределять его на 4 бутстрап, или всё писать на 3 версии? Есть ли мастхев статьи по правильной посадке верстки интернет магазина и тд.Заранее спасибо.

[fanatic]

 

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

[MininJS]

6 минут назад, fanatic сказал:

 

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

Спасибо, тогда буду дальше курить форум, не знаю хорошая ли идея делать свой шаблон, просто дизайн магазина крайне минималистичный, и по трудозатратности скорее легче  на бутстрапе сверстать мой шаблон, чем выкидывать мусор из бесплатного\купленного.

[esculapra]

3 минуты назад, fanatic сказал:

чем больше верстка шаблона отличается от  дефолта, тем больше модулей не станут без адаптации

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

[MininJS]

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

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

Я правильно понял что в 2.3 версии стоит старая версия бутстрапа которая на float? и поддержка 4 бутсы только в версии 3.0? Мне просто посоветовали делать на 2.3, так как больше модулей и меньше багов.

[GetWeb]

 

31 минуту назад, MininJS сказал:

Стоит ли избавляться от бутстрапа разрабатывая заказной сайт под OpenCart?

Да, стоит, но есть нюансы. 

 

bootstrap 3 уже морально устарел, а bootstrap 4 полноценно не подключить, точнее подключить то мы можем, но часть классов изменена поэтому даже дефолтный шаблон развалится и это только css, а основная проблема в том, что там достаточно жестко привязаны js библиотеки от bootstrap 3 и от них так просто не избавится, сломается все, не говоря уже о версии jquery которые требую разные библиотеки. Поэтому менять bootstrap 3 на bootstrap 4 не вариант, шило на мыло.

 

Как делаю я:

 

Я оставляю дефолтные css и js от bootstrap 3, но выпиливаю его по максимуму из шаблона и интегрирую свою разметку.  То есть как в вашем случае, у вас современный сайт на флексах, вы можете его адаптировать под cms при этом любой модуль, который использует bootstrap, без проблем заводится, потому что мы ничего не убирали, а лишь дополняли. Тут единственное, что действительно важно не упустить айдишники в структуре на которые обычно вешают скрипты, как сам opencart так и разработчики модулей. Поскольку я верстаю по БЭМ то от bootstrap в некоторых случаях остается проблема вложенных селекторов, которые я переопределяю под свои нужды для большего контроля. Я самостоятельно ставил много модулей и все работали, проблем было не больше чем на любом другом шаблоне который якобы сделан по "правильному"

[esculapra]

31 минуту назад, MininJS сказал:

Мне просто посоветовали делать на 2.3, так как больше модулей и меньше багов

Моды можно при необходимости и переделать под тройку - это дополнительный же заработок. Но лучше использовать не опенкарт а остори

[GetWeb]

3 часа назад, MininJS сказал:

Я правильно понял что в 2.3 версии стоит старая версия бутстрапа которая на float? и поддержка 4 бутсы только в версии 3.0?

в 3-й версии все тот же Bootstrap v3.3.5, в этом плане никаких изменений. О front-end разработчики вообще не задумываются, используют древние техники и не хотят ничего менять. Я говорю не только о разработчиках opencart, но и разработчиков моделей, вы уж извините, но вложенные селекторы типа: #menu .dropdown-menu ul li a это устаревший подход про который нужно забыть как страшный сон. Чего только стоит такая "каскадность", пример взят с дефолтного шаблона opencart:

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

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

Змінено 18 грудня 2019 користувачем GetWeb

[SiteMix]

Тем не менее, есть шаблоны и без Bootstrap:

Лайтшоп - универсальный шаблон Opencart

Наверняка есть и другие.

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

[Tom]

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

Тем не менее, есть шаблоны и без Bootstrap:

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

[AlexDW]

делать можно как угодно

но при этом сохранить стандартные компоненты типа jquery, bootstrap, fontawesome и тп

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

 

во избежание проблем совместимости с другими дополнениями

[pimur]

Crazy-kids.ru
Boostrap4 подключение скриптов в footer..
Для остальных модулей что вызываются в теле body. Ставим document addevenlistener нативный js.
Для корзины нужна регулярка для тех скриптов что прилиют view части на парсинг json и последующая вставка в боди.
Один раз заморочились и забыли.
За исключением если та, не меняет модули как перчатки.

Отправлено с моего ZB631KL через Tapatalk

[MininJS]

Спасибо за инфу, очень полезная, буду курить и пилить.

Змінено 19 грудня 2019 користувачем MininJS