Как управлять адаптивным дизайном в opencart 3
Перейти к содержимому

Как управлять адаптивным дизайном в opencart 3

  • автор:

Fastor — многофункциональная адаптивная тема Opencart

Fastor — многофункциональная адаптивная тема Opencart — OpenCart eCommerce

Fastor — лучший продукт, который мы когда-либо создавали. Это самая мощная тема OpenCart с множеством опций. Входящие в комплект модули позволяют сэкономить более 200 долларов и создать магазин без дополнительных затрат. Демо-контент — идеальное решение, позволяющее подготовить магазин всего за несколько кликов. Это больше, чем тема.

Fastor оснащен множеством функций и макетов, поэтому вы не только сможете легко создавать красивые веб-сайты OpenCart, но и получите огромную экономию с помощью наших включенных модулей, в том числе: Revolution Slider, Blog, Multistore MegaMenu, One-Page.

Конечно, Fastor был спроектирован и разработан с использованием лучших современных методов кодирования и на 100% адаптивным, что означает, что независимо от устройства, ваш веб-сайт каждый раз будет прекрасно масштабироваться в соответствии с каждым устройством.

Ваши пользователи будут работать в Интернете так, как будто они созданы специально для них. Мы обещаем, что кодирование не требуется. Возможности Fastor продолжаются благодаря 60++ прекрасным макетам, уже созданным для вас. Более чем одна тема Fastor предлагает все эти макеты при оформлении заказа, поэтому с помощью нескольких щелчков мышью вы легко сможете установить полный демонстрационный контент. Все, что вам нужно сделать, это обновить контент и скопировать его, и ваш новый веб-сайт готов к работе. Благодаря таким функциям, как полная поддержка электронной коммерции и одна панель администратора для управления всем, Fastor — это полнофункциональное решение для веб-сайта OpenCart, которое вы так долго искали.

Полнофункциональные макеты охватывают практически все виды бизнеса: от блогов об индустрии моды до веб-сайтов зоомагазинов, музыкантов и механиков — все они покрыты нашим простым в импорте демонстрационным контентом. Создание вашего веб-сайта OpenCart никогда не было таким простым и комплексным, как это. С помощью новой упрощенной панели администратора вы получаете полный контроль над внешним видом вашего нового веб-сайта, включая неограниченное количество цветов одним нажатием кнопки, бесконечный выбор из более чем 600 шрифтов Google, этикетки продуктов для полного контроля над вашим магазином электронной коммерции, а также красиво анимированные продукты. наведите изображения.

Для каждого типа заголовка предусмотрено 10 простых, элегантных и функциональных стилей заголовков, которые будут работать с любым выбранным вами скином, а также еще 15 пользовательских заголовков, подходящих для выбранных скинов. Вы даже можете создать свой собственный, используя собственные шаблоны. Небо это предел!

Наше новое MegaMenu Double мгновенно отсортирует вашу таксономию. Благодаря плавной анимации, которая может вылетать с левой или правой стороны, вы больше не ограничены неуклюжими меню сверху вниз. С помощью Fastor вы можете создавать потрясающие меню, которые работают как в альбомном, так и в портретном профилях и идеально подходят для современных современных устройств, но включают настраиваемые ссылки, восемь различных вариантов анимации и неограниченное количество уровней меню.

Объедините все это с полнофункциональным предложением блога, которое включает в себя комплексную интеграцию социальных сетей с популярным модулем комментариев Facebook или стандартным отраслевым Disqus — выбор за вами. Создайте SEO-рай для трафика с помощью оптимизированного макета Fastor, включая полную поддержку аудио- и видеосообщений, а также систему ранжирования вашего лучшего контента. На самом деле ограничения — это только ваше воображение!

Ключевая особенность

