> For the complete documentation index, see [llms.txt](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://templatescoder.gitbook.io/pizzon-shopify-theme-documentation/all-sections-in-theme/product-block.md).

# Product Block

To add this section, please follow below steps:

{% hint style="success" %}
**Steps:**

1. From your Shopify admin, go to **Online Store -> Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose **"Product Block"**.
   {% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FdrCyazG8aPbYQ3Nq6tGZ%2Fscreenshort-105.jpg?alt=media&amp;token=74787770-d42f-497d-848a-e5520274f971" alt=""><figcaption></figcaption></figure>

#### **1. Section Feature**

<table><thead><tr><th>Setting</th><th>Description</th><th data-hidden></th></tr></thead><tbody><tr><td>Layout</td><td>Select the layout width of the whole section. The options are: Default (same as the body width), Full Width (the 100% of the viewport width).</td><td></td></tr><tr><td>Spacing Top / Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the section from its top and bottom sections on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Sub Title</td><td>Enter the Sub title for the section.</td><td></td></tr><tr><td>Sub Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the Sub title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Select Font Type</td><td>Select the Font Type to be either Font Family #1 or #2. These two font families are specified in the Theme settings > Typography.</td><td></td></tr><tr><td>Sub Title Font Weight</td><td>Select the font weight of the subtitle to be either Normal, Medium, Semi Bold, Bold, Bolder or Black.</td><td></td></tr><tr><td>Sub Title text transform</td><td>Select the text transform of the subtitle to be either uppercase, lowercase, capitalize, none.</td><td></td></tr><tr><td>Sub Title Letter Spacing</td><td>Enter the letter spacing for the title.</td><td></td></tr><tr><td>Sub Title Color</td><td>Set the color for the subtitle.</td><td></td></tr><tr><td>Sub Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title</td><td>Enter the title for the block.</td><td></td></tr><tr><td>Title Color</td><td>Set the color for the title.</td><td></td></tr><tr><td>Title Font Size on Desktop, Tablet, Mobile</td><td>Determine the font size of the title on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Title Spacing Bottom on Desktop, Tablet, Mobile</td><td>Determine the spacing of the title from bottom on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>View All</td><td>Set View All button link, icon, Font Size, Font Weight, Text Transform, Alignment, Alignment Mobile</td><td></td></tr><tr><td>Maximum Products To Show</td><td>Select the Maximum Products To Show.</td><td></td></tr><tr><td>Products Per Row on Desktop, Tablet, Mobile</td><td>Select the column count for the grid on Desktop, Tablet and Mobile separately.</td><td></td></tr><tr><td>Show Dots On Desktop</td><td>Toggle the paginating dots on Desktop.</td><td></td></tr><tr><td>Show Dots On Mobile / Tablet</td><td>Toggle the paginating dots on Tablet and Mobile.</td><td></td></tr><tr><td>Show Arrows On Mobile / Tablet</td><td>Toggle the navigation arrows on Mobile.</td><td></td></tr><tr><td>Products Per Row on Desktop, Tablet, Mobile</td><td>Select the slides to view count on Desktop, Tablet and Mobile separately.</td><td></td></tr></tbody></table>