# 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***".


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://truestorefront.gitbook.io/owen-hydrogen-shopify-theme/other-features.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
