merchi_cart v0.1.3
merchi_cart
Merchi's cart
Table of Contents
Installation
npm install merchi_cart
or
yarn add merchi_cart
Usage
functions: doAddCartItem(jobJson, onSuccess, onError) - Takes Merchi job entity as json, creates a cart item and appends the cart item to the cart. doCartComplete - Resets the cart doToggleCartOpen - Toggles the MerchiCartModal components getMerchiCart - returns the cart getMerchiCartValues - retruns the following: cart cartItemsCount currency subtotalCost taxAmount totalCost isMerchiCartFetching - checks the fetching state of the cart
components: ButtonOpenCart ButtonListWrappedOpenCart MerchiCart MerchiCartModal MerchiShoppingCartModal
Props
Name | Type | Default | Description |
---|---|---|---|
classNameAlertError | string? | "alert alert-danger" | Class for alert error |
classNameAlertInfo | string? | "alert alert-info" | Class for alert info |
classNameAlertSuccess | string? | "alert alert-success" | Class for alert success |
classNameAlertWarning | string? | "alert alert-warning" | Class for alert warning |
classNameBtn | string? | "btn" | Base class for button elements |
classNameBtnBack | string? | "btn-lg btn-default pull-left" | Class for back button |
classNameBtnCartClear | string? | "btn-lg btn-danger mr-auto" | Class for clear cart button |
classNameBtnClose | string? | "btn-close" | Class for close button element |
classNameBtnDanger | string? | "btn btn-md btn-danger" | Class for button danger element |
classNameBtnDownloadInvoice | string? | "btn btn-lg btn-primary" | Class for button download element |
classNameBtnLink | string? | "btn-md btn-link" | Class for link button elements |
classNameBtnNext | string? | "btn-lg btn-primary" | Class for next button |
classNameBtnNextComplete | string? | "btn-lg btn-success" | Class for next button completed |
classNameBtnPay | string? | "btn-lg btn-primary width-full" | Class for pay button completed |
classNameBtnPrimary | string? | "btn btn-md btn-primary" | Class for edit cart item button |
classNameBtnEditCartItem | string? | "btn btn-md btn-primary ml-auto" | Class for primary button completed |
classNameCartBody | string? | "merchi-cart-body" | Class for cart body container |
classNameCartFooter | string? | "merchi-cart-footer" | Class for cart footer container |
classNameCartFormGroup | string? | "form-group merchi-form-group" | Class for form group element |
classNameCartFormGroupButton | string? | "merchi-form-group-button" | Class for form group button |
classNameCartFormGroupCheckbox | string? | "form-check" | Class for form group checkbox |
classNameCartFormInput | string? | "form-control" | Class for form input |
classNameCartFormLabelCheckbox | string? | "" | Class for form input checkbpx label |
classNameCartFormCheckbox | string? | "form-check-input" | Class for form input checkbpx |
classNameCartHeader | string? | "merchi-cart-header" | Class for cart header container |
classNameCartInputError | string? | "text-danger" | Class for form error |
classNameCartNav | string? | "nav merchi-nav-tabs merchi-nav merchi-nav-fill merchi-nav-pills" | Class for cart nav |
classNameNoItems | string? | "merchi-no-cart-items" | Class for no items in cart |
classNameCartGoogleSuggestList | string? | "list-group m-b-0" | Class for google suggest list |
classNameCartGoogleSuggestListItem | string? | "list-group-item cursor-pointer" | Class for google suggest list item |
classNameCartItemFeatureImage | string? | "img-rounded m-10" | Class for cart item feature image |
classNameCartItemInfo | string? | "text-muted font-weight-normal font-italic" | Class for cart item info element |
classNameCartItemInfoCell | string? | "border-0 align-middle" | Class for cart item cell |
classNameCartItemInfoCellRight | string? | "border-0 align-middle text-right" | Class for cart item cell right align |
classNameCartItemInfoContainer | string? | "ml-3 d-inline-block align-middle" | Class for cart item info container |
classNameCartRow | string? | "merchi-row" | Class for row element |
classNameCartRowColumn | string? | "merchi-column" | Class for row column element |
classNameTableContainer | string? | "table-responsive" | Class for cart table container |
classNameCartTab | string? | "merchi-tab-content" | Class for cart tab container |
classNameCartTabItem | string? | "nav-item merchi-nav-item" | Class for cart tab item |
classNameCartTabItemLink | string? | "merchi-nav-link" | Class for cart tab item link | |
classNameCartTitle | string? | "merchi-cart-title" | Class for cart Title container |
classNameCartTotalContainer | string? | "merchi-cart-total-container" | Class for totals container elements |
classNameCartToggleIconButton | string? | "cart-icon-button-class" | Class for toggle modal button |
classNameCartTotalItem | string? | "merchi-cart-total-item" | Class for totals item elements |
classNameCartTotalItemPrice | string? | "merchi-cart-total-item-price" | Class for totals item price elements |
classNameClearCartContainer | string? | "merchi-cart-clear-container" | Class cart clear container |
classNameClearCartText | string? | "merchi-cart-clear-text" | Class cart clear text container |
classNameListClientInfo | string? | "merchi-cart-client-info-list" | Class for client info list |
classNameListContainer | string? | "pb-2" | Class for list conatiner element |
classNameListItem | string? | "list-group-item" | Class for list item elements |
classNameList | string? | "list-group" | Class for list elements |
classNameListInline | string? | "list-inline" | Class for list inline elements |
classNameListUnstyles | string? | "list-unstyled" | Class for list unstyled elements |
classNameLoadingTemplate | string? | "merchi-loading-template" | Class for loading elements |
classNameLoadingTemplateContainer | string? | "merchi-loading-template-container" | Class for loading container elements |
classNameShipmentOption | string? | "merchi-shipment-option" | Class for shipment option element |
classNameTable | string? | "table" | Class for table elements |
classNameVariationsList | string? | "list-unstyled list-inline" | Class for variation info |
customSuccessMessage | string? | undefined | A message to display on payment success |
domainId | number | undefined | The merchi domain/store id for the cart |
includeTheme | boolean? | false | If true will fetch and apply the store theme to the page |
initialiseCart | boolean? | true | If true will initial fetch cart and set cart function on window |
onClickClose | () => void? | () => console.log('close merchi cart!') | a function to close the cart |
productFormClassNames | obj | {} | An object to be passsed to the merchi_product_form |
showUserTermsAndConditions | boolean? | true | Display the user t&cs for Merchi |
apiUrl | string? | 'https://api.merchi.co/v6/' | URL to connect to the Merchi API |
urlFrontend | string? | 'https://merchi.co/' | URL to redirect users to a frontend |
urlTrackingPage | string? | undefined | URL used on the thankyou page for tracking |
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago