Шаблон TECHNO для JoomShopping на Uikit3


Шаблон построен на базе технологий используемых во фреймворке Uikit3 от YooTheme
Шаблон TECHNO для JoomShopping на Uikit3
Укажите домен, на который приобретается расширение
(+$ 20.00)
$ 65.00
00
дней
00
:
00
:
00
+165

Бонусная система - Ваш партнёр

Бонус при покупке: $ 1.65
(необходимо зарегистрироваться или войти)

0.0
оценок 0
5 0
4 0
3 0
2 0
1 0

Скриншоты (10)

Задать вопрос



Дополнительная информация

Дата обновления:
16.02.2020
Версия:
1.1
Joomla:
3.9+
JoomShopping:
4.18+
Поддержка:
180 дней
Лицензия:
GPL3

Системные требования

Версия PHP
7.2+

Framework
Uikit3


Описание

Мы создали универсальный шаблон Techno на базе фреймворка UiKit 3 для интернет магазина JoomShopping, который подойдет магазину практически любой тематики (бытовая техника, мобильные телефоны, игрушки, одежда, украшения, еда, инструменты и др.). Это реализовано благодаря наличию собственных опций отображения той или иной информации, которые не были предусмотрены разработчиком интернет магазина JoomShopping, но которые, по нашему мнению, являются необходимыми. Опции позволяют настроить интерфейс вашей электронной торговой площадки, и создать как максимально информативный сайт, так и современный интернет магазин в стиле минимализма, не прибегая к переделке шаблона.

Благодаря тому, что шаблон Techno не имеет собственных визуальных стилей и полностью копирует стилистику вашего сайта (шрифты, цвета блоков, кнопки, формы, размеры отступов и т.д.), это позволяет легко применить его на любом сайте, использующем фреймворк UiKit3* без дополнительных доработок по стилизации. На демонстрационном сайте шаблона вы можете обратить внимание на то, как один и тот же шаблон магазина по-разному отображается в разных категориях в зависимости от настроек JoomShopping и дизайна шаблона Joomla!.

В чем разница Quickstart или шаблон интернет магазина?

* Это может быть шаблон для сайта от студии Yootheme  или бесплатный шаблон Master3, включающий в себя данный фреймворк. Либо вы можете установить Uikit3 отдельно, используя руководство по установке, которое находится в разделе документации, на сайте YooTheme. Также, вы можете купить готовый сайт (интернет магазин), включающим в себя данный шаблон, YooTheme Pro и все необходимые модули, позволяющие мгновенно запустить ваш интернет магазин без дополнительных затрат.

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

Все блоки товаров в списке товаров категории принимают высоту ряда, создавая ровную сетку, и аккуратно визуализируют витрину. Изображения товаров в списке товаров визуально имеют одинаковый размер, независимо от их фактических размеров и соотношения сторон. Фото товаров с неправильным соотношением сторон центрируются и отображаются частично. Маленькие изображения растягиваются, большие сжимаются (без искажений).

Для каждого товара в категории реализовано свое слайдшоу из персональных изображений. Не стоит переживать за объем загружаемых данных и скорость загрузки страницы. Все изображения товаров загружаются только после попадания их в область просмотра или отображения в слайдшоу.

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

Количество товаров в ряду указывается в настройках магазина. Поддерживаются значения от 1 до 6. При изменении размеров области просмотра на экране, количество товаров в ряду меняется автоматически.

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

Под кнопкой купить добавлена позиция модуля product_bottom, куда вы можете размещать информацию об акциях или дополнительные данные о товарах раздела. Также добавлена позиция модуля справа от цены (product_right), где обычно указывают контакты магазина и / или краткие условия оплаты и доставки.

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

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

 Для разделения информации о товаре, описание, характеристики и отзывы отображаются в отдельных вкладках. Также, на панели выведено три дополнительные вкладки для модулей подробного описания оплаты (product_payment), доставки (product_delivery) и контактов (product_contacts). При отсутствии информации в какой-либо вкладке (кроме отзывов, если они включены в настройках магазина), вкладка не отображается.