ОБЩИЙ

  • Совместимость с OpenCart 2.0+ — эта тема совместима с OpenCart 2.0+ и новейшими версиями.
  • Языки LTR и RTL — вы можете использовать любой язык, который захотите. Неважно, ltr это направление или rtl. Наша тема поддерживает все языки.
  • Поддержка нескольких магазинов – одна панель администратора для управления несколькими магазинами
  • Bootstrap – тема создана на основе bootstrap 3.
  • Код компрессора — содержимое файлов css и js помещается в один файл, удаляются пробелы, что позволяет ускорить загрузку страниц. Изменения, внесенные при включении этой опции, будут видны через час.
  • Установщик демо-данных – если вы хотите, чтобы ваш магазин выглядел точно так же, как наши демонстрационные данные для установки
  • Видеодокументация – для этой темы мы предоставляем видеоуроки с инструкциями по установке и настройке темы.
  • SEO оптимизирован – работает с SEO-настройками OpenCart.
  • PSD-файлы – тема включает PSD-файлы для всех скинов (v1.0 – 1.3).

РАСШИРЕННЫЕ НАСТРОЙКИ

  • В дополнительных настройках вы можете изменить тип каждого модуля, который вы установили в своем магазине. Этот модуль не вносит больших изменений, а лишь некоторые небольшие изменения CSS, например, в пробелах или границах. Поскольку у нас есть много типов элементов, мы создали для вас Live Editor, чтобы вы могли видеть изменения в реальном времени.

ДИЗАЙН

  • Неограниченное количество цветов — меняйте цвет каждого элемента в магазине, устанавливайте узоры для фона или загружайте собственное изображение.
  • Более 600 шрифтов Google — выберите любой понравившийся шрифт из галереи Google Webfonts.
  • 67 готовых скинов — все скины включены в тему, и вы можете использовать любой, какой захотите.
  • Тонкий узор – выберите фоновый узор из списка узоров, предоставленного Subtlepatterns.
  • 100+ цветов – меняйте цвета каждого элемента в вашем новом магазине.
  • Эффект наведения — 10 пользовательских эффектов наведения для баннеров на выбор с предварительным просмотром в панели администратора.
  • Значок корзины — загрузите свой собственный значок корзины и наведите курсор на значок

МАКЕТ

  • Пользовательская ширина макета — выберите одну из 2 предустановленных ширины макета или установите свою собственную.
  • Интервал между столбцами – выберите размер интервала по горизонтали между столбцами.
  • Адаптивный — включите/отключите адаптивный макет для вашего магазина.
  • Тип макета для каждого элемента — выберите макет с фиксированной или полной шириной для каждого элемента, например верхней панели, заголовка или слайд-шоу.

КАТЕГОРИЯ

  • Распродажа и новый значок — отображение распродажи и нового значка на изображении продукта с пользовательским текстом или % скидки на продажу.
  • Номер продукта в строке – определите, сколько продуктов должно отображаться в одной строке для модуля по умолчанию.
  • Эффект изображения продукта — выберите эффект для наведения изображения.
  • Быстрый просмотр – включить или отключить опцию быстрого просмотра.
  • Отображение элементов при наведении — выберите, какие кнопки вы хотите видеть при наведении
  • Прокрутка продукта – определите, какие модули по умолчанию следует прокручивать
  • Ленивая загрузка изображений продуктов
  • Вид по умолчанию — выбор между списком и сеткой
  • Уточнить поиск – отключить уточненный поиск или выбрать только текст или текст с изображением. Вы также можете выбрать, сколько подкатегорий должно отображаться в строке, и изменить размер изображения подкатегорий при уточнении поиска.

СТРАНИЦА ПРОДУКТА

  • Автоматическое обновление цены на странице продукта – разные цены для разных цветов или других характеристик? Без проблем
  • Облачный зум — выберите стиль масштабирования на странице продукта. Эта тема обеспечивает масштабирование внутреннего облака, масштабирование облака и режим по умолчанию.
  • Размер изображения продукта – 3 размера изображения: маленькое, среднее, большое.
  • Положение дополнительных изображений – выберите место для отображения дополнительных изображений товара.
  • Поделиться продуктом в социальных сетях – отключить или включить модуль публикации в социальных сетях.
  • Предыдущий/следующий продукт — в навигационной цепочке можно добавить функцию, которая позволит вам одним щелчком мыши перейти к следующему или предыдущему продукту.
  • Стиль кнопок-переключателей и флажков – не нравятся кнопки-переключатели или флажки по умолчанию? Изменение для наших пользовательских кнопок

