Истрункция как поднять бабла. Opencart bootstrap

Нужен или нет Bootstrap для Оpencart?

Давайте ка расставим немного точек над и в вопросе использования Bootstrap для шаблонов Оpencart.

Уже было несколько комментариев — мол зачем он нужен, а один из участников нашего сообщества сегодня весь день убил на попытки понять хорошо это или плохо и с чем его едят.

Так вот, попробуем разобраться.

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

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

Ну приблизительно все понимают что адаптивность — это возможность контента подстраивается под ширину сайта. Реализуется это при помощи набора правил CSS со страшным названием Mediaqueries. Суть технологии — проста как дважды два. Исходя из максимальной или минимальной ширины экрана у пользователя, мы можем переопределять значения свойств стилей css. При чем менять можно абсолютно все, от размеров шрифта до логики отображения/скрытия элементов на том или ином разрешении.

Теперь же представим ситуацию. Благодаря технологии Mediaqueries мы можем реализовать любые варианты поведения элементов, и нам надо сделать адаптивный макет страницы. Ок, скажете вы, что тут сложного. А сложность вылезет сразу же. У вас все будет ехать во все стороны, полпикселя влево-вправо, уже все налезло перелезло, наложилось, криво отображается, съехало вертикальное выравнивание и так далее.И вот тут мало того что добрая половина типа верстальшиков в шоке, от того когда их просят выровнять все до пикселя. Так еще и выровнять это нужно на 4 вариантах отображения макета. Представили себе ситуацию?

А теперь представьте, что вам такого ленивого верстальщика, надо заставить это все сделать… Народ, проще повесится. Эти ленивые олухи в итоге пропадут, накосячат, слабают полный отстой. Нахерачат на вас кучу комментариев — что вы задрот-заказчик и их кинули. Ну и все в таком духе. Вобщем тем кому хочется уникальный адаптивный дизайн — желаю от души поучаствовать в подобном гемморое в виде попыток выжать адаптивный проект из среднестатистического верстальщика, который от понятия LESS, в страхе бежит читать в гугле что это за зверь такой.

А теперь представим что у нас есть Bootstrap, над которым не один год трудилась команда не самых дешевых специалистов, благодаря которому, за пару часов можно развернуть приличный адаптивный макет какой-угодно страницы, в котором НИЧЕГО, НИКУДА НЕ УЕДЕТ. В котором есть уже по умолчанию набор необходимых элементов взаимодействия с пользователем (модальные окна, кнопки, формы, карусели, табы). Все эти плюшки выполнены в едином стиле, и делая дальнейшую кастомизацию, вам не надо прописывать индивидуально классы под все дополнения, чтобы выглядело все одинаково. Достаточно прописать основные, или если прописаны, то они подхватятся всеми элементами магазина.

Также, если хорошо погуглить, ресурсов «как сделать» и на русском языке — просто как грязи, любые сниппеты и реализации для отображения любых типов данных. Отличный официальный мануал.

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

И вот получается со всех сторон сплошные ништяки, откуда тогда негативные и неоднозначные отзывы.

Я думаю что, большая часть их них от лени, нежелании менять старую школу, включать мозги и выходить за пределы «горизонта восприятия». Люди не всегда охотно принимают что-то новое в своей жизни, а еще если ради этого нового нужно напрячься — то еще сложнее. Ну и как я писал выше 90% верстальщиков — это ленивые самоучки, которые саму по себе верстку не смогли всосать и на 30%, а тут им выкатили погремушку, в которую чтобы погреметь, нужно недельку напрячь мозги. Ну кому же это понравится.

Только вот есть один маленький нюанс (кстати слово нюанс пишется без мягкого или твердого знака, пиздите ногами носителей новояза, которые делают такую ошибку).Нюанс заключается в том, что ни одна падла, которая АВТОРИТЕТНО скулит, что Bootstrap — гавно, не в состоянии реализовать проект хотя бы близко похожий по качеству и удобству дальнейшего масштабирования.

Так что мой личный вердикт таков:

