Search the Community

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 Не проверялось Звернення до сервера розробника Нет

Вставка видео с youtube или twitch на сайт довольно обычное дело. Заходим на страницу с видео, нажимаем на кнопку поделиться, копируем iframe, вставляем в нужном месте и готово, видео сразу же появляется на сайте, но в этом и заключается проблема... Когда iframe встроен непосредственно в разметку сайта, то как только начинается загрузка страницы и браузер видит iframe он начинает загружать видео и все ресурсы необходимые для работы плеера. Сайт начинает долго грузится и как не странно жутко лагать вплоть до зависания устройства с которого пользователь посетил сайт. Помимо этого анализ производительности pagespeed insights даже из-за одного видео проседает примерно на 15 пунктов и тут я с ним полностью солидарен, если на сайте стоит preloader, то пользователь вообще может не дождаться загрузки. Поскольку мне часто приходится иметь дело с такими проблемами я написал небольшой скрипт решающие основные задачи с которыми я сталкивался. Решения в интернете есть ведь идея не нова и проблема известна давно, но они достаточно топорные и сложно расширяемые. Возможно есть какие-то плагины, но к сожалению мне не попадались, да я и не искал. Скрипт написан на чистом js, так что его можно подключить к любому проекту. Demo: https://get-web.site/insertmedia.html Репозиторий на gitHub: https://github.com/get-web/insertmedia Чтобы начать использовать необходимо подключить скрипт: <script src="../src/insertmedia.js"></script> И вызвать его: document.addEventListener("DOMContentLoaded", function () { insertmedia(); }); Можно вызвать с опциями: document.addEventListener("DOMContentLoaded", function () { insertmedia({ delay: 300, // Задержка. default: 300ms immediately: true, // тип задержки true/false. Сразу или по очереди каждый "delay" милисекунд. default: true - сразу attr: 'data-insertmedia', // Атрибут с конфигурацией вставки. В блок с этим атрибутом будет вставляться наше видео или изображение. default: data-insertmedia }) }); Блоку в который будет вставляться видео мы добавляем атрибут с параметрами: data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }' Например для вставки видео с ютуба мы можем использовать такие настройки: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> Доступные опции: type*: тип вставляемого ресурса. На данный момент это: youtube , twitch , html5 , img src*: Ссылка на ресурс (видео,картинка..) например: https://example.com/img.jpg width: Ширина доступная для вставляемого типа ресурса height: Высота доступная для вставляемого типа ресурса setting: Настройки доступные для вставляемого типа ресурса (*) - Обязательно В общем идея достаточно проста, мы передаем тип ресурса и ссылку на него без параметров, а уже в setting передаются параметры доступные для данного типа ресурса. Например фрейм ютуба по умолчанию выглядит так: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Мы можем вставить его таким образом (не используя setting или передавая пустую строку "setting": "") : <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI" }'> </div> Но если мы, к примеру, хотим запустить видео автоматически и без звука, фрейм будет таким: <iframe width="560" height="315" src="https://www.youtube.com/embed/6Q6cCuSvFpI?autoplay=1&mute=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Как вы могли заметить к ссылке были добавлены необязательные параметры ?autoplay=1&mute=1 их мы и передаем в setting при использовании скрипта: <div data-insertmedia='{"type" : "youtube", "src" : "https://www.youtube.com/embed/6Q6cCuSvFpI", "setting" : "autoplay=1&mute=1" }'> </div> То есть любые параметры описанные в документации к youtube вы можете использовать таким образом. Точно так же передаются параметры и другим типам ресурсов в зависимости от их API. Именно поэтому происходит разделение ссылки и параметров, чтобы можно было их интегрировать под любой тип и иметь возможность правильно составлять шаблоны для последующей вставки. Надеюсь я понятно объяснил и мой труд кому-то будет полезен. Если будут вопросы задавайте их тут. Пишите если что-то нужно добавить или исправить, или если хотите покритиковать. Источник: https://get-web.site/blog/javascript/43-insertmedia.html

Версия ocStore 2.1.0.2.1 Долго бороздил интернет в поисках ответа. Не нашёл. Проблема: Error: Attribute information-contact not allowed on element body at this point. From line 31, column 1; to line 31, column 26 </head>↩↩↩<body information-contact>↩<head W3C валидатор ругается. OpenCart, как я понял, зачем-то автоматически приписывает этот атрибут для каждой страницы к body (соответственно с route этой страницы). Для главной страницы получается тег <body common-home> Для категории <body product-category-60 > к примеру Хотелось бы совета, как убрать это, либо сделать не критичным для валидатора

