> ## Documentation Index
> Fetch the complete documentation index at: https://product-comparison-docs.geticonicapps.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Adding the Storefront Blocks

> Add the specification table and comparison table blocks to your product template.

## **Add the storefront blocks**

You add two separate blocks in your product template: one for the specification table and one for the comparison table. They are styled independently, which is intentional so you can place them where they fit your layout.

1. In Shopify admin, go to **Online Store**, then **Themes**, then **Customize**.

2. Open a **Product** template.

3. Add a section block if needed, then click **Add block**.

4. Under **Apps**, add **Specification table** where you want product specifications to appear.

5. Add **Comparison table** where you want the comparison grid to appear.

6. Save.

<Tip>
  You can start with both blocks on the same product template and adjust placement later.
</Tip>