jQuery.ListaDeCompras 4.0.21

jQuery.ListaDeCompras

jQuery plugin of the Lista de Compras platform

NPM - Node Package Manager

Este repositório está disponível no NPM com o nome jquerylistadecompras.

npm i jquerylistadecompras

NuGet - Package Manager for .NET

Este repositório está disponível no NPM com o nome jquery.listadecompras.

dotnet add package jquery.listadecompras

Lista de Compras (Editora Inovação) is a application that allows you create a list of available products selling in Vitrine do Artesanto or Tania Silva store and show it on any website with a link to the cart of the store.

With this plugin you can manage your lists, [TODO] account preferences and get the available products for building new lists.

Lista de Compras platform

Lista de Compras API documentation

Lista de Compras .NET SDK

The plugin working on Programa Arte Brasil:

And in the Canal do Artesanato:

Usage

To simple show a list in your page, creates a simple HTML element and call the plugin:

<div id="showListaDeCompras"></div>

Now call the plugin:

var listaDeCompras = $("#showListaDeCompras").listaDeCompras({
	readKey : "your-read-key",
	listId : 1, //The list ID
	theme: "oliveDrab" //The list theme (availables: red, orange, green, blue, oliveDrab and default)
	});

Options

You can pass options by the constructor or by the options method (see * Methods * above for more info)

** The CSS classes ** can be overrrinding by setting the CSS option with the following object:

Methods

There are a few methods that can be called to operate the plugin programmatically

init: Initializes the plugin

$("#target").listaDeCompras("init");

destroy: Destroys the plugin (the list itself is also removed from the page)

$("#target").listaDeCompras("destroy");

load: Loads a specific list by it's id

$("#target").listaDeCompras("load", 1234); //try to load the list 1234

updateQuantity: Updates the selected quantity for a specified SKU in the list

$("#target").listaDeCompras("updateQuantity", 1, 10); //updates the quantity of SKU 1 to 10 units

addToCart: adds a sku to the cart, this is the same of adding 1 item of the product

$("#target").listaDeCompras("addToCart", new { SalesChannelId: 1000001, Stock: 10, Quantity: 1, Price: 10.9});//You should pass the sales channel id, available quantity, desired quantity and the price of the SKU

clearCart: Removes all products from the cart

$("#target").listaDeCompras("clearCart");

addEventListeners: Add event listeners to the plugin increase & decrease buttons, quantity fields and buy button

$("#target").listaDeCompras("addEventListeners");

getBuyLink: Gets the link to the store cart (with all sku & quantity) selecteds and the SEO params

var link = $("#target").listaDeCompras("getBuyLink");
window.open(link);

getCartTotal: Gets the current cart total

var total = $("#target").listaDeCompras("getCartTotal");
window.alert("Current cart is R$ " + total);

updateCartTotal: Updates the cart total (only if showPrices option is set to true), usefull when you add products or change the quantity of a product via JS

$("#target").listaDeCompras("updateCartTotal");

set: Sets an option after the plugin has been initialized

$("#target").listaDeCompras("set", "optionName", "optionValue");

get: Gets the current value for a option

$("#target").listaDeCompras("get","optionName");

debug: Debugs the current plugin to the console.log

$("#target").listaDeCompras("debug");