Шаблон 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!.

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

Шаблон магазину автоматично підлаштовується під будь-який розмір екрану і перебудовує блоки інформації для комфортного читання і взаємодії з інтерактивними елементами, як на настільних, так і на мобільних пристроях.

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

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

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

Кількість товарів в ряду вказується в налаштуваннях магазину. Підтримуються значення від 1 до 6. При зміні розмірів області перегляду на екрані, кількість товарів в ряду змінюється автоматично.

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

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

При наявності супутніх товарів виводиться слайдер з товарами над докладним описом товару. Таким чином, супутні товари не вислизнуть від очей покупця, і у вас є шанс продати йому більше, ніж він планував купити спочатку.

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

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

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

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

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

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

1. Ціна для товару без оптових цін (знижки від кількості).

2. Товар з оптовими цінами.

У першому випадку виведення ціни відбувається в стандартному варіанті — одне значення ціни для продукту і при цьому поле для введення кількості товару може бути приховано в налаштуваннях шаблону.

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

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

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

У шаблоні використані власні зображення зірок рейтингу, в форматі масштабованої векторної графіки. Це робить їх максимально чіткими при будь-якій роздільній здатності екрану, на будь-якому пристрої і при цьому вони мають мінімальний розмір файлу.

Шаблон включає мікророзмітку, що забезпечує додаткове SEO. Вона дозволяє розуміти пошуковому роботу, що знаходиться на сторінці і як її відображати в результатах пошуку. Зірки рейтингу, ціна, наявність, зображення товару і все необхідне, відображається в пошуковому сніпеті завдяки наявності на сторінці мікророзмітки.

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

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

Корзина в шаблоні Techno для JoomShopping також адаптивна, тому покупець зможе переглянути її вміст в зручному вигляді, як з комп'ютера, так і з мобільного пристрою.

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

Якщо вам необхідна допомога фахівців для установки шаблону на ваш сайт, ми з радістю вам її надамо.

Відгуки та оцінки (0)

Не забудьте оцінити придбане розширення і отримати +50


Схожі Продукти

Умови постачання

Умови постачання розширень для Joomla представлених на даному сайті.

Детальніше...

Умови повернення та обміну

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

Детальніше...

Ліцензійна угода

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

Детальніше...