# Product

Displays a specific product with its image, title, price, and a quick add-to-cart option if supported.

<figure><img src="https://2636770384-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsD7BEEDU3B7WiEJlN0F7%2Fuploads%2Fh39NWuWiOxQUt6EnXkqE%2FUntitled%20image%20(6).png?alt=media&#x26;token=04dd235a-7fa9-4e71-9b6f-e418b83d3855" alt="Design of two product blocks side by side"><figcaption></figcaption></figure>

{% hint style="warning" %}
You can only choose two blocks to be shown at a time.
{% endhint %}

<table><thead><tr><th width="130.11114501953125">Settings</th><th width="110.22222900390625" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td>Product</td><td align="center"><code>product</code></td><td>Selects a featured product to display.</td></tr><tr><td><strong>Typography</strong></td><td align="center"></td><td></td></tr><tr><td>Subheading</td><td align="center"><code>text</code></td><td>Optional subtitle.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Background</td><td align="center"><code>color</code></td><td>Background color override.</td></tr><tr><td>Text</td><td align="center"><code>color</code></td><td>Text color override.</td></tr></tbody></table>