Merchi_cart NPM

merchi_cart

Merchi's cart

Installation

npm install merchi_cart

or

yarn add merchi_cart

Usage

context functions:

components: ButtonOpenCart ButtonListWrappedOpenCart MerchiCart MerchiCartModal MerchiShoppingCartModal

context functions: setCartComplete - Resets the cart refetchCart - refetches the cart createCartAndCookie - clears and resets the cart with a new cookie getCartShipmentOptions - refetches the cart shipment options

window functions: addCartItem - takes job json and creates a cart item getCart - fetches the cart getMerchiCartValues - retruns the following: cart cartItemsCount currency subtotalCost taxAmount totalCost isMerchiCartFetching - checks the fetching state of the cart setCartComplete - Resets the cart toggleCartOpen - open close cart modal refetchCart - refetches the cart createCartAndCookie = clears and resets the cart with a new cookie

Props

Name	Type	Default	Description
`cart`	`cartJson Object \|\| undefined`	`"{}"`	`Pass in a cart to init the cart state in the provider`
`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`
`classNameCartTotaListContainer`	`string?`	`"merchi-cart-total-list-container"`	`Class for list conatiner for cart totlas element`
`classNameListItem`	`string?`	`"list-group-item"`	`Class for list item elements`
`classNameListItemCartTotals`	`string?`	`"list-group-item d-flex justify-content-between align-items-center"`	`Class for list item cart totals 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`
`footer`	`ReactElement`	`undefined`	`A customer footer component`
`hideHead`	`boolean`	`false`	`hides the cart head title and close`
`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`
`setIsCartModalOpen`	`(isOpen: boolean) => void?`	`() => console.log('close merchi cart!')`	`a function to open/close cart modal wrapper`
`isCartModalOpen`	`boolean`	`false`	`a boolean value to control the cart modal open/closed`
`productFormClassNames`	`obj`	`{}`	`An object to be passsed to the merchi_product_form`
`showUserTermsAndConditions`	`boolean?`	`true`	`Display the user t&cs for Merchi`
`showCartItemInfo`	`boolean?`	`true`	`Will display the cart item info in the cart items table`
`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`

react merchi component merch merchandise library stripe

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

8 months ago

7 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

8 months ago

8 months ago

8 months ago

8 months ago

9 months ago

9 months ago

8 months ago

9 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

merchi_cart v1.2.8

merchi_cart

Table of Contents

Installation

Usage

Props