diff --git a/components/common/Navbar/Navbar.tsx b/components/common/Navbar/Navbar.tsx
index b2a372f66..fcf9f1e10 100644
--- a/components/common/Navbar/Navbar.tsx
+++ b/components/common/Navbar/Navbar.tsx
@@ -25,6 +25,9 @@ const Navbar: FC = () => (
Accessories
+
+
Shoes
+
diff --git a/components/product/ProductCard/ProductCard.module.css b/components/product/ProductCard/ProductCard.module.css
index 1484cfaa4..082b22e56 100644
--- a/components/product/ProductCard/ProductCard.module.css
+++ b/components/product/ProductCard/ProductCard.module.css
@@ -132,5 +132,5 @@
}
.productImage {
- @apply transform transition-transform duration-500 object-cover scale-120;
+ @apply transform transition-transform duration-500 object-cover;
}
diff --git a/framework/bigcommerce/README.md b/framework/bigcommerce/README.md
index 86fbac91d..9792bcdb0 100644
--- a/framework/bigcommerce/README.md
+++ b/framework/bigcommerce/README.md
@@ -329,6 +329,7 @@ const SearchPage = ({ searchString, category, brand, sortStr }) => {
const { data } = useSearch({
search: searchString || '',
categoryId: category?.entityId,
+ categorySlug: category?.slug,
brandId: brand?.entityId,
sort: sortStr || '',
})
diff --git a/framework/shopify/README.md b/framework/shopify/README.md
new file mode 100644
index 000000000..fc6a70ce3
--- /dev/null
+++ b/framework/shopify/README.md
@@ -0,0 +1,260 @@
+## Table of Contents
+
+- [Getting Started](#getting-started)
+ - [Modifications](#modifications)
+ - [Adding item to Cart](#adding-item-to-cart)
+ - [Proceed to Checkout](#proceed-to-checkout)
+- [General Usage](#general-usage)
+ - [CommerceProvider](#commerceprovider)
+ - [useCommerce](#usecommerce)
+- [Hooks](#hooks)
+ - [usePrice](#useprice)
+ - [useAddItem](#useadditem)
+ - [useRemoveItem](#useremoveitem)
+ - [useUpdateItem](#useupdateitem)
+- [APIs](#apis)
+ - [getProduct](#getproduct)
+ - [getAllProducts](#getallproducts)
+ - [getAllCollections](#getallcollections)
+ - [getAllPages](#getallpages)
+
+# Shopify Storefront Data Hooks
+
+Collection of hooks and data fetching functions to integrate Shopify in a React application. Designed to work with [Next.js Commerce](https://demo.vercel.store/).
+
+## Getting Started
+
+1. Install dependencies:
+
+```
+yarn install shopify-buy
+yarn install -D @types/shopify-buy
+```
+
+3. Environment variables need to be set:
+
+```
+SHOPIFY_STORE_DOMAIN=
+SHOPIFY_STOREFRONT_ACCESS_TOKEN=
+NEXT_PUBLIC_SHOPIFY_STORE_DOMAIN=
+NEXT_PUBLIC_SHOPIFY_STOREFRONT_ACCESS_TOKEN=
+```
+
+4. Point the framework to `shopify` by updating `tsconfig.json`:
+
+```
+"@framework/*": ["framework/shopify/*"],
+"@framework": ["framework/shopify"]
+```
+
+### Modifications
+
+These modifications are temporarily until contributions are made to remove them.
+
+#### Adding item to Cart
+
+```js
+// components/product/ProductView/ProductView.tsx
+const ProductView: FC