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


Шаблон побудований на базі технологій використаних у фреймворку Uikit3 від YooTheme
Шаблон BALOU для JoomShopping на Uikit3
Вкажіть домен, на який купується розширення
(+$ 20.00)
+165

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

Бонус при покупці: $ 1.65
(необхідно зареєструватись або увійти)

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

Скріншоти (5)

Задати питання



Додаткова інформація

Дата оновления:
17.01.2020
Версія:
1.0
Joomla:
3.9+
JoomShopping:
4.18+
Підтримка:
180 днів
Ліцензия:
GPL3

Системні вимоги

Версия PHP
7.2+

Framework
Uikit3


Описання

Шаблон BALOU для JoomShopping
На базі фреймворку Uikit 3

Все что вам нужно, чтобы получить красивый интернет-магазин — это данный шаблон магазина и установленный фреймворк Uikit3. Это может быть шаблон для сайта от студии Yootheme или бесплатный шаблон Master3, включающий в себя данный фреймворк. Либо вы можете установить Uikit3 отдельно, использовав руководство по установке в документации на сайте YooTheme.

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

Особливості шаблону Balou для JoomShopping, що він не потребує стилізації під ваш сайт. Він використовує стилі шаблону сайту на Uikit3, що дозволяє його інтегрувати без додаткових дій з адаптації інтерфейсу магазину до інтерфейсу всього сайту. Крім стилізації елементів магазину в шаблоні присутня безліч додаткових можливостей, відмінних від стандартного шаблону JoomShopping.

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

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

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

Під назвою товару зроблені чотири вкладки: опис, оплата, доставка, контакти.

У вкладці опис виводиться короткий опис товару і його характеристики. Описи характеристик виводяться у спливаючих підказках.

В інших вкладках виводяться позиції модулів з наступними назвами:

  • Оплата: product_payment;
  • Доставка: product_delivery;
  • Контакти: product_contacts.

Якщо в якійсь із позицій немає опублікованих модулів, то вкладка для цієї позиції не відображається.

Нижче знаходяться атрибути, стилізовані під список характеристик, що при відображенні вкладки Опис створює єдиний блок характеристик з атрибутами.

Під атрибутами створена ще одна позиція модуля з назвою product_sizes. У демо версії шаблону в цій позиції виведений html модуль c кнопкою на відкриття таблиці розмірів взуття. Ви ж можете використовувати дану позицію на свій розсуд.

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

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

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

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

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

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

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

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

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

Форма для написання відгуку виводиться у спливаючому вікні (форма введення не займає місця на сторінці), а самі відгуки мають звичний вигляд повідомлень в месенджерах. Для відгука використовуються стилі від компонента comment, які налаштовуються у Builter YooTheme Pro.

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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