# Product recommendations section

The **Product recommendations** section allows you to showcase personalized or dynamic product suggestions, enhancing product discovery and encouraging conversions. This section supports two block types:

* **Related products** - dynamically suggested using Shopify’s product recommendation engine.
* **Recently viewed products** - products previously viewed by the customer during their session.

<figure><img src="https://891064830-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz8oqtXqtdhOM4CxRzekr%2Fuploads%2FUA0lRZX0FIIOj77GWlSA%2Fproduct-recommendations.jpg?alt=media&#x26;token=235edce8-2bca-47f2-a7d5-9ed5ce249d0d" alt=""><figcaption></figcaption></figure>

<table><thead><tr><th width="226.62152099609375">Settings</th><th width="138.453125" align="center">Type</th><th>Description</th></tr></thead><tbody><tr><td><strong>Layout</strong></td><td align="center"></td><td></td></tr><tr><td>Enable tabs</td><td align="center"><code>checkbox</code></td><td>Display blocks as tabs instead of stacked vertically.</td></tr><tr><td>Layout</td><td align="center"><code>select</code></td><td>Choose between a <code>Grid</code> or <code>Carousel</code> layout for product display.</td></tr><tr><td>Products per row on mobile</td><td align="center"><code>select</code></td><td>Set how many products appear per row on mobile: <code>1</code> or <code>2</code>.</td></tr><tr><td>Tab heading style</td><td align="center"><code>select</code></td><td>Typography style for tab headings: <code>Heading</code>, <code>Body</code>, or <code>Accent</code>.</td></tr><tr><td>Tab heading size</td><td align="center"><code>range</code></td><td>Controls the size of tab headings in percent.</td></tr><tr><td><strong>Colors</strong></td><td align="center"></td><td></td></tr><tr><td>Color scheme</td><td align="center"><code>color_scheme</code></td><td>Applies a predefined theme color scheme to the section.</td></tr><tr><td><strong>Section spacing</strong></td><td align="center"></td><td></td></tr><tr><td>Width</td><td align="center"><code>select</code></td><td>Choose between <code>Full width padded</code> or <code>Page width</code> layout.</td></tr><tr><td>Padding top</td><td align="center"><code>range</code></td><td>Space above the section.</td></tr><tr><td>Padding bottom</td><td align="center"><code>range</code></td><td>Space below the section.</td></tr></tbody></table>