> 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/sections/product-detail.md).
# Product Detail
## How To Install ?
1. From our app, click **Library.**
2. In the **Sections** tab, search for the keyword **Product detail.**
3. Select the section you want and click **Install** and **Customize.**
3. From the Shopify Editor sidebar, click **Add Section.**
4. Search for **Product Detail** section
> If you are using our theme, you can skip this step install "Product detail" section.
## How To Use The Size Chart ?
Step 1: [Configuring size chart](/guides/configuring-size-chart.md).
Step 2: Go to the product page and select the correct product for which you just created the size chart.
Step 3: Click **Add Block** and click **Size Chart.**
Then, you will see the size chart displayed in the product details.
{% hint style="info" %}
If you don't select the correct product for which you set up the size chart, it will not be displayed.
{% endhint %}
## How To Use Variants Picker?
Step 1: [Configuring color swatches](/guides/configuring-color-swatches.md).
Step 2: Customize the **Variant Picker** block.
* Color selector type "Color swatch"
* Color selector type "Pill with color swatch"
* Color selector type "Image"
* Color selector type "Dropdown"
* Color selector type "Pills"
## How To Use Complementary Products & Product Bundles ?
{% embed url="" %}
To set up the 'Complementary products' and 'Product bundles' blocks, you can follow the instructions below.
Step 1: Install the "[Search & Discovery](https://apps.shopify.com/search-and-discovery)" app.
Step 2: Choose the correct product name displayed in the product details and select complementary products.
1. From the **Search & Discovery** app, click **Recommendation.**
2. Select the product you want to add the complementary products or product bundles.
3. Click **Browse** to add the products.
4. Add the product you want and click **Add** and **Save** it
5. Click **Add Block** and add **Complementary Products.**
Then, you will see the complementary products displayed in the product details.
6. Click **Add Block** and add **Product Bundles.**
Then, you will see the product bundles displayed in the product details.
{% hint style="info" %}
User can purchase multi-products the same time
{% endhint %}
{% hint style="info" %}
If all items are added to the cart or out of stock, the 'Complementary products' and 'Product bundles' blocks will not display anything.
{% endhint %}
### How To Use Multiple Variant Images ?
{% embed url="" %}