# Hot Spots Split

In the theme editor **(Customize) => Section**, Add **Hot Spots Split**

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FjCNoAMhmWDYzcVSWYNDS%2Fhot.png?alt=media&#x26;token=82326d04-cb80-4cc4-8713-78e725324c30" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/AEntdxAgMx8WeTwUdZQg/image.png" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of Container
* Background
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Hot Spots Split** Section **>** Add **Feature Hotspot**
{% endhint %}

![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/GxJdzX3Z4yanUwJw2Dxz/image.png)![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/PMvP5Ooiavl0rDx1GfVT/image.png)

* Column width
* Image
* Image Mobile
* Column same height
* Product 1
  * Select product&#x20;
  * Position Product
  * Horizontal position
  * Vertical position
  * Horizontal position (mobile)
  * Vertical position (mobile)
* Product 2
  * Vertical position (mobile)
  * Horizontal position (mobile)
  * Vertical position
  * Horizontal position
  * Position Product
  * Select product&#x20;
* Product 3
  * Vertical position (mobile)
  * Horizontal position (mobile)
  * Vertical position
  * Horizontal position
  * Position Product
  * Select product