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

40

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

Как сделать корзину на сайте интернет-магазина и увеличить средний чек

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

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

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

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

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

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

Как сделать корзину на сайте интернет-магазина и увеличить средний чек

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

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

Товарів у кошику: шт.

Оформити замовлення

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

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

#header .smalcart {
float: right;
height: 55px;
padding: 10px;
padding-left: 15px;
margin: 10px;
border: 1px solid gray;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: #E6DEEA;
}

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

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

Как сделать корзину на сайте интернет-магазина и увеличить средний чек

Для цього зайдіть в папку application, а потім в models. Після цього створіть файл з назвою cart.php. У нього додаєте наступний зміст:

class Application_Models_Cart
{
function addToCard($id, $count=1)
{
$_SESSION[‘кошик’][$id]=$_SESSION[‘кошик’][$id]+$count;return true;
}
function delFromCart($id, $count=1){}
function clearCart(){}
}

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

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення

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

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

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

В кошик

Тепер посилання буде мати наступний вигляд: http://примерсайта.ru/catalog?in-cart-product-id=1

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

Как сделать корзину на сайте интернет-магазина и увеличить средний чек

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

class Application_Controllers_Catalog extends Lib_BaseController
{
function index()
{
if($_REQUEST[‘in-cart-product-id’])
{
$scart=new Application_Models_Cart;
$cart->addToCart($_REQUEST[‘in-cart-product-id’]);
Lib_SmalCart::getInstance()->setCartData();
header(‘Location: /catalog’);
exit;
}
$model=new Application_Models_Catalog
$items =| $model->>getList();
$this->Items=$Items;
}
}

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

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

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

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

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

Как сделать корзину на сайте интернет-магазина и увеличить средний чек

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

Ну як вам? Матеріал був корисний, і читання пройшло не даремно? Тоді поділіться статтею зі своїми друзями і колегами в соціальних мережах. Бути може, хтось із них не може знайти якісне вирішення цієї проблеми.

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

Інтернет-магазин на OpenCart!

Створити інтернет-магазин на самій популярної CMS OpenCart з нуля!

Приступити до створення