Поиск по сайту
Результаты поиска по тегам 'responsive'.
Найдено 25 результатов
-
Версия 1.2.0
Для украинских магазинов шаблон теперь навсегда бесплатен (подробнее) Чтобы получить бесплатную лицензию – обращайтесь в ЛС Предисловие Последние 4 года, кроме веб-разработки, я работал совладельцем растущего интернет-магазина, мы занимались продажами аудио-техники и инструментов. К сожалению, политическая и экономическая ситуация в Украине не позволила нам реализовать все, что мы хотели, и нам пришлось продать магазин, здесь же вы можете видеть результат нашей работы. Уверен, что задача любого шаблона — это продажа товаров или услуг, и такова философия шаблона Moneymaker. Насчет того, что же такое "продающий" шаблон - важно понимать, что продающим его делаете вы сами, каким бы прекрасным ни был установленный вами шаблон, без понимания того, как работает интернет-магазин и что такое интернет-коммерция, вы не сможете построить прибыльный бизнес. Мои разработки лишь "фундамент" в этом деле, "стены" и "крышу" своего бизнеса вам предстоит возводить самостоятельно. Я хотел бы гарантировать вам увеличение продаж (вероятно, так оно и будет), но как вы понимаете, даже самый лучший шаблон не сможет заменить людей. Чтобы получить отличные результаты, вы сами должны хорошо трудиться над своим магазином, я же в свою очередь обещаю максимально помочь вам с этим. Описание Продающий интерактивный шаблон Moneymaker создан на основе фреймворка Bootstrap 3 и сочетает в себе множество полезных модулей, встроенных и отдельно поставляемых, большинство из которых были протестированы и успешно внедрены в нашем интернет-магазине: Модуль Преимущества, который является одним из наиболее важных (и недооцененных, увы) модулей в любом магазине Модуль Быстрый заказ, с которым ваши покупатели смогут быстрее делать покупки Модуль Перезвоните мне, позволяющий реализовать функцию обратного звонка Модуль Расширенных контактов, с которым вы предоставите покупателю больше способов связи Модуль Ajax-поиска с автоподстановкой Модуль Стикеры, созданный для облегчения процесса выбора покупок Отзывчивое Слайдшоу и Html модуль, адаптированные под шаблон Moneymaker Модули Вкладок товара, Header-меню и Footer-меню, Улучшенные категории Модули Микроразметки, Социальных кнопок, Способов оплаты и многое другое Кроме того, есть множество особенностей в шаблоне Moneymaker, которые я хотел бы выделить: Продающий дизайн, основанный на наших наблюдениях включая данные с вебвизора (интегрированного в наш магазин с 2011 г.) Удобный для покупателей интерфейс, переработанный в соответствии с подтвержденными правилами юзабилити и нашим опытом HTML5/CSS3 с механизмом поддержки устаревших браузеров (покупатели с IE8 будут вам благодарны) Отзывчивый дизайн, адаптированный под самые компактные устройства с экраном даже в 240px SEO-оптимизированный шаблон, с документацией и читабельным кодом, кросс-браузерностью и другими преимуществами Код шаблона успешно проходит валидацию по стандартам html5, в частности для страниц товара и страниц категорий Подробная документация по шаблону с описанием всех функций, модулей и нюансов работы доступна всем желающим, также как и демо-доступ в административную часть шаблона и модулей в комплекте (логин: demo / пароль: demo) На сегодня поддерживаются следующие версии OpenCart: ocStore 1.5.5.1.2, OpenCart 1.5.6.1, OpenCart 1.5.6.2, OpenCart 1.5.6.3, OpenCart 1.5.6.4. ВНИМАНИЕ: Для корректной работы части функциональности шаблона (пользовательские стикеры, расширенное меню категорий, поиск с автоподстановкой и т.п.) требуется vQmod, все инструкции по установке приведены в документации. Рекомендуется использовать vqmod 2.4.1 (скачать можно здесь) На покупку дополнительных лицензий действуют скидки: Совместимые модули: Для тех, кто сомневается в качестве шаблона: Полная история изменений доступна в документации20.00 USD- 118 отзывов
-
- 1
-
- продающий шаблон
- html5
- (и ещё 6)
-
Версия 1.0.1
Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! DEMO Особенности шаблона Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры Модуль Ajax быстрый поиск Модуль Витрина Модуль Главное меню Модуль Местоположение атрибутов Модуль Социальные сети Модуль Цветной статус товара Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров Технологии и библиотеки: html 5; css 3; Bootstrap 3.3.5; JQuery 2.1.1; не используется ionecube. Техническая поддержка Техническая поддержка доступна пользователям из списка покупателей. Обращаясь с просьбой разобраться в проблеме, предоставьте: Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через: Личные сообщения на форуме; Электронный адрес [email protected]; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней.18.00 USD- 7 отзывов
-
- без гмо
- чёрная пятница
- (и ещё 17)
-
20 Завантажити / Придбати розширення Шаблон Moneymaker Для украинских магазинов шаблон теперь навсегда бесплатен (подробнее) Чтобы получить бесплатную лицензию – обращайтесь в ЛС Предисловие Последние 4 года, кроме веб-разработки, я работал совладельцем растущего интернет-магазина, мы занимались продажами аудио-техники и инструментов. К сожалению, политическая и экономическая ситуация в Украине не позволила нам реализовать все, что мы хотели, и нам пришлось продать магазин, здесь же вы можете видеть результат нашей работы. Уверен, что задача любого шаблона — это продажа товаров или услуг, и такова философия шаблона Moneymaker. Насчет того, что же такое "продающий" шаблон - важно понимать, что продающим его делаете вы сами, каким бы прекрасным ни был установленный вами шаблон, без понимания того, как работает интернет-магазин и что такое интернет-коммерция, вы не сможете построить прибыльный бизнес. Мои разработки лишь "фундамент" в этом деле, "стены" и "крышу" своего бизнеса вам предстоит возводить самостоятельно. Я хотел бы гарантировать вам увеличение продаж (вероятно, так оно и будет), но как вы понимаете, даже самый лучший шаблон не сможет заменить людей. Чтобы получить отличные результаты, вы сами должны хорошо трудиться над своим магазином, я же в свою очередь обещаю максимально помочь вам с этим. Описание Продающий интерактивный шаблон Moneymaker создан на основе фреймворка Bootstrap 3 и сочетает в себе множество полезных модулей, встроенных и отдельно поставляемых, большинство из которых были протестированы и успешно внедрены в нашем интернет-магазине: Модуль Преимущества, который является одним из наиболее важных (и недооцененных, увы) модулей в любом магазине Модуль Быстрый заказ, с которым ваши покупатели смогут быстрее делать покупки Модуль Перезвоните мне, позволяющий реализовать функцию обратного звонка Модуль Расширенных контактов, с которым вы предоставите покупателю больше способов связи Модуль Ajax-поиска с автоподстановкой Модуль Стикеры, созданный для облегчения процесса выбора покупок Отзывчивое Слайдшоу и Html модуль, адаптированные под шаблон Moneymaker Модули Вкладок товара, Header-меню и Footer-меню, Улучшенные категории Модули Микроразметки, Социальных кнопок, Способов оплаты и многое другое Кроме того, есть множество особенностей в шаблоне Moneymaker, которые я хотел бы выделить: Продающий дизайн, основанный на наших наблюдениях включая данные с вебвизора (интегрированного в наш магазин с 2011 г.) Удобный для покупателей интерфейс, переработанный в соответствии с подтвержденными правилами юзабилити и нашим опытом HTML5/CSS3 с механизмом поддержки устаревших браузеров (покупатели с IE8 будут вам благодарны) Отзывчивый дизайн, адаптированный под самые компактные устройства с экраном даже в 240px SEO-оптимизированный шаблон, с документацией и читабельным кодом, кросс-браузерностью и другими преимуществами Код шаблона успешно проходит валидацию по стандартам html5, в частности для страниц товара и страниц категорий Подробная документация по шаблону с описанием всех функций, модулей и нюансов работы доступна всем желающим, также как и демо-доступ в административную часть шаблона и модулей в комплекте (логин: demo / пароль: demo) На сегодня поддерживаются следующие версии OpenCart: ocStore 1.5.5.1.2, OpenCart 1.5.6.1, OpenCart 1.5.6.2, OpenCart 1.5.6.3, OpenCart 1.5.6.4. ВНИМАНИЕ: Для корректной работы части функциональности шаблона (пользовательские стикеры, расширенное меню категорий, поиск с автоподстановкой и т.п.) требуется vQmod, все инструкции по установке приведены в документации. Рекомендуется использовать vqmod 2.4.1 (скачать можно здесь) На покупку дополнительных лицензий действуют скидки: Совместимые модули: Для тех, кто сомневается в качестве шаблона: Полная история изменений доступна в документации Автор RGB долучення 21.08.14 Категорія Платні шаблони Системные требования Метод активации Автоматическая активация Ioncube Loader Нет ocStore 1.5.5.1.2 1.5.5.1.1 1.5.5.1 OpenCart.Pro, ocShop Не проверялось Звернення до сервера розробника Нет
- 7 228 ответов
-
- 1
-
- продающий шаблон
- html5
- (и ещё 6)
-
Скачать / Купить дополнение Little Banner Free Модуль Little Banner v1.1 дает возможность добавить 4 баннера. Адаптивная сетка, с приятным расположением баннеров. Позволяет акцентировать внимание покупателей. Основные настройки для баннеров: 1) Вывод заголовка 2) Вывод текста и ссылки кнопки 3) Вывод изображений Не перезаписывает системных файлов движка Не использует VQmod Не использует OCMOD Не использует ioncube Демо модуля OC3.0.2: http://oc.daranid.tk/ Демо модуля OC2.3: http://v23.daranid.tk/ Демо модуля OC2.1: http://v21.daranid.tk/ Административная часть: http://oc.daranid.tk/admin/index.php?route=extension/module/lbanner Логин: demo Пароль: demo Установка 1) Загрузить папку upload в корень сайта. 2) Перейти в Система/Группы пользователей и для администратора установить права доступа (в блоках "Разрешить просмотр" и "Разрешить редактировать" отметить галочкой extension/module/lbanner) 3) Вывести созданный модуль на необходимой странице. Протестировано - OpenCart V 3.0.2 - OpenCart V 2.3 На данный момент Little Banner v1.1. Модуль будет развиваться дальше. Все пожелания приветствуются. Добавил mToni Добавлено 19.10.2017 Категория Слайдшоу, баннеры, галереи Системные требования Метод активации Без активации Ioncube Loader Нет ocStore Несовместим OpenCart.Pro, ocShop Opencart.pro 2.3 Opencart.pro 2.1 Не проверялось Обращение к серверу разработчика
-
1900 Скачать / Купить дополнение CUSTSHOP - адаптивный, универсальный шаблон CUSTSHOP - универсальный шаблон, который подойдет для любого типа товаров. После простой установки шаблона, у Вас будет готовый к работе интернет-магазин со всеми настройками и необходимыми модулями, остается только добавить товары. Для управления шаблоном используется единый модуль, в котором более 500 различных настроек. Совместим с Opencart 2.3.x / 3.0.x и OcStore 2.3.x / 3.0.x Демо (версия Opencart 2.3): https://custshop.ru/ - главная страница https://custshop.ru/byitovaya-tehnika-i-elektronika/ - страница категории https://custshop.ru/televizor-bq-32s01b-32 - страница товара Демо админки: https://custshop.ru/admin/ логин: demo пароль: demo Список дополнительного функционала: 1. Модуль управления шаблоном, более 500 различных настроек. Цвета всех основных элементов, размер шрифтов, иконки, меню и многое другое. 2. Гибкая настройка сетки товаров, по 2,3,4,6 карточки в строку, для каждого из 4-х размеров экрана. 3. Возможность вывести атрибуты, опции, дополнительную информацию для карточек товаров в каталоге и модулях. 4. Эффект всплытия(hover) карточки в каталоге, с возможностью скрыть/показать любой элемент. 5. Покупка товаров с опциями прямо в каталогах и модулях. 6. Дополнительные изображения для товаров в каталогах и модулях, можно выбрать максимальное количество. 7. Стикеры, основные и дополнительные на основе атрибутов. 8. Всплывающая корзина после покупки товаров. 9. Быстрый просмотр товаров 10. Быстрый заказ 11. Заказ звонка 12. Всплывающее окно 13. Кнопка "Наверх" 14. Улучшенные всплывающие уведомления 15. Модуль с товарами, на выбор 2 вида отображения (сетка или карусель) и 6 видов выборки товаров (Популярные, Новинки, Акции, Хиты продаж, Недавно просмотренные, Рекомендуемые, Из категории с выбором нужной категории). Возможность гибко настроить карусель товаров. 16. Поддержка мультиязычности и мультимагазинов. 17. Минификация CSS и Javascript файлов, с объединением их в один файл. 18. Конвертация изображений в формат WEBP, при сохранении в кэш. 19. Возможность заменить переменные цветов и размеры шрифтов для bootstrap из модуля управления шаблоном. 20. Гибкая настройка всех элементов в верхней панели, шапке и подвале. 21. Настройка страницы Каталог - подкатегории, описание, панель сортировки 22. Настройка страницы Товар - вывод кратких характеристик, описания, дополнительной информации, соц.кнопок и другое 23. Настройка страницы Контакты - дополнительные контакты, карта 24. Микроразметка Другие особенности шаблона: 1. При установке сохраняются все настройки, как на сайте примере https://custshop.ru/ , остается только добавить Ваши товары. 2. Показатели PageSpeed Insights - 90-100 баллов, в зависимости от нагрузки на хостинг. Можно проверить тестовый сайт - https://custshop.ru/ 3. Не используется IonCube Loader 4. После покупки необходимо написать в личные сообщения или на почту [email protected] для получения ключа лицензии. 5. Лицензия выдается на 1 домен 6. Успешная валидация по стандартам HTML5, проверочный сервис - https://validator.w3.org/nu/ 7. Документация к шаблону - https://custshop.ru/docs/ 8. Текст лицензии - https://custshop.ru/license/ 9. Скидки на повторные покупки от 20% Совместимость: Пока нет сторонних модулей, для которых сделана адаптация. Но для популярных модулей, на мое усмотрение, будет сделана бесплатно по вашему запросу Техподдержка: Осуществляется через личные сообщения на форуме или по электронной почте [email protected] Добавил Maximirk Добавлено 10.02.2020 Категория Платные шаблоны Системные требования PHP 5.4-7.3 Метод активации По запросу в ЛС По запросу на почту Ioncube Loader Нет ocStore 3.0 2.3 OpenCart.Pro, ocShop Обращение к серверу разработчика Нет
- 8 ответов
-
- шаблон
- продающий шаблон
- (и ещё 6)
-
Завантажити / Придбати розширення DEFAULT-X Тема - Черная - Флюент дизайн DEFAULT-X THEME Эта тема выполненная в Fluent Design стиле. Она имеет современный дизайн с минимальными изменениями основной структуры Opencart шаблона. Стили переработаны и оптимизированы для устройств с медленным интернет-соединением, а так же адаптированы под все виды устройств и экранов. Никаких проблем с установкой! Достаточно установить один файл через диспетчер установок и всё! Тема не затрагивает никакие штатные файлы системы, все изменения связанные с движком применяются через модификатор. Меню темы имеет обширный функционал, в главном меню находятся кнопки с категориями продуктов, корзиной, контактами и другими необходимыми функциями. На маленьких экранах меню выполнено в стиле бокового слайдера с заглавной кнопкой. Тема полностью адаптирована под все основные современные браузеры последних версий, такие как — Google Chrome, Firefox, Opera, Safari. Код темы чистый и гибкий, он не закодирован и готов к необходимым для вас изменениям. Демо сайта Демо админ (Логин: demo / Пароль: demo) Главные отличия темы: Новое, структурированное меню; Адаптивный слайдер на главной странице с возможностью добавления текста и кнопок; Google карты на главной странице и странице контактов; Модуль обратного звонка; Слайдер фотографий на странице товара; Новый виджет социальных кнопок. Инструкция по установке 2.3.0.2: Распакуйте в папку с сайтом содержимое папки upload; Перейдите в дополнения => установка дополнений; Установите install.ocmod.xml из архива; Перейдите в дополнения => менеджер дополнений; Обновите модификаторы; Перейдите в дополнения => дополнения => темы; Установите тему и настройте её; Перейдите в настройки магазина и выберите тему; Чтобы активировать модуль обратного звонка перейдите дополнения=> дополнения => модули; Установите и настройте модуль. Инструкция по установке 3.0.2.0: Перейдите в дополнения => установка дополнений; Установите архив с темой; Перейдите в дополнения => менеджер дополнений; Обновите модификаторы; Перейдите в дополнения => дополнения => темы; Установите тему и настройте её; Перейдите в настройки магазина и выберите тему; Чтобы активировать модуль обратного звонка перейдите дополнения=> дополнения => модули; Установите и настройте модуль. Тема распространяется бесплатно, поддержка не осуществляется. Если у вас есть пожелания или предложения пишите на почту [email protected] Если вы хотите отблагодарить разработчика, это можно сделать на Яндекс Кошелек: 410015066968545 либо по ссылке Автор bulldozer323 долучення 04.10.18 Категорія Бесплатные шаблоны Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 2.3 OpenCart.Pro, ocShop Звернення до сервера розробника
- 13 ответов
-
- fluent
- responsive
- (и ещё 6)
-
15 Скачать / Купить дополнение AVA STORE - универсальный, адаптивный шаблон AVA STORE ВЫ ПРИОБРЕЛИ ШАБЛОН, НО НЕ ЗНАЕТЕ КАКОЙ АРХИВ СКАЧАТЬ? - СМОТРИТЕ ОТВЕТ ВАЖНО!!! При первом обращении на почту: [email protected], за тех.поддержкой, обязательно, указывайте где именно Вы приобрели шаблон, с какого логина(ника) и e-mail была совершена покупка. Если вопрос напрямую связан с Вашим сайтом, то сразу укажите его домен. Тех. поддержка оказывается круглосуточно, но только покупателям шаблона, поэтому мы требуем подтверждения, что Вы являетесь нашим клиентом. Спасибо за понимание. Пожалуйста, во избежание недоразумений, не стесняйтесь задавать вопросы по шаблону, перед покупкой! Обратите внимание: Мы оказываем тех. поддержку и помогаем в решении проблем вызванных шаблоном, но не ищем работу, поэтому не стоит предлагать нам, за деньги, переделывать шаблон под Ваши нужды. Совместимость с движками Совместимость с модулями: Коротко о шаблоне: Бесплатные модули: FAQ | Часто задаваемые вопросы: Лицензия: В помощь новичкам: История изменений: РЕКОМЕНДУЮ: Рекомендуется устанавливать шаблон на последнюю версию движка - OcStore 15512 ! Тормозит сайт? Нужна профессиональная оптимизация сайта? – обращайтесь к Snastik Консультации по SEO | SEO-оптимизация магазинов | Ускорени? Добавил OldAine Добавлено 12.02.2014 Категория Платные шаблоны Системные требования Аналогичные ocstore и opencart 1.5 Метод активации Автоматическая активация Ioncube Loader Нет ocStore 1.5.5.1.2 1.5.5.1.1 1.5.5.1 OpenCart.Pro, ocShop Несовместим Обращение к серверу разработчика Нет
- 2 184 ответа
-
- 5
-
- ocstore 1.5.x
- настройка из админки
- (и ещё 8)
-
18 Скачать / Купить дополнение TONIC - Универсальный адаптивный шаблон Tonic - адаптивный и универсальный OpenCart шаблон. Данный шаблон это готовый инструмент для начала продаж в интернете. Современный и дружественный дизайн шаблона подойдет для магазинов различных тематик. Благодаря простой и логичной структуре кода, шаблон имеет высокую скорость работы, а модули присутствующие в комплекте шаблона расширят функционал и внешний вид интернет магазина. Шаблон тестировался и работает на OpenCart и Ocstore 2.3.х При покупке шаблона каждый клиент при необходимости получает бесплатную помощь по настройке и установке! DEMO Особенности шаблона Адаптивный дизайн Кроссбраузерная совместимость Модуль Расширенные баннеры Модуль Ajax быстрый поиск Модуль Витрина Модуль Главное меню Модуль Местоположение атрибутов Модуль Социальные сети Модуль Цветной статус товара Модуль Стикеры Мини меню в шапке сайта Дополнительные позиции в макетах схем Пять цветовых схем Вывод кол-ва продуктов в категориях Упрощенная форма заказа Вывод дополнительных атрибутов для продуктов Iframe карта Изображение в футере Отображение в продукте детальной информации Сокращение имени товаров Технологии и библиотеки: html 5; css 3; Bootstrap 3.3.5; JQuery 2.1.1; не используется ionecube. Техническая поддержка Техническая поддержка доступна пользователям из списка покупателей. Обращаясь с просьбой разобраться в проблеме, предоставьте: Адрес сайта; Доступ в админ-панель; Доступ на FTP-сервер. По вопросам технической поддержки обращайтесь через: Личные сообщения на форуме; Электронный адрес [email protected]; Режим работы с 10-00 до 18-00 по киевскому времени за исключением выходных и праздничных дней. Добавил Sha Добавлено 24.10.2017 Категория Платные шаблоны Системные требования php 5.4 и выше Метод активации Автоматическая активация Ioncube Loader Нет ocStore 2.3 OpenCart.Pro, ocShop Opencart.pro 2.3 OcShop 2.0.3.х Обращение к серверу разработчика Нет
- 18 ответов
-
- без гмо
- чёрная пятница
- (и ещё 17)
-
10 Скачать / Купить дополнение Онлайн конструктор дизайна интернет магазина (генератор дизайнов) . для ocStore 1.5.5.1* и OpenCart 1.5.6* Все очень просто. При помощи конструктора Вы сможете создавать уникальные дизайны для любого количества интернет магазинов. Демо Последовательно открывайте вкладки и вносите необходимые Вам изменения. Все ваши настройки сохраняться после повторного открытия конструктора в том же браузере. Если Вы планируете использовать текстуры для Вашего магазина, подготовьте заранее картинки структур в формате .jpg, .gif или .png размером не более 10КБ для каждой картинки. Текстуры в формате .png или .gif с прозрачными областями, можно использовать совместно с цветом, выбранным в конструкторе, для придания фона текстуре например такую http://www.sunbeams.be/ecards/xmascards/peace/ani-stars.gif Эта опция конструктора добавляет безграничные возможности для индивидуализации Вашего дизайна интернет магазина. Добавьте конструктор в закладки, и Вы всегда сможете вернуться, чтобы сделать Ваш дизайн еще лучше. Для работы в конструкторе используйте последние версии браузеров Chrome или Firefox Добавил видео инструкцию по пользованию конструктором: youtu.be/fgLUaGlQM38 Добавил colaweb Добавлено 24.03.2014 Категория Платные шаблоны Системные требования Метод активации По запросу в ЛС Ioncube Loader Нет ocStore 1.5.5.1.2 1.5.5.1.1 1.5.5.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Да
- 158 ответов
-
- онлайн конструктор
- конструктор дизайна
- (и ещё 8)
-
Не всем нравится адаптивный дизайн в новом опенкарте. Уже было несколько просьб от клиентов его выпылить. Но сделать это не так просто, как кажется. Попытался сделать это, изменив исходники бутстрапа и вот что вышло. PS. Кому лень читать дальше код, могут сразу скачать скомпилированый код в конце поста. PPS Это мой первый опыт работы с LESS файлами, так что, если что не так, прошу понять и простить :-D Итак, берем исходники бутстрапа на http://getbootstrap.com/getting-started/#download, там же курим мануал, как поднять node.js, npm и grunt. Разворачиваем все это добро у себя. В исходниках видим такие файлы Сразу попытался выпилить все правила, которые генерят @media (max-width: xxx) и @media (mix-width: xxx) во всех этих файлах. Понял что это будет долго и ошибки потом будет сложно найти. Поэтому сделал так: Берем файл variables.less и меняем все значения разрешений экранов на нули, кроме самого большого (1200px) // Extra small screen / phone //** Deprecated `@screen-xs` as of v3.0.1 @screen-xs: 480px; //** Deprecated `@screen-xs-min` as of v3.2.0 @screen-xs-min: @screen-xs; //** Deprecated `@screen-phone` as of v3.0.1 @screen-phone: @screen-xs-min; // Small screen / tablet //** Deprecated `@screen-sm` as of v3.0.1 @screen-sm: 768px; @screen-sm-min: @screen-sm; //** Deprecated `@screen-tablet` as of v3.0.1 @screen-tablet: @screen-sm-min; // Medium screen / desktop //** Deprecated `@screen-md` as of v3.0.1 @screen-md: 992px; @screen-md-min: @screen-md; //** Deprecated `@screen-desktop` as of v3.0.1 @screen-desktop: @screen-md-min; // Large screen / wide desktop //** Deprecated `@screen-lg` as of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; //** Deprecated `@screen-lg-desktop` as of v3.0.1 @screen-lg-desktop: @screen-lg-min; // So media queries don't overlap when required, provide a maximum @screen-xs-max: (@screen-sm-min - 1); @screen-sm-max: (@screen-md-min - 1); @screen-md-max: (@screen-lg-min - 1); //== Grid system // //## Define your custom responsive grid. //** Number of columns in the grid. @grid-columns: 12; //** Padding between columns. Gets divided in half for the left and right. @grid-gutter-width: 30px; // Navbar collapse //** Point at which the navbar becomes uncollapsed. @grid-float-breakpoint: @screen-sm-min; //** Point at which the navbar begins collapsing. @grid-float-breakpoint-max: (@grid-float-breakpoint - 1); на // Extra small screen / phone //** Deprecated `@screen-xs` as of v3.0.1 @screen-xs: 0; //** Deprecated `@screen-xs-min` as of v3.2.0 @screen-xs-min: @screen-xs; //** Deprecated `@screen-phone` as of v3.0.1 @screen-phone: @screen-xs-min; // Small screen / tablet //** Deprecated `@screen-sm` as of v3.0.1 @screen-sm: 0; @screen-sm-min: @screen-sm; //** Deprecated `@screen-tablet` as of v3.0.1 @screen-tablet: @screen-sm-min; // Medium screen / desktop //** Deprecated `@screen-md` as of v3.0.1 @screen-md: 0; @screen-md-min: @screen-md; //** Deprecated `@screen-desktop` as of v3.0.1 @screen-desktop: @screen-md-min; // Large screen / wide desktop //** Deprecated `@screen-lg` as of v3.0.1 @screen-lg: 1200px; @screen-lg-min: @screen-lg; //** Deprecated `@screen-lg-desktop` as of v3.0.1 @screen-lg-desktop: @screen-lg-min; // So media queries don't overlap when required, provide a maximum @screen-xs-max: 0; @screen-sm-max: 0; @screen-md-max: 0; //== Grid system // //## Define your custom responsive grid. //** Number of columns in the grid. @grid-columns: 12; //** Padding between columns. Gets divided in half for the left and right. @grid-gutter-width: 30px; // Navbar collapse //** Point at which the navbar becomes uncollapsed. @grid-float-breakpoint: 0; //** Point at which the navbar begins collapsing. @grid-float-breakpoint-max: 0; Дальее берем grid.less и пытаемся сделать так чтобы правила col-xs col-sm итд работали одинаково на любых разрешениях. Ниже всесь перписаный файл. // // Grid system // -------------------------------------------------- // Container widths // // Set the container width, and override it for fixed navbars in media queries. .container { .container-fixed(); width: @container-lg; } // Fluid container // // Utilizes the mixin meant for fixed width containers, but without any defined // width for fluid, full width layouts. .container-fluid { .container-fixed(); } // Row // // Rows contain and clear the floats of your columns. .row { .make-row(); } // Columns // // Common styles for small and large grid columns .make-grid-columns(); // Extra small grid // // Columns, offsets, pushes, and pulls for extra small devices like // smartphones. .make-grid(xs); .make-grid(sm); .make-grid(md); .make-grid(lg); // Small grid // // Columns, offsets, pushes, and pulls for the small device range, from phones // to tablets. //@media (min-width: @screen-sm-min) { // .make-grid(sm); //} // Medium grid // // Columns, offsets, pushes, and pulls for the desktop device range. //@media (min-width: @screen-md-min) { // .make-grid(md); //} // Large grid // // Columns, offsets, pushes, and pulls for the large desktop device range. //@media (min-width: @screen-lg-min) { // .make-grid(lg); //} И закоментим ненужное в bootstrap.less. /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ // Core variables and mixins @import "variables.less"; @import "mixins.less"; // Reset and dependencies @import "normalize.less"; @import "print.less"; @import "glyphicons.less"; // Core CSS @import "scaffolding.less"; @import "type.less"; @import "code.less"; @import "grid.less"; @import "tables.less"; @import "forms.less"; @import "buttons.less"; // Components @import "component-animations.less"; @import "dropdowns.less"; @import "button-groups.less"; @import "input-groups.less"; @import "navs.less"; @import "navbar.less"; @import "breadcrumbs.less"; @import "pagination.less"; @import "pager.less"; @import "labels.less"; @import "badges.less"; @import "jumbotron.less"; @import "thumbnails.less"; @import "alerts.less"; @import "progress-bars.less"; @import "media.less"; @import "list-group.less"; @import "panels.less"; @import "responsive-embed.less"; @import "wells.less"; @import "close.less"; // Components w/ JavaScript @import "modals.less"; @import "tooltip.less"; @import "popovers.less"; @import "carousel.less"; // Utility classes @import "utilities.less"; //@import "responsive-utilities.less"; Компилируем. Наш новый бутстрап появился в папке dist Все готово, ну почти )) Для дефолтного шаблона ок 2.0 нужно еще подправить стили в stylesheet.css. Теоретически, то же самое можно сделать для любых других шаблонов под бутстрап, если в них правила @media свалены все в один файл. Уберем ширину в 100% и пропишем минимальную ширину для body body { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #666; font-size: 12px; line-height: 20px; min-width: 1170px; } теперь берем все правила @media (max-width: xxx) и @media (mix-width: xxx) и ставим там нули всесто значений, должно получится так @media (max-width: 0) и @media (mix-width: 0) Далее закоментим респонсив тег в header.tpl <?php /* <meta name="viewport" content="width=device-width, initial-scale=1"> */ ?> Все, теперь все. Глянуть можно здесь http://cart20.turbocart.pp.ua/ non-responsive bootstrap.zip
- 6 ответов
-
- bootsrap
- non-responsive
- (и ещё 2)
-
1000 Скачать / Купить дополнение Универсальный адаптивный шаблон Polianna Демо шаблона для версии ocstore 1.5.5.1.2 демо шаблона Админ панель для версии ocstore 1.5.5.1.2 демо админки (demo, demo) Вы можете настроить шаблон в другой цветовой схеме, демо шаблона, демо админки (demo, demo) В документации подробно расписаны шаги установки шаблона, настройки модулей и параметров для двух вариантов дизайна. Обязательна установка vqmod, подробная инструкция в разделе "Установка шаблона" в документации (папка Documentation). Новая версия шаблона НЕ ЗАМЕНЯЕТ файлов движка Если устанавливаете модуль FilterPro, скачайте архив filterpro_polianna.zip с файлами, в которых прописаны необходимые классы шаблона. 1. Адаптированный к мобильным устройствам дизайн 2. Форма Быстрого заказа 3. Фильтры по цене и по опциям 4. Мегаменю 5. Модуль настроек темы. Вы можете использовать свои шрифты, устанавливать размер текста, цвет текста и заголовков, цвет и текстуру фона. 6. Возможность размещать свою контактную информацию в шапке сайта и в подвале, иконки соцсетей, виджеты вконтакте, facebook, twitter, одноклассники 7. Модуль новостей. 8. Выбор отображения изображений товара: кадрирование по ширине и высоте (по умолчанию) или только по высоте. 9. Просмотр товара на странице товара 2-мя способами: cloudzoom и colorbox 10. 3 адаптивных слайдшоу на Ваш выбор 11. Модуль 4 в одном (лидеры продаж, акции, новые поступления и рекомендуемые) 12. Модуль Избранные категории с возможностью размещать дополнительный текст о категории, задавать произвольное количество категорий в модуле. 13. 3 положения поля поиска в шапке сайта Обновления: Все обновления уже есть в архиве шаблона Polianna_NEW.zip 3/10/2014 В архиве Update3_10_2014.zip файл Read_me.tpl со списком исправлений в файле header.tpl 24/04/2015 Полное обновление шаблона. Для тех, кто решил сделать апгрейд: При обновлении 1. удалите в папке vqmod/xml файлы шаблона предыдущей версии ( не удаляйте vqmod_opencart.xml !!!) 2. Заменить все файлы шаблона при копировании 3. из установочного архива магазина Ocstore 15512 скопируйте папку catalog\controller\common и catalog\controller\product 4. Модули шаблона переустановите в админке, там новые переменные 5. Очистите кэш в папке vqmod/vqcache Обновление для тех, кто отключает В сравнение и лист желаний на сайте. Замените файлы catalog\view\theme\polianna\template\module\account.tpl catalog\view\theme\polianna\template\account\account.tpl catalog\view\theme\polianna\template\product\product.tpl 25/09/2015 Для правильной ссылки на новости в моб. версии в header.tpl стр 555 <option value="<?php echo $base; ?>index.php?route=information/allnews"><?php echo $text_news; ?></option> 11/12/2015 Update11_12_15.zip Обновление vqmod/xml/polianna_theme.xml для категорий 3-го уровня в главном меню 31/03/2016 Update_31_03_filter_price.zip обновление модуля Фильтр по цене. Исправления внёс andrey55555 за что ему большое Спасибо Добавил katilina Добавлено 23.10.2013 Категория Платные шаблоны Системные требования Метод активации Без активации Ioncube Loader Нет ocStore 1.5.5.1.2 1.5.5.1.1 OpenCart.Pro, ocShop Несовместим Обращение к серверу разработчика
- 2 150 ответов
-
- 4
-
- ocstore
- responsive
- (и ещё 2)
-
Версия 2.0.1.1
6 274 раза скачали
Описание: Rhea - шаблон для OpenCart 2.0.1.1 Установка: 1. Скачать файл темы 2. Распаковать zip архив и скопировать содержимое каталога FILES_TO_UPLOAD в корневую папку с установленным OpenCart 3. Зайти в админку магазина -> Система -> Настройки -> Изменить (Ваш магазин) -> Витрина -> Шаблон магазина 4. Выбрать rhea в выпадающем списке 5. СохранитьБесплатное -
KINGSTORE Lite - OpenCart 2.0.x - 100% Бесплатный адаптивный шаблон
Гость опубликовал теме в Бесплатные шаблоны
Название: KINGSTORE Lite - OpenCart 2.0.x - 100% Бесплатный адаптивный шаблон Добавил: themeglobal Добавлен: 16 июня 2015 Категория: Бесплатные шаблоны Совместимость: OpenCart 2.0.3.1, 2.0.2.0, 2.0.1.x Нажмите здесь, чтобы скачать файл- 14 ответов
-
- opencart 2.x
- free opencart template
- (и ещё 5)
-
Скачать / Купить дополнение Rhea шаблон для OpenCart 2.0.1.1 Описание: Rhea - шаблон для OpenCart 2.0.1.1 Установка: 1. Скачать файл темы 2. Распаковать zip архив и скопировать содержимое каталога FILES_TO_UPLOAD в корневую папку с установленным OpenCart 3. Зайти в админку магазина -> Система -> Настройки -> Изменить (Ваш магазин) -> Витрина -> Шаблон магазина 4. Выбрать rhea в выпадающем списке 5. Сохранить Добавил shyn Добавлено 15.02.2015 Категория Бесплатные шаблоны Системные требования Метод активации Без активации Ioncube Loader Нет ocStore Несовместим OpenCart.Pro, ocShop Обращение к серверу разработчика
-
Выравнивание картинок описания Opencart 2
prostomaxim опубликовал теме в Opencart 2.x: Общие вопросы
Уважаемые форумчане подскажите как по умолчанию поставить в поле Element style атрибут height на auto . Для выравнивания картинок под адаптивный вариант..А то уже везде облазил- 6 ответов
-
- выравнивание картинок
- выравнивание
- (и ещё 2)
-
Познавательный холивар: "Адаптивный дизайн и способы реализации"
ArtemPitov опубликовал теме в Курилка
Доброго времени суток господа! Вот тут мне в голову пришла идее - долой адаптивный дизайн "аля адаптивная сетка", да здравствует мобильная версия! Что скажете ? Есть два пути реализации, первый (мне не очень) - чекаем девайс и редиректим на моб версию , второй - оптимальный, так званый RESS, суть его заключается в подмене и загрузки контента исходя от девайса Пример стырян из хабра, не относится к ОП $DS = DIRECTORY_SEPARATOR; require_once( dirname(__FILE__) . $DS . 'libraries' . $DS . 'browser.php'); $device = BBrowser::detectDevice(); if($device == DEVICE_TYPE_MPHONE){ $tmpl = 'template.m.php'; } else if($device == DEVICE_TYPE_TABLET){ $tmpl = 'template.t.php';} else{ $tmpl = 'template.php'; } include( dirname(__FILE__) . $DS . 'templates' . $DS . $tmpl); Суть довольно проста, для моб устройств отдаем только самое нужное, если заморочить можно даже сделать подмену темы на более легкую и будет суперадапитвная ракета. Что скажете, как такой вариант, кто за, то против ?- 34 ответа
-
- responsive
- адаптивность
- (и ещё 2)
-
Скачать / Купить дополнение Nilson - адаптивное продающее решение ПОДДЕРЖКА ШАБЛОНА НЕ ВЕДЕТСЯ (УЛУЧШЕНИЙ НЕ БУДЕТ) "модуль распространяется как есть". Шаблон проходил тесты на Opencart 1.5.5.1 и 1.5.6.4 ДЕМО-ДОМЕН УДАЛЕН Добавил mikalai2006 Добавлено 15.10.2014 Категория Бесплатные шаблоны Системные требования Метод активации Ioncube Loader ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика
- 44 ответа
-
- шаблон
- для мобильных
- (и ещё 5)
-
Уважаемые знатоки, Помогите настроить внешний вид сайта на мобильных устройствах. В хэдере надпись съезжает на корзину, и в футере ссылка на соц. сети выглядит не очень. Прикрепляю фото. Что править в первую очередь? На компьютере все отображается прекрасно. Стоит ли трогать responsive.css? И если да, то где?)
- 3 ответа
-
- адаптивныйдизайн
- смартфон
- (и ещё 1)
-
Всем привет. Нужно сделать простой и легкий шаблон, который будет адаптироваться под любое разрешения экрана и устройство, а также немного переделать макет (расположение модулей). Что подразумевается под простым и легким: небольшое изменение дефолтого стиля OpenCart (кнопки, списки, блоки и др.), что-то вроде ebay или amazon (можно малец стилей взять из Bootstrap). Верстка модулей: - вверху сделать fixed-меню, в которое вывести вертикальное меню (купил забугром), а также стандартное меню (главная, сравнения, заметки, ЛК...), поиск (причем он и будет растягиваться, как, например, на amazon'е), корзину, сравнения - купленный фильтр тоже малец изменить (стили) Адаптировать под разрешение экрана: - блоки "рекомендуемые", "акции", "последние": чтобы при изменении разрешения оставалось столько блоков на "одной строке", сколько поместиться, а не чтобы они переносились на новую "строку" Сколько это будет стоить, примерно и сроки. Заранее спасибо за ответы!
- 3 ответа
-
- резиновый дизайн
- адаптивный дизайн
- (и ещё 4)
-
700 Скачать / Купить дополнение ROCkeT - адаптивный универсальный шаблон Универсальный шаблон для OCStore 1.5.4.1 - 1.5.5.1 и OpenCart 1.5.4.1 - 1.5.6 Описание шаблона Тип шаблона: адаптивный (минимальное разрешение 320px) Тематика: универсальный шаблон Особенности Шаблон не вносит изменений в системные файлы OpenCart/OCStore. 200+ настроек 600+ Google шрифтов Полностью настраиваемые цвета Плавающее меню категорий Плавающие блоки Карта в контактах (Google Maps, Яндекс.Карты) Блог Совместимость OCStore 1.5.4.1 - 1.5.5.1.2 OpenCart 1.5.4.1 - 1.5.6.4 Лицензия Шаблон реализуется по принципу "1 покупатель – 1 владелец" Покупатель имеет право использовать приобретенный шаблон только для установки на собственные интернет-магазины. Запрещается передавать файлы шаблона третьим лицам, как на платной, так и на безвозмездной основе. Если покупатель будет уличен в нарушении правил, описанных выше, он автоматически лишается технической поддержки. Техническая поддержка Техническая поддержка осуществляется через личные сообщения на данном форуме. Техническая поддержка оказывается только пользователям, числящимся в списке покупателей шаблона. Демо Фронтэнд: http://rocket.bntemplates.ru Административная панель: http://rocket.bntemplates.ru/admin Логин/пароль: demo/demo Добавил burr Добавлено 15.07.2014 Категория Платные шаблоны
-
Помогите,не знаю где копать. Поставил Responsive Design - Default Original Theme Обрезаются все картинки на сайте. В админке выставляю размер меньше-картинка уменьшается,но все равно обрезанная. Немного доработал шапку.Пробовал назад ставить CSS - не помогло. Старые картинки отображаются нормально(кеш картинок не чистил) А новые с таким же разрешением все увеличены и обрезаны.
-
Всё больше народа заходит на сайты со смартфонов и планшетов - все это знают, и как я вижу, в нормальных шаблонах (вот пример) дизайн адаптируется под экран (достаточно сузить окно браузера, чтоб увидеть это в работе). Как вообще это делается, кто-нибудь может подсказать? Как при сужении экрана меняется основное меню, например?
-
Есть вот это — http://www.alldaypsd.com/demos/alcatron/light/section.html — готовая тема для Вордпресса. По сути — свёрстанный адаптивный дизайн. Это всё, что от неё нужно, да и ничего больше вордпрессовского в ней нет. За неделю нужно превратить тему в сайт с магазином Оупенкарте. Магазин обуви, одежды и аксессуаров. ТЗ не будет, хотя можно глянуть приаттаченный PDF. На ТЗ не тянет, но даёт исчерпывающее представление о нужном функционале и числе шаблонов страниц. https://www.dropbox.com/s/keorm86q3g3xrzc/site-making--specification--v2.pdf. Как должен работать весь необходимый функционал — ясно по вёрстке и работе её элементов. Остальное решается перезвонами по скайпу и мобиле. «Остальное» — это кое-что из отсутствующего в теме: дополнений, вроде бирок «Новинка» на картинках товаров, блока фильтрования товаров по параметрам, корзины, чего-то ещё. Самого магазина в теме тоже нет, но есть необходимые элементы вёрстки для него. Условия: вы в Москве, личная встреча, заключаем договор, всегда на связи. Сойдёмся — работу предоплачу вперёд. Пишите — сколько хотите за неё.
-
Premium шаблон CardinaL для ocStore/OpenCart 1.5.3.x - 1.5.4.x
inguard опубликовал теме в Платные шаблоны
http://opencartforum...post__p__120343- 41 ответ
-
- 3
-
- отзывчивый
- responsive
- (и ещё 7)