Для быстрого перехода к нужному блоку информации, вкладки продублированы вверху страницы под названием товара. (Верхние вкладки могут отключаться в опциях шаблона.)

Шаблон использует встроенные возможности фреймоворка Uikit3 и поддерживает отложенную загрузку изображений (до попадания их в область просмотра на экране или отображении при просмотре слайдшоу). Все изображения товаров и категорий, которые выводятся в шаблоне, имеют отложенную загрузку для ускорения загрузки страниц. Об использовании данного функционала для вывода изображений, вставленных вами в описание категорий и товаров, Вы должны позаботиться самостоятельно, при помощи документации к Uikit3.

Учитывая важность объема трафика на смартфонах с мобильным интернетом, и чтобы сократить объемы скачанной информации, шаблон выполняет проверку устройства посетителя. Для мобильных устройств в категории и в товаре выводится среднее изображение (которое по ссылке можно увеличить), для настольных компьютеров и ноутбуков выводится полное фото товара.

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

  • Цена для товара без оптовых цен (скидки от количества).
  • Товар с оптовыми ценами.

В первом случае вывод цены происходит в стандартном варианте — одно значение цены для продукта и при этом поле для ввода количества товара может быть скрыто в настройках шаблона.

Во втором случае отображается поле для ввода количества (с кнопками + / -). Оптовые цены располагаются строчным видом и выводятся в обратном порядке, сначала самая минимальная цена, и дальше по возрастающей (для меньшего количества товара). Это позволяет акцентировать внимание покупателя на более интересном для него предложении цены. Цена для клиента с учетом выбранного количества отображается над кнопкой купить.

Для сообщения отзыва используются стили от компонента comment, настраиваемые в Builder YooTheme Pro. Для отзыва предусмотрен вывод аватарки клиента, если он зарегистрирован на сайте Gravatar и оставит в комментарии тот же адрес электронной почты что и для аккаунта Gravatar.

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

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

Шаблон включает микроразметку, что обеспечивает дополнительное SEO . Она позволяет понимать поисковому роботу, что находится на странице и как ее отображать в результатах поиска. Звезды рейтинга, цена, наличие, изображение товара и все необходимое, отображается в поисковом сниппете благодаря наличию на странице микроразметки.

Для краткого описания страницы (meta description) автоматически дописывается «Купить + [название товара] + [мин. цена] + [главная валюта]».

Вышеперечисленные методы позволяют обеспечить и/или ускорить вывод товаров вашего магазина в ТОП, не прибегая к заказу (довольно дорогих) услуг специалистов по продвижению сайтов. Правильная разметка шаблона позволит вам компенсировать первичные затраты на SEO и сконцентрироваться на создании правильных информативных описаний к товарам.

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

Одной из основных проблем интернет магазинов являются брошенные корзины и незавершенные заказы. Такое бывает по многим причинам, и в основном это недоработки интерфейса страницы заказа, которые делают покупку через корзину не удобной, слишком сложной или сомнительной. В шаблоне реализован дружественный подход к клиенту на всех шагах оформления заказа. Каждый шаг заказа имеет понятные и легкие к восприятию указания, ведущие посетителя к завершению покупки онлайн. Однако мы рекомендуем Вам использовать более правильное и современное решение Оформление заказа на 1 странице (OneStepCheckout PRO).

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

Отзывы и оценки (0)

Не забудьте оценить приобретенное расширение и получить +50


Сопутствующие товары

Условия поставки

Условия поставки расширений для Joomla представленных на данном сайте.

Подробнее...

Политика возврата и обмена

Условия обмена и возврата расширений представленных на данном сайте.

Подробнее...

Лицензионное соглашение

Лицензирование расширений представленных на данном сайте.

Подробнее...