# 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>


---

# 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://docs.smind.io/in-app/library/product-blocks.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.
