# Product Block 3

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 3"**.
{% endhint %}

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FGLW62Hpa3leCJaxwu0fv%2Fscreenshort-109.jpg?alt=media&#x26;token=c32f90d7-2eee-4d40-bc3b-8abea5212e77" 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><tr><td>Image Right</td><td>Select the Image Right.</td><td></td></tr><tr><td>Image Title</td><td>Enter the title for the block.</td><td></td></tr><tr><td>Image Title Color</td><td>Set the color for the title.</td><td></td></tr><tr><td>Image 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>Image 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>Image button</td><td>Set button link, Font Size, Font Weight, Text Transform</td><td></td></tr></tbody></table>

<figure><img src="https://4042727321-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FSkIHgFDpy0SIeYlayaAb%2Fuploads%2FdsQuyXSdmZ0L8PbC86AQ%2Fscreenshort-108.jpg?alt=media&#x26;token=c36b4b6b-7384-4a5a-80f5-38797b22ef1d" alt=""><figcaption></figcaption></figure>
