Shopping Cart
The Shopping Cart component renders a fully functional shopping cart. It lets users change product quantities and remove products and finish their checkout. Payments are transferred to the linked PayPal/Stripe account and orders are recorded in Reflow's control panel.
Examples
- Adding a Shopping Cart component to a page: Demo | Source Code
- A fully featured online store, which demonstrates how to connect a Product List with a Product and a Shopping Cart: Demo | Source Code
How to Embed
To embed this component on your website and display a list of products, include the reflow library, and add the following tag somewhere in the <body> of your page:
<div data-reflow-type="shopping-cart"></div>
Supported Attributes
To change the behavior of the shopping cart, you can pass the following data-reflow-xxx attributes.
| Attribute | Possible Values | Description |
|---|---|---|
| data-reflow-type | shopping-cart | Must always be set. |
| data-reflow-success-url | URL | (optional) The URL where the customer will
be redirected after a successful payment. It is a good practice to
redirect the customer to a "Thank You" page explaining what the next steps
are. If not set, defaults to the current page. Examples:
|
| data-reflow-cancel-url | URL | (optional) The URL where the customer will
be redirected after a failed or canceled payment. Normally you would want
to redirect the customer to a page explaining what's happened, with a link
to the cart so they can try purchasing again or contacting you. Examples:
|