Як створити інтернет-магазин

3228

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

Як створити інтернет-магазин

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

Сьогодні ми розглянемо стандартний плагін Product Snapshot, який дозволить нам додавати картки товарів прямо в статті Джумлы, які ви, наприклад, створили для залучення відвідувачів з пошукових систем.

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

Product Snapshot VirtueMart — товари у статтях Joomla

Фотографії, опис і ціну на продукти можна не тільки виводити на сторінках інтернет магазину (в картці товару або їх переліку), але і безпосередньо в статтях, які були написані вами через адмінку Джумлы. Але для цього нам буде потрібно встановити плагін Product Snapshot із стандартного настановного комплекту VirtueMart.

Необхідність додавання продуктів в статті сайту, створеного в Joomla, може виникнути в тому випадку, якщо ви використовуєте досить ефективний спосіб просування і залучення відвідувачів з пошукових видач — написання матеріалів по тематиці вашого інтернет магазину.

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

Але було б здорово прямо в тексті таких тематичних статей пропонувати відвідувачам придбати вашу продукцію, про яку в ньому йдеться. З допомогою Product Snapshot ви зможете це реалізувати і прямо під час написання або редагування матеріалу в адмінці Джумлы вставляти в неї потрібні вам картки товарів, при цьому у вас ще буде можливість досить тонко налаштувати те, що буде відображатися (картинка, ціна, кнопка «Купити» тощо).

Цей плагін (снапшот) ви знайдете в папці plugins» інсталяційного пакета інтернет магазину. Файл буде називатися «vmproductsnapshots.zip». Його встановлення на Joomla здійснюється стандартним способом.

Після цього вам потрібно буде з верхнього меню адмінки вибрати пункти «Розширення» — «Плагіни» і на сторінці, що відкрилася знайти і активувати (клацнути по червоному хрестику) Product Snapshot. Але також ви можете зайти в налаштування, клацнувши по його назві.

Як створити інтернет-магазинЯк створити інтернет-магазин

