jQuery.ListaDeCompras
1.0.1
See the version list below for details.
dotnet add package jQuery.ListaDeCompras --version 1.0.1
NuGet\Install-Package jQuery.ListaDeCompras -Version 1.0.1
<PackageReference Include="jQuery.ListaDeCompras" Version="1.0.1" />
paket add jQuery.ListaDeCompras --version 1.0.1
#r "nuget: jQuery.ListaDeCompras, 1.0.1"
// Install jQuery.ListaDeCompras as a Cake Addin
#addin nuget:?package=jQuery.ListaDeCompras&version=1.0.1
// Install jQuery.ListaDeCompras as a Cake Tool
#tool nuget:?package=jQuery.ListaDeCompras&version=1.0.1
jQuery.ListaDeCompras
jQuery plugin of the Lista de Compras platform
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 API documentation
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)
Option | Description | Default value | Values |
---|---|---|---|
useProduction | Sets the platform environment | true | boolean:true|false |
readKey | The platform API key | null | string:your api key |
type | The display type (use table or ul/li elements) | table | string:table|list |
showPrices | Flag to show products prices or not | true | boolean:true|false |
listLoadSuccesfullyCallback | A callback function to trigger when the lists load succesfully | null | function |
listLoadErrorCallback | A callback function to trigger when cannot load the list (error | list dosen't exists) | null | function |
debug | A flag to enable or disable debugging | false | boolean:true|false |
maxProducts | Limit the maximum number of products displayed in the list | -1 | integer: -1 show all | N shows N |
theme | The plugin CSS theme | default | string: red, orange, blue, green, oliveDrab, default |
customCampaign | The utm_campaign string for the buy link | null | string |
headerText | The plugin header text | null | string |
css | This option allows you set custom CSS classes for some items of the plugin | ** default plugin classes ** | object: see table below |
** The CSS classes ** can be overrrinding by setting the CSS option with the following object:
Property | Description | Default value |
---|---|---|
itemQuantity | The item quantity field | quantity |
itemQuantityPlus | The item quantity increase button | plus |
itemQuantityLess | The item quantity decrease button | less |
itemAvailability | The item availability class to enable|disable the quantity field & buttons | availability |
itemAvailabilityIcon | The item availability icon | stockIcon |
buyButton | The buy button | buy |
cartTotal | The cart total descriptor | amount |
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");
Learn more about Target Frameworks and .NET Standard.
-
- jQuery (>= 3.2.1)
NuGet packages
This package is not used by any NuGet packages.
GitHub repositories
This package is not used by any popular GitHub repositories.
Version | Downloads | Last updated |
---|---|---|
4.0.24 | 78 | 4/22/2024 |
4.0.23 | 145 | 3/21/2024 |
4.0.22 | 165 | 2/14/2024 |
4.0.21 | 221 | 1/2/2024 |
4.0.20 | 244 | 11/5/2023 |
4.0.19 | 247 | 10/22/2023 |
4.0.18 | 215 | 10/22/2023 |
4.0.17 | 201 | 9/17/2023 |
4.0.16 | 117 | 7/19/2023 |
4.0.13 | 131 | 6/26/2023 |
4.0.12 | 140 | 6/5/2023 |
4.0.11 | 140 | 5/8/2023 |
4.0.10 | 126 | 5/8/2023 |
4.0.9 | 129 | 5/4/2023 |
4.0.8 | 143 | 4/11/2023 |
4.0.7 | 167 | 4/11/2023 |
4.0.6 | 131 | 4/11/2023 |
4.0.5 | 151 | 4/11/2023 |
4.0.4 | 173 | 4/11/2023 |
4.0.3 | 173 | 4/11/2023 |
4.0.2 | 161 | 4/4/2023 |
4.0.1 | 178 | 4/3/2023 |
4.0.0 | 202 | 3/27/2023 |
3.0.11 | 222 | 3/2/2023 |
3.0.10 | 223 | 1/30/2023 |
3.0.8 | 250 | 1/30/2023 |
3.0.7 | 256 | 1/30/2023 |
1.0.1 | 1,162 | 10/2/2017 |