Не слушайте ленивых идиотов.Адаптивность — гавно.Так или иначе от нее никуда не деться.Поэтому. Раздвигаем булки и наслаждаемся, ну и упрощаем себе жизнь с бутстрапом.А всяким гикам, нердам, любителям теплового лампового — желаю за территорию дизайн-завода Флакон не выходить и не подавать даже голоса оттуда.

Хуйнаныр

(9)Очко

(3)

ocshop.info

OcStore 1.5.4 Bootstrap template (1 часть)

Сегодня мне поставили задание, “забутстрапить” шаблон для OcStore 1.5.4. Раз задача поставлена, будем делать.

Bootstrap Opencart 1

Как устанавливать OcStore вы наверняка уже знаете и сами, поэтому переходим сразу к созданию шаблона.

Список задач на сегодня:

1. Установим OcStore 1.5.4 (самостоятельно)

2. Скачаем Bootstrap 2.3.0

3. Создаём новый шаблон bootsmy

4. Подключаем Bootstrap

Приступим:

1. Устанавливаем OcStore (Забираем тут)

2. Скачиваем Bootstrap (Забираем тут)

3. Открываем папку ../catalog/view/theme и видим в ней папку default, копируем её себе на рабочий стол компьютера и переименовываем её в bootsmy, теперь забрасываем её обратно на хостинг ( или в xampp, openserver и т.д. )

(P.S. – около 8 лет пользовался xampp’ом, но недавно узнал об OpenServer, теперь пользуюсь только им – очень удобная программа. Ссылка на оф сайт — OpenServer)

3.1. Открываем файл ../catalog/view/theme/bootsmy/template/common/header/tpl и изменяем это (стр — строка):

19 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />

35 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />

38 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />

на это:

19 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/bootsmy/stylesheet/stylesheet.css" />

35 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/bootsmy/stylesheet/ie7.css" />

38 стр - <link rel="stylesheet" type="text/css" href="catalog/view/theme/bootsmy/stylesheet/ie6.css" />

Сохраняем изменения.

3.2. Открываем админку: Система/Настройка/Изменить/Витрина/Шаблон магазина/bootsmy/Сохранить.

4. Открываем папку ../catalog/view/theme/bootsmy и перенесём в неё папку bootstrap (со всем её содержимым, на всякий случай откройте папку bootstrap и убедитесь что в ней лежат папки css, img, js, а не ещё одна папка bootstrap, это очень важно Улыбка ) из скаченного архива bootstrap.zip.

4.1. Теперь откроем файл ../catalog/view/theme/bootsmy/template/common/header/tpl и после этой строки (19):

вставим эту:

а после этой (24):

вставим эту:

Обновив витрину магазина и пощёлкав по товарам и страницам вы можете увидеть что некоторые элементы шаблона “поехали”, не волнуйтесь мы это исправим в наших уроках.

Поздравляю, вы подключили к своему сайту Bootstrap.

moushe.ru

Energize - Premium Responsive OpenCart Admin Theme (Bootstrap) | Модули, Шаблоны, Движки

Energize is the best premium & responsive OpenCart Theme for your Admin Panel which gives you a fresh new look in your OpenCart Dashboard, and allows your to re-brand it to fit your store.DEMOURL: http://energize-oc.base5builder.com/demo_landing/index.phpUser: demoPass: demo

Пароль на архив:

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

Нажмите, чтобы раскрыть...

Most Praised FeaturesDASHBOARD STATSEnergize has multiple detailed dashboard stats that keep you up to date with key parts of your OpenCart Store.

GREAT DESIGNThe default OpenCart Theme for the your admin is boring and dull. Energize gives you 4 different color schemes to suit your needs.

EXCELLENT SUPPORT & UPDATESWhether you have the Single License, Smart License or Multiple License, sometimes you may need help with your store, and that is why I give you excellent support with your Energize download. (see different licenses for details)

COMPATIBILITYEnergize is compatible with nearly every OpenCart themes & extensions there is. If it detects an incompatible extension, it's built to fall back to a neutral state that won't affect your extension. Email me and I'll create a fix for you. I mean it.

FAST LOADINGEnergize has no bloat features or files, which means your admin dahsboard will load quickly and without slowdown.

[IMG] [IMG]

Fully ResponsiveHave the peace of mind that comes with having your OpenCart store in your pocket. Manage your store regardless of which device you use. Energize runs perfectly on Desktop, ipad, tablet, iphone, android devices without issue.

Re-Brand Your AdminEnergize allows you re-brand & match your OpenCart Admin Panel with your company (or clients') colors.Be more professional and get ride of the bland generic look of the default opencart theme already on dashboard.

[IMG] [IMG] CompatibilityEnergize is compatible with OpenCart 2.0.3.1, 2.1.x.x, 2.2.x.x and 2.3.x.x

From experience, I know that feeling you get when you try out a new extension and wonder if it will work with your store. You don't need to have that fear with Energize, as it works with almost all extensions and themes, plus it's made to fall back and not intefere with an incompatible extension.

If you are the rare person who has this problem, email me and I'll fix it for you. Or just...

One-Click Installation & UninstallationNo OpenCart files are overwritten or deleted. Energize has it's own files, so just upload the theme and click install.If you don't want to use the Admin Theme any longer, just disable it with one click and your admin is back to the normal default OpenCart theme.

[IMG]

[IMG] Built with QoreEngineQoreEngine is an OpenCart Theme Engine for the admin that I built as an extension specifically for OpenCart so that design changes wont affect your website functionality.

Unlike my previous theme, which altered multiple OpenCart admin files, QoreEngine simply plugs into OpenCart as an extension and acts as a connection between my new OpenCart Themes and OpenCart. This means most (if not all) of your extensions will work out of the box. For those that aren't, it will be a lot easier and faster for me to make them compatible.

lowenet.biz

Bootstrap Template v 2.0 OpenCart (ОпенКарт) и ocStore

Совместимость

OCStore 1.5.5.1, OCStore 1.5.5.1.1, OCStore 1.5.5.1.2

Адаптивный Bootstrap Template v 2.0 Дефолтный шаблон opencart 2.0 адаптированый для версии 1.5.5.1 ------------------------------------------------------------------------------------------------------------------------ Особенности шаблона:

Легковесный за счет использования Font Awesome, вместо иконок.
Адаптивный - корректно подстраивается по ширине и изменяет нужным образом отображения для любых мобильных устройств.
Доработанная логика стандартных модулей - отображает товары не в общем по магазину, а с привязкой к категориям.
Содержит набор необходимых дополнений для удобной работы с большим количеством товаров и категорий, облегчающим навигацию пользователю.

------------------------------------------------------------------------------------------------------------------------ Cписок дополнений в комплекте: Будет дополняться!Общая стоимость расширений - 3500р. При покупке шаблона Бесплатно ------------------------------------------------------------------------------------------------------------------------ Для шаблона будут выходить регулярные обновления с пополнением набора модулей Цена шаблона будет увеличиваться при каждом обновлении - спешите купить! Бесплатная техподдержка при установке и настройке модуля! ------------------------------------------------------------------------------------------------------------------------ДЕМО ШАБЛОНА

Мобильные отображения:Iphone 5 viewSamsung Galaxy S3/S4 ViewIpad ViewGalaxy Tab View

------------------------------------------------------------------------------------------------------------------------ В случае необходимости технической поддержки пишите в личку:

Адрес сайта.
Доступ в административную часть
Доступ на ftp

------------------------------------------------------------------------------------------------------------------------

Техническая поддержка сайтам на локальном хостинге не оказывается.

Техническая поддержка связанная с доработкой шаблона или модулей платная.Внимание! Уточняйте у разработчиков сторонних модулей работают ли они с версией jQuery 1.9 и выше.

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

Автор гарантирует работу модуля на оригинальном движке OcStore 1.5.5.1.1 и Opencart 1.5.5.1 скачанных с официальных сайтов.

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

liveopencart.ru