Корзина с SimpleCart

Во многих веб-сайтов, особенно те, и, конечно, электронной коммерции, но и другие, вы можете купить продукцию непосредственно в Интернете.
Эта статья покажет вам, как можно сделать простой корзины с использованием библиотеки SimpleCart (JS) .
Эта библиотека с открытым исходным кодом и использует Javascript только и не требует для запуска любых серверных языка, ни базы данных, для хранения выбранных товаров в корзине лежит исключительно на печенье.

Использование библиотеки очень просто и очень мало параметров и правильной разметки HTML вы можете получить хорошую виртуальную корзину покупок. Библиотека также предлагает встроенную поддержку для двух из наиболее важных способов оплаты с помощью кредитной карты, такие как PayPal и Google Checkout . Среди различных функций, SimpleCart позволяет настроить валюте (евро, доллар и т.д.), НДС (налог ставки) и судоходство.

Конфигурация

Теперь давайте посмотрим, как мы можем развивать нашу корзину.
Во-первых, мы должны включить библиотеку SimpleCart в нашей веб-странице:

 



 <script type="text/javascript" src="simpleCart.js"> </ SCRIPT>

 

Затем положим наши параметры конфигурации, такие как:

 <script type="text/javascript">







 simpleCart.checkoutTo = C / / способ оплаты







 simpleCart.email = "tuaemail@tuosito.it" / / PayPal электронной почте









 simpleCart.currency = EUR / / валюта использовать







 simpleCart.taxRate = 0,20; / / налоги







 simpleCart.shippingFlatRate = 10,00; / / расходы по доставке









 simpleCart.cartHeaders = ["Имя", "Размер", "Цена", "уменьшение", "Количество", "увеличить", "удалить", "Всего"];







 </ Script>

Параметры видели выше позволяют настроить корзину, чтобы соответствовать нашим потребностям.

Первый параметр, который мы включили это способ оплаты: PayPal, положим, хотя в действительности не было необходимости, потому что это по умолчанию. Кроме того, вы также можете выбрать PayPal, Google Checkout, но в данном случае не ожидается, а, скорее, включение адреса электронной почты вашей учетной записи идентификатора:

 simpleCart.checkoutTo = GoogleCheckout;







 simpleCart.merchantId = "111111111111111";

Тем не менее переход, например, положить использовать евро в качестве валюты и 20% налога (чтобы символизировать текущий НДС в нашей стране).
Еще один параметр набора расходы по доставке в этом отношении SimpleCart могут отличаться между 3 типами расходы по доставке:

 simpleCart.shippingFlatRate = 10,00; / / количество за весь заказ







 simpleCart.shippingQuantityRate = 3,00; / / количество для каждого продукта







 simpleCart.shippingTotalRate = 0,05, / / ​​Сумма В процентах от общей стоимости

Последний параметр, включенных в нашу выборку кода, однако, cartHeaders, или массив, который позволяет настраивать список тележка (продукты, выбранные пользователем, общая стоимость и т.д.).
В нашем примере мы выбрали для показа название, размер, цена, количество и т.п..

• <<
• 1
• 2
• 3
• 4
• >>