> For the complete documentation index, see [llms.txt](https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/other-features.md).

# Other Features

### 1. Store Locator

Demo: <https://demo.truestorefront.com/store-locator>

<figure><img src="/files/Xlch9OrNlei7DSCJ79CE" alt=""><figcaption></figcaption></figure>

**Step 1:** From root folder of Owen theme, add your google map api key to **theme.config.ts**

<figure><img src="/files/uVUgcjX519J5jzcPK0lI" alt=""><figcaption></figcaption></figure>

**Step 2**: From your Sanity Studio, create a new Pages with slug named "store-locator"

<figure><img src="/files/QIyxN2jWknIGNqlAsafX" alt=""><figcaption></figcaption></figure>

**Step 3**: From "Modules" section, add new module named "Store Locator":

<figure><img src="/files/OAc3znE3kUIPVflthteF" alt=""><figcaption></figcaption></figure>

**Step 4**: From "List Stores" section, add all your stores data:

<figure><img src="/files/AU4PtVG0Ki6IqUnD26HY" alt=""><figcaption></figcaption></figure>

**Step 5**: Add details information for each store items (store name, address, website...):

<figure><img src="/files/v29S7mMvu8PnPQKiWVWP" alt=""><figcaption></figcaption></figure>

*\*Note: You can get "**Latitude**" and "**Longitude**" data from google map. For example:*

<figure><img src="/files/Cm9FsFvd34od3K39GlhE" alt=""><figcaption></figcaption></figure>

### 2. Product Reviews

*\*Note: Please make sure that you have added* [*Shopify Admin API*](https://truestorefront.com/blog/how-to-create-shopify-admin-and-storefront-token-2023) *to env and grant access to write product to use this feature*

To using product reviews feature in Owen Hydrogen theme. Please create 2 product metafields with config like screenshot below:

<figure><img src="/files/8W7qexSnY1CLX8llGc59" alt=""><figcaption></figcaption></figure>

**Please setup Supabase to using custom product review app/function:**

**Step 1:** Create your Supabase account then add new project:

<https://supabase.com/dashboard/sign-up>

<figure><img src="/files/WOyFf69uMjohqb2VaiTJ" alt=""><figcaption></figcaption></figure>

**Step 2:**  Create Supabase database table to store product review data with this format:

<figure><img src="/files/p3LCaMEIiHyTecZ7pMiV" alt=""><figcaption></figcaption></figure>

**Step 3:** Create two Supabase bucket folders to storing product review and order return images:

<figure><img src="/files/7rlr1xlLVPfaUNAGtFFU" alt=""><figcaption></figcaption></figure>

### 3. Subscription Products

We are using the PayWhirl app to implement a subscription feature. You can install this app for your Shopify store here:

<https://apps.shopify.com/paywhirl>

<figure><img src="/files/WVxLcGvYbIri0G2QlqHZ" alt=""><figcaption></figcaption></figure>

From Shopify Admin, go to Apps > PayWhirl then create plan subscriptions under "Plans" tab:

<figure><img src="/files/xuHpLYERjOd6QUO36jEn" alt=""><figcaption></figcaption></figure>

Setting up your plan subscription then click "Edit products":

<figure><img src="/files/VwfGSLqLP1li7fF6QOzH" alt=""><figcaption></figcaption></figure>

From there, you can add all product you want to apply this subscription plan:

<figure><img src="/files/LVQoR0rgQQpyiNqmSNch" alt=""><figcaption></figcaption></figure>

### 4. Stock Notification

We are using [Back in Stock: Restock Alerts](https://apps.shopify.com/back-in-stock) app for back in stock notification feature. Please install this app for your Shopify store:

<https://apps.shopify.com/back-in-stock>

<figure><img src="/files/WCluOtPKe2qJLdo9NCKM" alt=""><figcaption></figcaption></figure>

### 5. You may also like

<figure><img src="/files/AzGnfnBGWiZwv7dfMgFl" alt=""><figcaption></figcaption></figure>

**Step 1**: Create product metafield with config like screenshot below:

<figure><img src="/files/TUu6jjR9Er796tbTtg0Z" alt=""><figcaption></figcaption></figure>

**Step 2**: Edit a product you want to show "You may also like" section in Owen theme then add product items for "also\_like" metafield:

<figure><img src="/files/HTeqO26VDx3YWGLhHS09" alt=""><figcaption></figcaption></figure>

### 6. Product Bundle

Please follow the steps below to using product bundle feature in Owen Hydrogen theme.

<figure><img src="/files/wzlwpKSWInGLNzHLgdjn" alt=""><figcaption></figcaption></figure>

**Step 1**: Create two product metafields with config like screenshot below:

<figure><img src="/files/2ojoVAQIYTJEybc9XtTg" alt=""><figcaption></figcaption></figure>

**Step 2**: Create a ***Buy X get Y*** discount with config bellow:

<figure><img src="/files/ZY3i60p4mutuWKddOVVl" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/yDvrLssHUAccmBHeUH4q" alt=""><figcaption></figcaption></figure>

**Step 3**: Edit product in "***Customer gets***". Ex "*Men's adidas Originals NMD R1 TR Running Shoes*" then add bundle metafield data to match with discount config above. See example below:

<figure><img src="/files/Z7Vs14610UUbJRomU3Ud" alt=""><figcaption></figcaption></figure>

* **Bundle Price**: The price of product in "***Customer gets***" after applied the discount.
* **Bundle Products**: The list product in "***Customer buys***".