Skip to content

Commit

Permalink
Updated reflow project ids
Browse files Browse the repository at this point in the history
  • Loading branch information
danny-mark committed Apr 26, 2024
1 parent f5c4823 commit 08a5c20
Show file tree
Hide file tree
Showing 15 changed files with 344 additions and 135 deletions.
19 changes: 13 additions & 6 deletions v2/add-to-cart/cart.html
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>
53 changes: 38 additions & 15 deletions v2/add-to-cart/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
20 changes: 14 additions & 6 deletions v2/auth-button/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
34 changes: 28 additions & 6 deletions v2/cart/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
23 changes: 16 additions & 7 deletions v2/category-list/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
30 changes: 23 additions & 7 deletions v2/order-status/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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&amp;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&amp;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>
27 changes: 16 additions & 11 deletions v2/product-full/index.html
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>
22 changes: 15 additions & 7 deletions v2/product-search/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Loading

0 comments on commit 08a5c20

Please sign in to comment.