Кошик для landing page
Скрип кошика виявився досить простий у використанні і налаштуванні. При необхідності, можна швидко переробити і вже працює Лендінгем.
Кошик для Лендінгем Пейдж
Отже, в першу чергу підключаємо jQuery, а нижче скрипт кошика. Я роблю це, як зазвичай, перед закривається тегом body:
Далі, необхідно зробити деякі налаштування і форматувати скрипт. Я зроблю це нижче, під підключенням скрипта кошика, але ви можете винести його і в окремий файл.
Тепер давайте розмістимо саму кнопку кошика, в якій буде показана картинка і кількість доданих товарів:
Останнє я додав самостійно. Тепер потрібно розмітити кнопку в картці товару, яка буде додавати товар в корзину. У мене картка виглядає так:
Як ви могли помітити, у посилання є "говорять" data-атрибути. Дані цих data-атрибутів і потрапляють в корзину. Таки чином:
- data-name - назва товару / послуги
- data-price - ціна
- data-quantity - кількість
Ось, власне, і все. Досить просто і швидко, в разі необхідності, можна оформити свій Лендінгем в стилі інтернет-магазину і додати йому кошик. До речі, скрипт локалізована на український, український і англійську мову. А якими інструментами для створення кошика на Лендінгем Пейдж користуєтеся ви?
Це цікаво:
- SEO просування landing page | З чого почати
- Перевірка landing page на унікальність і валідність
- Як закрити зовнішні посилання від індексації