Для снапшота ви можете зробити наступні налаштування:

  • Show product name — чи показувати у статті назва даного продукту
  • Show product thumbnail — чи показувати його зображення при виведенні в статті
  • Show product short description — відображати короткий опис
  • Show product price — показувати ціну на вироби при виведенні їх з допомогою Snapshot
  • How many to add to cart — яку кількість виробів буде додано до кошика при натисканні користувачем на відповідній кнопці (Купити)
  • Show ‘add to cart’ link — показувати посилання додавання товару в корзину (Купити)
  • Display orientation for product info — вибираєте горизонтальну або вертикальну орієнтацію опису (назви, його зображення, опис, ціни та ін)
  • Display orientation for each product — теж саме, але стосовно до ситуації, коли ви будете вставляти в статті більше одного товару
  • Ці налаштування ви можете зробити базовими, і коли вам потрібно вставити інформацію про продукт до статті Joomla саме в такому базовому вигляді, то досить буде додати в потрібному місці тексту наступний код:

    {product_snapshot:id=10}

    У цьому коді ви тільки вказує ідентифікаційний номер продукту (id=N), який зможете подивитися в адмінці VirtueMart (Як дізнатися ID товару або категорії).

    Але якщо в якому-небудь випадку вам знадобиться змінити налаштування виводу, то вам знадобиться додати в потрібному місці тексту статті більш розширений варіант коду:

    product_snapshot:id=XX,showname=y

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

  • id — ідентифікаційний номери. Якщо треба буде вивести в статті більше одного продукту, то їх ID слід розділяти знаком «|»
  • showname — показувати назву (якщо поставити «y», то назва буде відображатися, а якщо «n», то не буде)
  • showimage — чи показувати у статті зображення виробу. Воно при цьому буде також бути посиланням на повноцінну картку даного товару.
  • showprice — теж саме про ціну
  • showdesc — і про опис
  • showaddtocart — показувати кнопку додавання в корзину
  • displayeach — вибираєте спосіб виведення товару (h — горизонтально, а v — вертикально)
  • displaylist — теж саме, але для відображення їх списку
  • width — ви можете задати ширину блоку з карткою товару, наприклад, у відсотках від усієї ширини області зі статтею
  • border — можна задати ширину рамки таблиці, в якій розміщується інформація з картки
  • style — можна задати вирівнювання і колір тексту для блоку з карткою
  • Ваш код виведення товару в статті Joomla може виглядати, наприклад, так (звертаю вашу увагу, що прогалини в даному випадку не припустимі):

    {product_snapshot:id=22,showname=y,showimage=y,showprice=y,showdesc=y}

    VirtueMart Product Scroller — модуль скроллера товарів

    Модуль VirtueMart Product Scroller входить в стандартний монтажний комплект магазину і знаходиться в папці «modules». Його інсталяційний файл називається mod_productscroller_.zip. Ставиться він точно так само, як і всі інші розширення.

    Після того, як ви його встановіть, вам потрібно буде зайти в менеджер модулів і перейти в налаштування Product Scroller, клацнувши по рядку з його назвою. У лівій області вікна налаштувань знаходяться стандартні для всіх модулів Joomla поля, з яких для вас обов’язковим є тільки його активація (поле «Включений» і галочка у позиції «Так»).

    Як створити інтернет-магазинЯк створити інтернет-магазин

    У лівій області налаштувань модуля VirtueMart Product Scroller зосереджено дуже багато полів:

  • Pre-Text — вступний текст, що передує даному модулю прокрутки продукції
  • Number of Products — кількість товарів, які будуть крутитися в цьому скроллере
  • Featured Products Only — показувати вироби тільки позначені як спецпропозиція. Варіант за замовчуванням (Немає) означає, що будуть відображатися всі продукти, не дивлячись на наявність позначки спеціальні пропозиції.(
  • In which the Order products shall be displayed — тут ви можете обрати, в якому порядку будуть відображати товари (нові, старі або випадкові)
  • Show Product Name — показувати назву виробу при його перегляді у Product Scroller
  • Show Add To Cart Link — показувати поряд посилання додавання в корзину
  • Show Prices — показувати ціну
  • Scroll Height — висота вікна прокрутки модуля
  • Scroll Width — ширина
  • Scroll Behavior — тут ви зможете вибрати з випадаючого списку тип прокрутки карток товару в Product Scroller — вони можуть або плавно прокручуватися (scroll), або пролистываться (slide)
  • Scroll Direction — тут ви можете вибрати напрям прокручування або гортання (вгору, вниз, вліво, вправо)
  • Scroll Amount — вибираєте, скільки ліній буде прокручуватися за раз
  • Scroll Delay — затримка прокручування в мілісекундах (чим менше задасте затримку, тим швидше будуть прокручуватися продукти в даному модулі)

  • Scroll Align — вибираєте тип вирівнювання для списку товарів в скроллере (по лівому або правому краю, по центру або по ширині)
  • Scroll SpaceChar — встановлюєте значок роздільник, який буде використовуватися при прокрутці в горизонтальній площині
  • ну і ще кілька параметрів, призначення яких ви можете дізнатися на практиці
  • Модуль прокрутки товарів може істотно поліпшити зовнішній вигляд вашого інтернет магазину і спонукати відвідувачів перейти на сторінку вироби з цього блоку, ну або навіть одразу зробити покупку. Хоча, напевно, не у всіх випадках він може бути доречний, потрібно дивитися вже по місцю.

    Про інші модулі VirtueMart, що дозволяють поліпшити юзабіліті і поведінкові фактори просування сайту з інтернет магазином (спеціальна пропозиція, випадкові, нові, кращі, модуль «все в одному»), ми поговоримо в продовженні цієї статті з серії Інтернет магазин на Joomla.

    А також раджу подивитися майстер-клас з Вебмастерской Яндекса по темі поліпшення юзабіліті інтернет-магазину:

    Як створити інтернет-магазин«alt=»»>

    Удачі вам! До зустрічей на сторінках блогу