ЗАГОЛОВОК

  • Автоматическое предложение быстрого поиска – включение или отключение автозаполнения при поиске.
  • Тип заголовка — выберите один из 10 предопределенных типов заголовка.
  • Расширенные заголовки — больше пользовательских заголовков для выбранных скинов.
  • Вертикальное мегаменю — решите, хотите ли вы, чтобы вертикальное мегаменю всегда было включено или отключено в категории или на домашней странице.

ПОЛЬЗОВАТЕЛЬСКИЙ НИЖНИЙ ФОТЕР

  • Контакт – добавьте контактные данные. Вы можете добавить 2 номера телефона, 2 профиля Skype и 2 адреса электронной почты.
  • О нас – добавьте информацию о вашем магазине
  • Facebook – добавьте свою фан-страницу в Facebook. Вы можете установить высоту и количество граней для своего лайкбокса.
  • Twitter – добавьте канал Twitter из своей учетной записи Twitter.
  • Вкладка «Пользовательская» — здесь вы можете добавить то, что хотите.

ТАМОЖЕННЫЕ БЛОКИ

  • Страница контактов – добавьте собственный блок HTML на страницу контактов.
  • Страница продукта – добавьте собственный блок HTML на страницу продукта.

ПОЛЬЗОВАТЕЛЬСКИЙ КОД

  • CSS – добавьте собственный CSS-код в вашу тему из панели администратора.
  • Javascript – добавьте собственный js-код в вашу тему из панели администратора.

ВИДЖЕТЫ

  • Facebook – добавьте свою фан-страницу в Facebook. Вы можете установить высоту и количество граней для своего лайкбокса.
  • Twitter – добавьте канал Twitter из своей учетной записи Twitter.
  • Вкладка «Пользовательская» — здесь вы можете добавить то, что хотите.

ИНДИВИДУАЛЬНЫЕ МОДУЛИ ВКЛЮЧЕНЫ – СЭКОНОМЬТЕ БОЛЕЕ 200 ДОЛЛАРОВ

  • Advanced Grid – создавайте различные сетки с помощью пользовательских шаблонов и расширенной настройки. Вы можете решить, хотите ли вы отображать HTML-контент, ссылки, продукты, информационный бюллетень или что-то еще. Вы также можете загрузить другой модуль как элемент столбца в сетке. Опция загрузки модулей не работает в OpenCart 3.0.
  • Блог – мощный модуль, позволяющий добавлять статьи, категории, управлять авторами и модерировать комментарии.
  • Фоновое изображение хлебных крошек – модуль позволяет загружать собственную фоновую фотографию для хлебных крошек.
  • Слайдер камеры – самый простой модуль слайдера, который есть в нашей теме.
  • Элемент карусели — создайте контент с HTML-контентом и поместите его в карусель.
  • Cookie – настраиваемый раздел с информацией о файлах cookie. Вы можете решить, какой контент или где и как он должен отображаться.
  • Пользовательский модуль — создавайте дополнительный контент из всего, что захотите. Вы можете использовать HTML или установить только текст, изображение, видео или другой медиафайл.
  • FAQ – вопросы и ответы, идеально подходят для страницы часто задаваемых вопросов.
  • Фильтровать товар – модули товаров с прокруткой или вкладками. В наших готовых скинах Filter Product использовался для создания почти всех модулей продукта.
  • Полноэкранный фоновый слайдер – красивый слайдер на заднем плане вашего магазина. Им очень легко пользоваться, потому что он работает точно так же, как слайдер камеры.
  • Уведомление о заголовке – простое уведомление о заголовке с содержимым HTML.
  • MegaMenu – собственное МегаМеню вместо подменю по умолчанию.
  • Popup – красивое всплывающее окно с любым содержимым. Это может быть информационный бюллетень, контактная форма или индивидуальный контент с HTML-контентом.
  • Блоки товаров – дополнительные модули на странице товара. Все дополнительные модули на страницах продуктов в наших готовых скинах были созданы с помощью блоков продуктов.
  • Вопросы о продукте – дополнительные кнопки на странице продукта под кнопкой «ДОБАВИТЬ В КОРЗИНУ».
  • Вкладки товаров – создавайте дополнительные вкладки на странице товара.
  • Revolution Slider – мощный модуль слайдера.

