How To Add Product Block
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.
Note: 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 Product Block
To install and setup Product Block in our app:
Navigate to Apps > Smind Sections > Product Block then select the block you want to install, click Install then Customize.
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.
How To Add Product Block To Theme
- 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.
- Once you’ve added the section successfully, customize on it.
- After done, please go ahead and copy the Block ID. For example: smi-block-featured-icons-1
- In the Product Detail or Product Information section, click Add Block.
- Under the Apps tab, click Smind Block.
- In the majority of themes, it is Product information section of that template.
- Enter the Block Name you want. For example: Featured Icon
- Paste the block ID which you have copied before. For example: smi-block-featured-icons-1
- Click the block again and start to customize whatever you want
Frequently Asked Questions
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:
- 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.
- 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.
- Open Shopify → Online Store → Themes → Customize.
