> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/in-app/library/product-blocks.md).

# Product blocks

## Overview

Product Block is a static block that displays specific product details (e.g., title, price, description). It's used mainly for **informational purposes**, such as product details section.

Please note that Product Blocks are supported exclusively on the **Product Page template**. In the majority of themes, they must be added within the **Product information** section of that template.

## How To Install ?

To install the **Product Block** in our app. You can follow these steps below:

{% embed url="<https://youtu.be/APMnGqkcqXk>" %}

**Step 1**: Navigate to **Apps > Smind Sections** > **Library > Product Block** tab then select the block you want to install, click **Install** then **Customize.**

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

In case you have previously installed a Product Block and would like to customize it, please navigate to **Sales channels > Themes > Customize**, then select the **Product Page**.

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

**Step 2**:  From the Shopify Editor sidebar, click **Add Section** in the **Template** tab. Search for the block you've just installed. For example: **Featured Icon 1-1.**

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

**Step 3** : Once you’ve added the section successfully, please go ahead and copy the **Block ID**. For example: **smi-block-featured-icons-1**

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

**Step 4**: In the **Product Detail** or **Product Information** section, click **Add Block.** Under the **Apps** tab, click **Smind Block.**

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

In the majority of themes, it is **Product information** section of that template.

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

**Step 5**: Enter the Block Name you want. For example: Featured Icon then paste the block ID. For example: **smi-block-featured-icons-1**

<figure><img src="/files/26n54JUINfLq4dOPDiEh" alt=""><figcaption></figcaption></figure>

**Step 6:** Click the block again and start to customize whatever you want

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

## Frequently Asked Questions (FAQs)

### 1. Why can’t I find the Product Block in my Shopify store after installing it?

To make sure your Product Block 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 blocks to work properly inside your theme.

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

2. **Add the Product Block to Your Current Theme**

After installing a Product Block 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="/files/q4G5LEFkrfhoYafmdPK0" alt=""><figcaption></figcaption></figure>

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

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