# Side block: Products form collection

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Blogs** from the dropdown window **->** Choose **Default blog**.
4. From the side menu, select **Blog posts**. Click **+ Add block** and select **"Side block: Products form collection"** block, or click the **Search** bar to enter a search term.

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a block heading <br><em><mark style="color:red;">(Leave the field blank to hide the heading)</mark></em></td></tr><tr><td>Collection</td><td>Select a collection to add all its products to the block</td></tr><tr><td>Maximum products to show</td><td>The number of products from the (collection or products) to display. Must be an even number. Minimum: 1. Maximum: 10.</td></tr><tr><td>Number of products per page</td><td>Determines the maximum of products can be shown per page. Can be from 1 to 4, increasing arithmetically of 1.</td></tr></tbody></table>

#### Product card

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Image ratio</td><td><p>Select image ratio from the dropdown menu:</p><ul><li><strong>Adapt to image</strong></li><li><strong>Portrait</strong></li><li><strong>Square</strong></li></ul></td></tr><tr><td>Show color swatch</td><td>Enable/disable checkbox<br><em><mark style="color:red;">(Only shows if option swatch is enabled)</mark></em></td></tr></tbody></table>

#### Block padding

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the block. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the top inner space of the block. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>
