# Templates

## How To Install Template?

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F7dwKofE9MZpGQpITBonc%2FHow%20to%20install%20templates%2011.mp4?alt=media&token=66fa7bd7-67f5-4ef9-9e77-40bc6660fd83>" %}

1. From our app, click **Library**
2. In the **Templates** tab,  select the category of templates.
3. Click **Install** the template you like.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F2ynP5tSvvlrYZUry4a0i%2FTemplate%201.jpg?alt=media&#x26;token=82ecf7ea-71a6-4d07-88e6-770840d5b243" alt=""><figcaption></figcaption></figure>

### Option 1: Create a New Page

{% hint style="danger" %}
This feature is available for the following template types: '**Landing page'**,  '**About us**', '**Contact us**', '**FAQs**'.
{% endhint %}

1. In the **Template Name** field, enter a name for the template.
2. Click **Create Page** to add a new page.
3. In the **Page Title** field, enter a title for the page. Be descriptive and clear when choosing your page title.

{% hint style="danger" %}
If you don't want to create a new page, just enter the **Template Name** and click **Install**&#x20;
{% endhint %}

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FjRiwOPqAa7hds9CK0qrA%2FTemplate%202.jpg?alt=media&#x26;token=901d3084-5131-437a-ab9f-e225eae9d114" alt=""><figcaption></figcaption></figure>

4. Click **Content Editor** to start with the theme editor.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FfPiQWAbRUzIv0grye1TW%2FTemplate%203.jpg?alt=media&#x26;token=53b623bf-0ba2-40bc-9c4d-c28e4d362285" alt=""><figcaption></figcaption></figure>

### Option 2: Set as a Home Page

{% hint style="danger" %}
This feature is only available for template type "**Landing page**" and "**Home Page**"
{% endhint %}

1. In the **Template Name** field, enter a name for the template.
2. Click **As a Home Page** to set the page as a homepage.
3. Click **Install.**

{% hint style="danger" %}
After the installation, the homepage will have the same layout as the template you just set as the homepage.
{% endhint %}

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F7DzOFX0GAr0ZSo3it11G%2FTemplate%204.jpg?alt=media&#x26;token=5d44a068-b5e2-4e0c-af7b-2ed85042b768" alt=""><figcaption></figcaption></figure>

### Option 3: Create a New Template

{% hint style="danger" %}
This feature is used for the following template types: '**Product page',  'Collection page', 'Home page', 'Blogs page'** and **'Blog posts page'**.
{% endhint %}

1. In the **Template Name** field, enter a name for the template.
2. Click **Install.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FReNC1sn0xpvZ9ifVnB6R%2FTemplate%205.jpg?alt=media&#x26;token=8254741c-80f7-4195-8540-5ea4e9437953" alt=""><figcaption></figcaption></figure>

## Assign Smind Template to Specific Product

{% hint style="danger" %}

* This feature only use for template types: **Product Page**, **Collection Page**.
* For the products you assign, they will have the same template as the product you set.
* This feature also works with **Collection Page**
  {% endhint %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FuXrcrmClthCyMVUNN5Lp%2FHow%20to%20assign%20product%20to%20a%20new%20template.mp4?alt=media&token=1662d479-a49f-470e-af50-fb546f5386e9>" %}

1. From our app, click **My Library.**
2. In the **Templates** tab, click **Product.**
3. From the **Product** tab, select the template you want to assign to product.
4. Click **...** > **Assign.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FqBmP3vMnoW2kZVdxWEua%2FTemplate%206.jpg?alt=media&#x26;token=13dd3483-dd0a-4946-bc3b-22c58ab5d565" alt=""><figcaption></figcaption></figure>

5. Click **Add Product.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FAzRbSbHI8J3UyvlC59x0%2FTemplate%207.jpg?alt=media&#x26;token=a7ccf231-1092-47c7-84aa-fa3c5d783e68" alt=""><figcaption></figcaption></figure>

6. Select the product.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F9n52gqBXc5QzD2lWWNbB%2FTemplate%208.jpg?alt=media&#x26;token=47de7987-47f8-41a6-9239-a52a1bf69552" alt=""><figcaption></figcaption></figure>

7. Click **Save.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Feax1FzQSJCL0vO7X5aZf%2FTemplate%209.jpg?alt=media&#x26;token=2162430a-9cbf-4131-9985-c36c990674da" alt=""><figcaption></figcaption></figure>

### Assign Template to Product Of Collection

Continue the instructions from Step 4 onward after the Assign step.

Step 5: Choose **Apply to Collections** then click **Add Collection**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FMIq6Sig5AQkO2nz1ztEP%2Fimage.png?alt=media&#x26;token=23165dba-6a11-4294-8c2e-0dd32c2ac2d8" alt=""><figcaption></figcaption></figure>

Step 6: Select the Collection

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FTguiUHgrtgDI6HP4Y4F4%2Fimage.png?alt=media&#x26;token=1aa9848c-39b5-47a6-a20a-c6aaac33d20b" alt=""><figcaption></figcaption></figure>

Step 7: Click Save

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fnh0dhiOj88A8leZu2w3x%2Fimage.png?alt=media&#x26;token=491832c0-6b14-4137-a00a-3e2c1e4ef378" alt=""><figcaption></figcaption></figure>

Notice "**Assigned template successfully**!" mean you have apply this template to all product belong to this collection successfully&#x20;

## How To Set a New Template As a Default?

1. From our app, click **My Library.**
2. In the **Templates** tab, click **Blogs.**
3. From the **Blogs** tab, select the template you want to set it as a default.
4. Click **...** > **Set as default.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FeDDw5X60atKRQ74C9dD3%2FTemplate%2010.jpg?alt=media&#x26;token=b1110bfa-a49b-4039-a453-8f6ddb7a9e2a" alt=""><figcaption></figcaption></figure>

## Frequently Asked Questions (FAQs)

### Q: Why can’t I find the templates in my Shopify store after installing it?

To make sure your templates appears correctly, check these two things:

1. **Activate SMI Theme Helper**

Go to your Shopify **Theme Settings** → **App embeds** and make sure **SMI Theme Helper** is turned ON. This helper enables the app to work properly inside your theme.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fo9x47j7GgKnYbqNVkuUf%2FFAQs%20(1).jpg?alt=media&#x26;token=5d19f8d9-f74b-4c8c-ac49-5d493a1dfc20" alt=""><figcaption></figcaption></figure>

2. **Add the Templates to Your Current Theme**

After installing a Template from the Smind Library, you still need to add it manually to your **current theme’s template.**

* From **Settings** in Smind Sections app, scroll down to choose a theme to work on, you need to make sure that this theme is your current theme.

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F9CJ4uWmQcWVvL3tLneK2%2FFAQ%20Product%20Block%20(2).jpg?alt=media&#x26;token=5f8a8c68-16c1-466b-ad4a-366bb3ad0974" alt=""><figcaption></figcaption></figure>

* Open Shopify → **Online Store → Themes → Customize.**

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2Fn7sXID9MzVMR8yjimz6g%2FFAQ%20Product%20Block%20(1)%20(1).jpg?alt=media&#x26;token=19399140-0c2a-409c-ab67-e2e035493f36" alt=""><figcaption></figcaption></figure>
