Як зробити кошик на сайті інтернет-магазину і підвищити середній чек покупця

Як створити сайт »Сайтобудування» Створення інтернет-магазину »Як зробити кошик на сайті інтернет-магазину і збільшити середній чек

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

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

Покрокова інструкція по створенню кошика

Існують різні версії кошиків, однак, ми розглянемо розробку класичного модуля для інтернет-магазинів, створеного на базі PHP. Як правило, його розміщують на видному місці - в шапці сайту в правому верхньому куті. Маленька кошик являє собою своєрідний індикатор, який показує, скільки товарів, і на яку суму ви збираєтеся придбати.

Отже, покрокова інструкція по тому, як створити кошик для інтернет-магазину:

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

В даному випадку використовується вміст масиву $ smal_cart. Він стане доступний в основному шаблоні інтернет-магазину дещо пізніше. Для цього буде потрібно провести ще ряд певних дій.

2. Щоб кошик мала простим і гармонійним видом, додайте в файл style.css наступні стилі:

Після цього вже можете поглянути на візуальні зміни в зовнішньому вигляді інтернет-магазину.

3. Тепер нам з вами потрібно заглибитися в системну структуру кошика. У зв'язку з тим, що модуль кошика не є окремою сторінкою, додатковий контролер під неї можна не створювати. Зовнішній вигляд вже відображений в шаблоні, тому розробку views не робимо. Обмежимося лише опрацюванням параметра model.

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

Інформація про товари в кошику буде міститися в масиві $ _SESSION. Він являє собою асоціативний масив, в якому ключами є ID продукції, а значенням - кількість товарів, доданих до кошика. Стратегія мінімалізму дозволить спростити процес передачі інформації в cookies.

Таким чином, ми отримали готову базу Application_Models_Cart. Тепер необхідно її активувати.

4. Перед цим давайте ще внесемо зміни в атрибут href для більш правильної роботи модуля:

При натисканні на це посилання система mvc перенаправить керівництво в розділ application / controllers / catalog.php. У свою чергу, тут ми теж внесемо невеликі поправки.

5. Вставте цей код для потрібного нам сценарію:

В принципі, на цьому можна зупинитися. Основа нашого модуля кошика для інтернет-магазину готова. Єдине що - давайте ще окремо загострити увагу на рядку Lib_SmalCart :: getInstance () -> setCartData (), яка була вказана в представленому вище коді. Слабо розбираються в ООП люди явно не зрозуміють, в чому полягає її основна роль в загальній структурі, тому давайте розберемо кожен окремий шматочок коду:

Lib_SmalCart - дозволяє створити модуль класу SmalCart, який розташований в розділі lib.

getInstance () - за допомогою цієї команди відбувається виклик кожної окремої функції. Основне її завдання - відсіяти повторні спроби освіти примірника того ж класу.

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

Щоб мати більш чітке уявлення щодо роботи кошика, знову відкрийте файл в розділі lib під назвою smalcart.php. Після виконаних раніше операцій всі основні точки дотику стануть вже більш зрозумілі і логічні. Варто відзначити, що, якщо cookies будуть відключені, тоді механізм працювати належним чином не зможе. Пов'язано це з тим, що передача ідентифікатора сесії здійснюється якраз-таки завдяки цим cookies.

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

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі