SimpleCart es un sistema para e-commerce muy sencillo íntegramente desarrollado en javascript. Permite realizar ventas mediante PayPal o Google Checkout y es muy extensible para implementar otros sistemas.
En este domingo de procrastinación, decidí integrarlo a SPIP [1]. Lo usaré, espero que pronto, para vender los productos del taller de serígrafía de Mazamorra.
Cómo funciona
Se instala como un plugin común y se configura mediante el plugin CFG. Por ahora sólo soporta PayPal como medio de pago, pero incluiré otros.
SimpleCart usa simples señaladores html, que yo he convertido en balizas.
| Baliza | Descripción |
|---|---|
| #SIMPLECART_QUANTITY | Indica la cantidad de productos |
| #SIMPLECART_ITEMS | Muestra los items en el carrito según las cabeceras definidas en la página de configuración |
| #SIMPLECART_TAX_RATE | Indica la tasa impositiva indicada en la configuración |
| #SIMPLECART_TAX_COST | Indica el total de impuestos |
| #SIMPLECART_SHIPPING_COST | Indica el costo de envío en función de la configuración definida |
| #SIMPLECART_TOTAL | La suma del precio de los productos en el carrito (Subtotal) |
| #SIMPLECART_FINAL_TOTAL | Total considerando impuestos y envío |
| #SIMPLECART_CHECKOUT | Genera el botón para finalizar compra (redirige al sistema de pago) |
| #SIMPLECART_EMPTY | Genera el botón para vaciar el carrito |
Con estas balizas puedes armar el carrito en cualquier lado. Los datos del carritos son persistentes usando cookies (incluso se conservan durante un tiempo aunque se abandone la página).
Por ejemplo, este puede ser tu carrito .
- <h3><:simplecart:your_cart:> (#SIMPLECART_QUANTITY items)</h3>
- #SIMPLECART_ITEMS
- <div id="cartTotal">
- <strong><:simplecart:subtotal:>:</strong> #SIMPLECART_TOTAL<br />
- <strong><:simplecart:tax_cost:></strong> (#SIMPLECART_TAX_RATE): #SIMPLECART_TAX_COST <br />
- <strong><:simplecart:shipping_cost:>: </strong> #SIMPLECART_SHIPPING_COST <br />
- <strong><:simplecart:final_total:>: #SIMPLECART_FINAL_TOTAL</strong> <br />
- </div>
- #SIMPLECART_CHECKOUT
- #SIMPLECART_EMPTY
- <div class="simpleCart_clear" />
Cómo agregar productos
Muy simple. Se sube una imágen como documento definiendo su título y descripción y se la incrusta con el modelo item. El precio se indica con el parámetro price.
Por ejemplo, el documento 111 se vuelve un item si se lo incluye así
<item111|price=23.4>
Un atajo más
El código para el carrito de arriba lo incluí como un modelo para poder incrustarlo directamente desde la redacción de un artículo con <cart1> .
Demostración
Si alguien completa la transacción, lo interpretaré como una donación :D.
DVD demo 1Linda peli $ 23.4 Agregar al carrito local/cache-vignettes/L71xH100/the-incredibles-92309.png |
Wolwerine DVDDescripción de ejemplo $ 15.4 Agregar al carrito local/cache-vignettes/L71xH100/wolverine-3p3852-162d4.png |
Tu carrito ( items)
Impuestos ():
Costo de envío:
Total:
Descarga
El plugin está en desarrollo sobre spip-zone. Podés hacer un ckeckout SVN
