> For the complete documentation index, see [llms.txt](https://palo-alto.presidiocreative.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://palo-alto.presidiocreative.com/products/product-recommendations-section.md).

# 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="/files/7XrIDiZcULHwWvhgIaBP" 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>