> 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/palo-alto-4.1/sections/product-sections.md).

# Product sections

## Collection list

{% tabs %}
{% tab title="How it works" %}
The 'Collection list' section is here to help you add links to collections you want to highlight on your store pages. This is a quick and easy way to run promotions or let your customers know about new collections.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/xBPNWiFLTFLm5ecFi3dK/collection-list.jpg)
{% endtab %}

{% tab title="Section settings" %}
The 'Collection list' section allows you to add up to 12 collection blocks per section. You can use multiple sections to show more collections.

![You can change the Layout, Text, Button and Colors](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/lY8qP86dvgsoBpCx7Vsf/collection-list-settings.jpg)

### Layout

There are two different layouts for this section: carousel and grid:

![Carousel](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/QDEy74EaA17WZxh2b5ZW/carousel.jpg) ![Grid](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/ybeQ8XYv9oh88HSwhLri/grid.jpg)

There are also controls for the main heading and button text. 
{% endtab %}

{% tab title="Block settings" %}
![Add up to 12 blocks](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/nLFTxfufhUzUuHkQcQoP/block-settings.jpg)
{% endtab %}
{% endtabs %}

## Collection marbles

{% tabs %}
{% tab title="How it works" %}
A stylish new section to help showcase your most recent or most popular collections with small icons.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/pNcWHiHMdwIYGzBawaL4/Collection-marbles.jpg)
{% endtab %}

{% tab title="Section settings" %}
Set the layout, main heading, and sizes for the section.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/dEJ5EpxZ4DagpJEZNZeV/Collection-marbles-section.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}
Choose the collection link and image for each block.

![Add up to 12 blocks](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/m8M3MOgVz2IA2O95NGed/Collection-marbles-settings.jpg)
{% endtab %}
{% endtabs %}

## Featured collection

{% tabs %}
{% tab title="How it works" %}
The 'Featured collection' section allows you to highlight a specific collection of products on your store pages. This section generates blocks with links to each product page.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/TRUzGNpbBE2ZuSzS3vdn/features-collection.jpg)
{% endtab %}

{% tab title="Section settings" %}
From the settings of this section, you can control which collection to display, the number of rows, as well as a handful of other settings.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/7dUcVoJVPqMLfhxg82TJ/features-collection-settings.jpg)
{% endtab %}

{% tab title="Theme Settings" %}
At the bottom of all the section settings, you can find a tab with some more features.

{% hint style="info" %}
Theme Settings is a tab that allows you quick access to the global options. These options may affect areas of your store that you do not see on the current page.
{% endhint %}

A common example here is the 'products per row' option. This option allows you to set the number of products per row but also affects the look of your collection pages.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/Vv4Rv8xMBWNdSqaBMMrG/theme-settings.jpg)
{% endtab %}
{% endtabs %}

## Products list

{% tabs %}
{% tab title="How it works" %}
The 'Products list' section creates a split view of text and images. This section can show products or collections.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/WF5kxxNFEEba2w5EStU6/products-list.jpg)
{% endtab %}

{% tab title="Section settings" %}
![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/E64n018gySCFAoPLvpZl/products-list-settings.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}
Add up to 3 blocks

![Block settings](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/eghYuv1AOQvqHMf8IQ7x/products-list-block-settings.jpg) ![Add Collection or Product](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/h3qy4LRgJSXxdwdeqQRz/theme-blocks.jpg)
{% endtab %}
{% endtabs %}

## Featured product

{% tabs %}
{% tab title="How It works" %}
Use the 'Featured product' section to bring a product gallery and form to your store pages.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/ehH12oPYn9OIjRXWLeMU/featured-product.jpg)
{% endtab %}

{% tab title="Section settings" %}
![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/BYQ2TTuIsrbKJ6XNAmst/featured-product-settings.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}
![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/C1CuCQH6c5FGIhtqA7NL/add-block.jpg)
{% endtab %}

{% tab title="Theme settings" %}
At the bottom of all the section settings, you can find a tab with some more features.

{% hint style="info" %}
Theme Settings is a tab that allows you quick access to the global options. These options may affect areas of your store that you do not see on the current page.
{% endhint %}

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/XkA8rK3etxbalXMXhCiI/featured-product-theme-settings.jpg)
{% endtab %}
{% endtabs %}

## Tab collections

{% tabs %}
{% tab title="How it works" %}
Showcase up to three collections on your store pages.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/7DnpRrryJSfMGBu7Fvw7/tab-collections.jpg)
{% endtab %}

{% tab title="Section settings" %}
Change the width and the heading of this section from the Section settings.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/QNt1KYlMMAE2aOISyHr1/tab-collections-settings.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}
Set the individual block links, images, text, and overlay.

![Add up to 3 blocks](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/eZr7tGJoaW85VdVzkPkH/tab-collections-block-settings.jpg)
{% endtab %}
{% endtabs %}

## Shop the look

{% tabs %}
{% tab title="How it works" %}
'Shop the look' allows you to use images and dots to highlight specific points of your products. Use this section to create a unique way of getting your customer's attention!

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/rAFxKCWzH7urOivwVAcp/shop-the-look.jpg)
{% endtab %}

{% tab title="Section settings" %}
![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/AP52lqPkB8KbIG1hlYPQ/shop-the-look-settings.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}
The individual blocks of this section are images. From their own settings, you can gain access to add different images as well as move the dots to different places.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/aVRsoR4ssY1egz1wKbe0/shop-the-look-block-settings.jpg)
{% endtab %}
{% endtabs %}

## Mosaic

{% tabs %}
{% tab title="How It works" %}
Create a unique view to showcase your products and collections. 

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/JNEoUtiQMibn9zKWwHlL/mosaic.jpg)
{% endtab %}

{% tab title="Section settings" %}
Set the height and text style for the section.

![](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/OTQYHBy0dVAxBLvbpI1w/mosaic-settings.jpg)

{% hint style="success" %}
Add blocks by clicking on the small arrow next to the section then clicking 'Add block'.
{% endhint %}
{% endtab %}

{% tab title="Block settings" %}

### Block settings

Set up the individual block settings.

![Blocks](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/e8QYGEHBiG23cWcN3WEs/blocks.jpg) ![Block Collection](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/NtbtGfg0FAdhIPfIu49v/mosaic-collection.jpg) ![Block Image](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/dc0cqmcyMfu0lVwPWx1N/mosaic-image.jpg) ![Block Product](https://content.gitbook.com/content/6md3yH8BZZEemJndPcTN/blobs/8WwVBedBODWhD92hk8Vg/mosaic-product.jpg)
{% endtab %}
{% endtabs %}