-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f5c4823
commit 08a5c20
Showing
15 changed files
with
344 additions
and
135 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,25 +1,32 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
|
||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Shopping Cart</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
|
||
<ul class="nav shadow-sm d-flex justify-content-center"> | ||
<li class="nav-item"><a class="nav-link active" href="index.html">Products</a></li> | ||
<li class="nav-item"> | ||
<a class="nav-link active" href="index.html">Products</a> | ||
</li> | ||
<li class="nav-item"><a class="nav-link active text-black">Cart</a></li> | ||
</ul> | ||
|
||
<div class="container pt-5"> | ||
<div data-reflow-type="shopping-cart"></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,41 +2,64 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Add to Cart Examples</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<ul class="nav shadow-sm d-flex justify-content-center"> | ||
<li class="nav-item"><a class="nav-link active text-black">Products</a></li> | ||
<li class="nav-item"> | ||
<a class="nav-link active text-black">Products</a> | ||
</li> | ||
<li class="nav-item"><a class="nav-link" href="cart.html">Cart</a></li> | ||
</ul> | ||
<div class="container pt-5"> | ||
|
||
<h1>Add to Cart Examples</h1> | ||
|
||
<hr class="my-4"> | ||
<hr class="my-4" /> | ||
|
||
<p>Full example with quantities and variants.</p> | ||
<div data-reflow-type="add-to-cart" data-reflow-product="458412058" data-reflow-shoppingcart-url="./cart.html"></div> | ||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="458412058" | ||
data-reflow-shoppingcart-url="./cart.html" | ||
></div> | ||
|
||
<hr class="my-4"> | ||
<hr class="my-4" /> | ||
|
||
<p>Button, quantity and custom text.</p> | ||
<div data-reflow-type="add-to-cart" data-reflow-product="277093884" data-reflow-show="button, quantity" | ||
data-reflow-addtocart-text="Add Product 2" data-reflow-shoppingcart-url="./cart.html"></div> | ||
|
||
<hr class="my-4"> | ||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="277093884" | ||
data-reflow-show="button, quantity" | ||
data-reflow-addtocart-text="Add Product 2" | ||
data-reflow-shoppingcart-url="./cart.html" | ||
></div> | ||
|
||
<p>Button only, without a shopping cart url. Won't display a "See Cart" button in the notification.</p> | ||
<hr class="my-4" /> | ||
|
||
<div data-reflow-type="add-to-cart" data-reflow-product="13156819" data-reflow-show="button" | ||
data-reflow-addtocart-text="Add Product 3"></div> | ||
<p> | ||
Button only, without a shopping cart url. Won't display a "See Cart" | ||
button in the notification. | ||
</p> | ||
|
||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="13156819" | ||
data-reflow-show="button" | ||
data-reflow-addtocart-text="Add Product 3" | ||
></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,19 +2,27 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Auth Button</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<div class="container pt-5"> | ||
|
||
<div data-reflow-type="auth-button" data-reflow-user-page-url="./user-settings.html"></div> | ||
|
||
<div | ||
data-reflow-type="auth-button" | ||
data-reflow-user-page-url="./user-settings.html" | ||
></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,23 +2,45 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Shopping Cart</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<div class="hstack gap-1 p-3 justify-content-center shadow-sm"> | ||
<div data-reflow-type="add-to-cart" data-reflow-product="108661429" data-reflow-show="button" data-reflow-addtocart-text="Add Product 1"></div> | ||
<div data-reflow-type="add-to-cart" data-reflow-product="277093884" data-reflow-show="button" data-reflow-addtocart-text="Add Product 2"></div> | ||
<div data-reflow-type="add-to-cart" data-reflow-product="13156819" data-reflow-show="button" data-reflow-addtocart-text="Add Product 3"></div> | ||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="108661429" | ||
data-reflow-show="button" | ||
data-reflow-addtocart-text="Add Product 1" | ||
></div> | ||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="277093884" | ||
data-reflow-show="button" | ||
data-reflow-addtocart-text="Add Product 2" | ||
></div> | ||
<div | ||
data-reflow-type="add-to-cart" | ||
data-reflow-product="13156819" | ||
data-reflow-show="button" | ||
data-reflow-addtocart-text="Add Product 3" | ||
></div> | ||
</div> | ||
|
||
<div class="container pt-5"> | ||
<div data-reflow-type="shopping-cart"></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,25 +2,34 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>All Categories</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<div class="container pt-5"> | ||
|
||
<h3 class="mb-4">Categories (unstyled)</h3> | ||
<div data-reflow-type="category-list"></div> | ||
|
||
<hr class="my-5"> | ||
<hr class="my-5" /> | ||
|
||
<h3 class="mb-4">Categories (horizontal-bar)</h3> | ||
<div data-reflow-type="category-list" data-reflow-layout="horizontal-bar" data-reflow-category-link="https://example.com/?category={id}"></div> | ||
|
||
<div | ||
data-reflow-type="category-list" | ||
data-reflow-layout="horizontal-bar" | ||
data-reflow-category-link="https://example.com/?category={id}" | ||
></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,20 +2,36 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Order Status</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<div class="alert alert-primary text-center" role="alert"> | ||
<span | ||
><strong>Tip: </strong>add | ||
<a href="?order_id=testing&secure_hash=testing" | ||
>?order_id=testing&secure_hash=testing</a | ||
> | ||
to see example data.</span | ||
> | ||
</div> | ||
|
||
<div class="alert alert-primary text-center" role="alert"><span><strong>Tip: </strong>add <a href="?order_id=testing&secure_hash=testing">?order_id=testing&secure_hash=testing</a> to see example data.</span></div> | ||
|
||
<div class="container pt-5 d-flex flex-column justify-content-center align-items-center"> | ||
<div data-reflow-type="order-status"></div> | ||
<div | ||
class="container pt-5 d-flex flex-column justify-content-center align-items-center" | ||
> | ||
<div data-reflow-type="order-status"></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,20 +1,25 @@ | ||
<!DOCTYPE html> | ||
<html> | ||
|
||
<head> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Reflow Example</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
</head> | ||
|
||
<body> | ||
<body> | ||
<div class="container pt-5"> | ||
<div data-reflow-type="product" data-reflow-product="13156819"></div> | ||
<div data-reflow-type="product" data-reflow-product="13156819"></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
</body> | ||
|
||
</html> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -2,23 +2,31 @@ | |
<html> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
<title>Product Search</title> | ||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" /> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/litera/bootstrap.min.css" | ||
/> | ||
<link href="https://cdn.reflowhq.com/v2/toolkit.min.css" rel="stylesheet" /> | ||
</head> | ||
|
||
<body> | ||
<div class="container pt-5"> | ||
|
||
<div data-reflow-type="product-search"></div> | ||
|
||
<hr class="my-5"> | ||
|
||
<div data-reflow-type="product-list" data-reflow-show="image, name, excerpt, price, pagination"></div> | ||
<hr class="my-5" /> | ||
|
||
<div | ||
data-reflow-type="product-list" | ||
data-reflow-show="image, name, excerpt, price, pagination" | ||
></div> | ||
</div> | ||
|
||
<script src="https://cdn.reflowhq.com/v2/toolkit.min.js" data-reflow-store="267418190" defer></script> | ||
<script | ||
src="https://cdn.reflowhq.com/v2/toolkit.min.js" | ||
data-reflow-project="267418190" | ||
defer | ||
></script> | ||
</body> | ||
</html> |
Oops, something went wrong.