Изучите демо-версию BackEnd

  • Пользователь: демо
  • Пройти: демо

Наша тема готова к использованию MultiStore, и вы можете установить образцы данных для каждого магазина с некоторыми ограничениями. Демонстрационный контент для модулей: «Расширенная сетка» и «Пользовательский модуль» добавлены в список как новый модуль. Демо-контент для другого модуля заменен. Если у вас уже создано «МегаМеню» и вы устанавливаете новый демонстрационный контент для этого модуля, старый будет заменен.

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

  • OpenCart 3.0.3.7 – протестировано: 100% совместимость
  • OpenCart 3.0.3.6 – протестировано: 100% совместимость
  • OpenCart 3.0.3.0 – 3.0.3.3 – протестировано: 100% совместимость – ОБНОВЛЕНО с помощью файлов TWIG
  • OpenCart 3.0.2.x – протестировано: 100% совместимость
  • OpenCart 2.3.x – протестировано: 100% совместимость
Opencart
Версии 2.3, 3.0

Адаптивная галерея с описанием Opencart

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

Особенности и возможности модуля:

  1. Вставка в описание контента: Модуль позволяет вставлять галерею с описанием в описание товаров, категорий, статей и других элементов с использованием шорткода, аналогичного использованию в WordPress.
  2. Адаптивный дизайн: Галерея имеет адаптивный дизайн, который использует сетку Bootstrap. Всплывающие изображения также адаптируются под размер экрана.
  3. Варианты отображения: Пользователь может выбирать между тремя вариантами отображения: Плитка, Карусель, Каменная кладка (Masonry).
  4. Настройка количества колонок: Возможность настройки количества колонок изображений (1, 2, 3, 4, 6 и 12 колонок) для создания желаемого макета.
  5. Анимации при наведении: Пять вариантов анимации при наведении на изображение.
  6. Видео-поддержка: Модуль поддерживает видео с YouTube и Vimeo, отображаемое во всплывающем окне.
  7. Гибкие настройки: Возможность массовой загрузки фотографий, сортировка изображений перетаскиванием, добавление кнопки «Показать еще» для управления объемом контента на странице.
  8. Редактор описания: Описание изображений поддерживает визуальный редактор и форматирование HTML.
  9. Уникальный дизайн для каждого изображения: Каждое изображение может иметь уникальный дизайн описания.
  10. Легкость в использовании: Модуль использует существующий скрипт в OpenCart, что не создает дополнительной нагрузки на код сайта.
  11. Дополнительные настройки: Возможность добавления рамки к фотографиям, вывода заголовка у каждой галереи, добавления атрибутов title и alt к каждому изображению.

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

Адаптивная галерея с описанием Opencart Адаптивная галерея с описанием Opencart Адаптивная галерея с описанием Opencart

Характеристики дополнения
Совместимость 2.0, 2.1, 2.3, 3.0
Локализация русский, украинский, английский
Ocmod да

Адаптивные, содержательные шаблоны Opencart под заказ

Чтобы маркетплейс выглядел стильно, а главная страница привлекала внимание потенциальных клиентов оригинальностью, выразительностью, необходимо приобрести уникальные шаблоны Opencart под заказ. Интернет-магазин с современным дизайном, где присутствуют визуальные эффекты, яркие картинки, анимации и броские названия не останется незамеченным среди покупателей. Увеличенный трафик и повышение уровня продаж будет гарантировано.
Нередко разработка привлекательного, высокоэффективного интернет-магазина стоит значительной суммы. При создании торговой онлайн площадки учитывается каждая мелочь, и потому, чтобы пользователь имел возможность сэкономить, команда вебмастеров предлагает воспользоваться выгодным предложением. Мы создаем уникальный маркетплейс по техническому заданию клиента, но оставляем за собой право продажи. Заказчик, пойдя на незначительную уступку, гарантированно получит скидку до 50% при покупке оригинального шаблона.