9 Скачать / Купить дополнение Универсальный адаптивный шаблон YourShop О шаблоне: Шаблон обладает всем необходимыми для быстрого старта магазина и его дальнейшего успешного развития. Лёгкий, быстрый, универсальный! Подходит для создания магазинов совершенно разных направлений - бытовой электроники, техники, одежды, обуви, книг, различных аксессуаров, бижутерии и многого другого. Демо: Главная страница: http://opencart.dzrp.ru/ Страница разделов категории: http://opencart.dzrp.ru/desktops/ Страница категории: http://opencart.dzrp.ru/component/monitor/ Страница товара c опциями: http://opencart.dzrp.ru/index.php?route=product/product&path=20_64&product_id=82 Страница товара: характеристик: http://opencart.dzrp.ru/index.php?route=product/product&path=18_46&product_id=79 Плюсы: · Адаптивность (в том числе модули слайдшоу, каруселей товара и пр.), тестировался на различных устройствах с разрешением по горизонтали от 320px; · Встроенный модуль для создания настраиваемого бокового меню; · Встроенный модуль фильтрации товаров по цене; · Встроенный модуль заказа звонка; · Встроенный модуль быстрого просмотра товара Список поддерживаемых версий: ocStore 2.1.0.2.1 ocStore 2.1.0.2 ocStore 2.1.0.1.1 ocStore 2.1.0.1 OpenCart 2.3 OpenCart 2.0.0.0 OpenCart 2.0.2.0 OpenCart 2.0.3.1 OpenCart 2.1.0.1 OpenCart 2.1.0.2 OpenCart 2.2.0.0 Условия покупки: одна покупка - один рабочий домен. Шаблон поддерживает мультиязычность. Требования: PHP 5.3.* - 5.6.*, Ioncube Loader v5.0.* и выше Добавил Ramhat89 Добавлено 04.06.2018 Категория Платные шаблоны Системные требования Метод активации Автоматическая активация Ioncube Loader Требуется ocStore 2.3 2.2 2.1 OpenCart.Pro, ocShop Обращение к серверу разработчика Да  

Скачать / Купить дополнение Nilson - адаптивное продающее решение ПОДДЕРЖКА ШАБЛОНА НЕ ВЕДЕТСЯ (УЛУЧШЕНИЙ НЕ БУДЕТ) "модуль распространяется как есть". Шаблон проходил тесты на Opencart 1.5.5.1 и 1.5.6.4 ДЕМО-ДОМЕН УДАЛЕН Добавил mikalai2006 Добавлено 15.10.2014 Категория Бесплатные шаблоны Системные требования Метод активации Ioncube Loader ocStore OpenCart.Pro, ocShop Обращение к серверу разработчика  

Название: Адаптивный Шаблон E-Hose Добавил: jerry1 Добавлен: 09 дек. 2014 Категория: Платные шаблоны Простой, но стильный шаблон для вашего магазина - "E-Hose" Для OpenCart_v1.5.5-v1.5.5.1 Перед покупкой шаблона, посмотрите "DEMO E-Hose 2.0.1" Логин и пароль админки - admin | http://opencart2.hol.es/admin/ Простая установка, просто скачайте архив и распакуйте в корень сайта. В Админ панели в настройках магазина во вкладке Витрина, выбрать шаблон EHOSE. https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7B2a3c2e59-9916-56da-b8d4-5272d4da5c42%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 Далее выберите вкладку Изображение и установите размеры показанные на картинке: https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7Bd89f6246-e573-5a5b-9ac2-046fb19062f1%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 После этого, в Админ панели, зайдите в Модули, отключите стандартное Слайдшоу, включите "EHose Слайдшоу" и остальные "EHose" модули. Слайдшоу: https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7B996b9d5b-5197-522a-b765-0f59c1905dde%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 Pазмеры изображений EHOSE Слайд-шоу (ширина х высота): -Одна колонка: 1120 × 440 -Одна колонка (полная ширина): 1920 × 440 -Две колонны: 850 × 360 -Три колонки: 596 × 280 -Боковая панель: 215 × 340 Лидеры продаж, Рекомендуемые, Последние, Акции: https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7Bba6daba2-2f7a-5ac2-a5d7-2e3e7931bfad%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 Карусель: https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7Bac919ced-faa1-5657-a367-a0102bae391d%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 EHOSE Карусель Вкладки: https://word-edit.officeapps.live.com/we/GetImage.ashx?&Fi=SDA215ABE9851281E2!431&C=5_810_BL2-SKY-WAC-WSHI&ak=m%3Dru-ru&ObjectDataBlobId=%7B2de337f6-f960-5719-8e2b-a6a91068abcb%7D%7B1%7D&usid=bea7202b-8232-4df8-aaa1-bd81cf83c26c&build=16.0.3629.3014&waccluster=AM3&Word=1&lcSessionId=83A7F6CF-D39A-4BC5-BF47-E905DBB5E211&lcBackup=true&lcMachineId=905aeb419997&lcClusterId=AM3 В Footer: номер телефона, адрес, email - выводится из настроек магазина. Если возникнут сложности с установкой и настройкой шаблона, обратитесь к автору. _____________________________________________________________ Возможна работа и на других версиях (обратитесь к автору) Нажмите здесь, чтобы скачать файл

Доброго времени суток. Насколько я слышал поисковики лояльнее относяться к сайтам которые используют html5 а именно ceo-теги <header></header> <footer></footer> <article></article> <nav></nav> Если не тяжело поделитесь мнением или опытом. Может ктото эксперементировал с ними, отпишитесь плз о результатах Заранее спс))

На основе готового шаблона требуется создать интернет-магазин. В шаблоне проработаны некоторые страницы, которые в магазине будут отыгрывать ту или иную роль. Но они есть не все, нужно доработать шаблон. Для осуществления проекта требуется дизайн, верстка и "прикрутка" к магазину движка Opencart. Ищу специалиста, который возьмется за эту работу. Вот ссылка на шаблон. http://static.livedemo00.template-help.com/wt_37797/#!/page_home

Хочу поставить вместо текущего слайдера вот этот: http://codecanyon.net/item/css3-animate-image-slideshow/2370274?sso?WT.ac=category_item&WT.seg_1=category_item&WT.z_author=AngeloM на этот шаблон - http://themeforest.net/item/fancycart-premium-opencart-theme/2393350 Возможно ли это? Какова цена вопроса?