> For the complete documentation index, see [llms.txt](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://utd-bv.gitbook.io/manual-shopify-theme-ultra/ultra-sections/sections-and-snippets/products-thumbnails.md).

# Products thumbnails

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/WVYbJpQ103W3Q9S9TofY/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-21%20%D0%B2%2013.56.29.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/ihHhGgWlxN3UbKV6BAW4/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-21%20%D0%B2%2013.57.20.png" alt=""><figcaption></figcaption></figure>

## **Adding a section**

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/JaeIzutH59nuVqqcnsiq/products-thumbnails1.png" alt=""><figcaption></figcaption></figure>

In order to add a section, you need to go to **`Customizer`** → **`Add Section`** → **`Products thumbnails`**.

## Section settings

### General

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/xeeUOmewS15PJRg6qHRf/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-04%20%D0%B2%2015.00.47.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - section heading;

### Layout

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/EV92rk3lwY2BSn185sHs/Untitled.png" alt=""><figcaption></figcaption></figure>

1. **`Container width`** - a container width of the section. If the “Inherit” value is selected then the container width is based on the group 'Layout' settings in the Theme settings;
2. **`Desktop offset top`** - **top** indent of the section on the **desktop**;
3. **`Desktop offset bottom`** - **bottom** indent of the section on the **desktop**;
4. **`Mobile offset top`** - **top** indent of the section on the **mobile**;
5. **`Mobile offset bottom`** - **bottom** indent of the section on the **mobile**.

## **Block settings**

### Block Tab

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/g7YDbYMsAW1xsZHwSf3K/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-04%20%D0%B2%2015.01.44.png" alt=""><figcaption></figcaption></figure>

1. **`Heading`** - the setting is responsible for the tab’s button text;
2. **`Products`** - the setting is responsible for products in the tab. Limit: 4 products.
3. **`Button label`** - allows you to set the text for the button below the products

<figure><img src="https://content.gitbook.com/content/wp6wpeVynqvtz0WMVrUT/blobs/t55vQLNVOz2usz8ICPJQ/%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202024-03-21%20%D0%B2%2013.58.20.png" alt=""><figcaption></figcaption></figure>

4\. **`Button link`** - allows you to set a URL for the button;