Купить шаблоны Opencart под заказ и сэкономить

По заданию покупателя мы создадим адаптивный шаблон интернет-магазина под любые товары. Клиент, воспользовавшись нашим выгодным предложением, сможет на сэкономленные деньги приобрести эффективные модули. Современные разработки частично автоматизируют ручную работу и позволят удобно управлять маркетплейсом. Процесс установки дополнительных расширений не сопряжен с большими трудностями, но при возникновении затруднений служба поддержки всегда окажет помощь.
При создании шаблона учитываются необходимые критерии:
• быстрый старт продаж;
• возможность упрощенного заказа;
• поддержка расширений;
• большое количество гибких настроек;
• автоматизация несложных процессов и многое другое.
Созданный нашими программистами интернет-магазин, бесспорно, привлечет внимание потенциальных потребителей стильным исполнением, удобной системой поиска и оформления покупки.
Чтобы заказать шаблон на Opencart и получить скидку до 50%, клиенту необходимо указать в заявке соответствующее пожелание.

Автор: Opencart | Дата: 03.10.2022

MULTISHOP 3 (v.2.1) — Универсальный адаптивный шаблон для Opencart 3 / OcStore 3

MULTISHOP 3 (v.2.1) - Универсальный адаптивный шаблон для Opencart 3 / OcStore 3

ШаблоныКаталог дополнений
Автор: LordShad0W
Покупок: 22 (Средняя оценка: 0)
Нужна платная помощь с установкой?

Написать автору
Правила и возвраты
Оплатить по счету
Совместимость:
OpenCart 3.* OCStore 3.*

Адаптированный под любые устройства шаблон для интернет-магазина на базе OpenCart 3.
Подходит для версий CMS Opencart 3.0.* / CMS OcStore 3.0.*
Данный шаблон разработан для быстрого старта ваших продаж с красивым и удобным для покупателей дизайном магазина.

  • Красивый дизайн
  • Адаптивная вёрстка шаблона
  • Красивое перелистывание слайдера (Fade).
  • Адрес магазина (по просьбам покупателей) выведен в top-menu (ввод делается из настроек админки, а не через код, как раньше).
  • Телефон и часы работы магазина (по просьбам покупателей) выведены в шапку шаблона (вводятся также из настроек админки, а не через код, как раньше).
  • В макете есть возможность совместить 2 колонки с 1 широкой колонкой на всю страницу (макет низа страницы сделан отдельно одной широкой колонкой).
  • Оперативную поддержку по настройкам шаблона (скайп, email, ВК).
  • Бесплатные обновления, которые выходят на основе ваших замечаний и предложений
  • Подробную документацию по установке (с картинками).
  • Установка и настройка шаблона (как на демо) — Бесплатно.
  • Установка и настройка CMS Opencart «Под ключ» (установка, полная настройка, чистка кода от ссылок, установка доработанных карт сайта Yandex Sitemap Pro и Google Sitemap Pro, обязательная доработка robots.txt) — 1 000 руб. Подробнее. 

v.2.1
Изменения (в сравнении с версией 2.0):
1. Адрес магазина (по просьбам покупателей) выведен в top-menu
(ввод делается из настроек админки, а не через код, как раньше)
2. Телефон и часы работы магазина (по просьбам покупателей) выведены в шапку шаблона
(вводятся также из настроек админки, а не через код, как раньше).
3. В макете есть возможность совместить 2 колонки (левая колонка + верх страницы) с 1 широкой колонкой на всю страницу (низ страницы). т.е. макет «низ страницы» сделан отдельно одной широкой колонкой и не зависит от левой или правой колонок..
4. Сделан красивый переход (fade) в слайдере, вместо стандартного.
5. Исправлены мелкие недочёты.
6. В футер добавлены кнопки соц.сетей от Uptolike.
7. Добавлена поддержка OcStore 3.0.*

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *