# General Settings

{% tabs %}
{% tab title="Thumbnails - Bottom" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2F0M48P1yxn1bAvIqeYTpp%2Fss_pro_class.png?alt=media&#x26;token=03f86417-a1b3-46c8-aecc-7eccd72b91ab" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thumbnails - Left" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2FfPUNzBPQ8foyEL6KMWhy%2Fss_pro_left.png?alt=media&#x26;token=ef81f0e0-8253-43e9-b4a2-291e8535fab9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thumbnails - Right" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2FkwjwK7E26Sjvq8zvUc5l%2Fss_pro_right.png?alt=media&#x26;token=edf003ca-994a-47bd-9769-d2c14eaf62a4" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="No - Thumbnails" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2Fy7YZpvaZmhP5FhvoFdhi%2Fss_nothtum.png?alt=media&#x26;token=2ca72bab-b051-4893-9c4e-dfbd0be9109d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="List - Stacked" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2F0WYuGAF74Ym7TRq7zYhZ%2Fss_liststack.png?alt=media&#x26;token=d11f9898-d28f-4a5b-8ff5-b6578eeb53ee" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="List - Grid" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2FIcXBcDWpFEtMPefgKUGK%2Fss_listgrid.png?alt=media&#x26;token=a831182b-c69b-404d-aabd-5ee07bc13e7e" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Collage - Style 1" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2Fszy63OK8bIDAhYovECIT%2Fss_colage1%5D.png?alt=media&#x26;token=2ba94619-1e0c-4a0c-8058-e4ef233c8328" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage - Style 2" %}
<figure><img src="https://3949671186-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fou66zlGuL81AP7Hl5Ehv%2Fuploads%2F55R0orCDK5MKwgr9JIlc%2Fss_collage2.png?alt=media&#x26;token=d1680f9d-6ab7-41e4-aa46-2e3ad375657a" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

In **Product overview** section

### Layout

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

* Container > Allow settings width
* Style => 8 Styles
* Media Size => small, normal, lager
* Image ratio => Adapt to image (auto), Portrait, Square
* Enable video looping

### Stock Avaiable

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

Show stock when less than 10 products available

### Size guide

* Enable Size Guide
* Title
* Select Page

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/51yDU7bXjI6rEUcKec8A/image.png" alt=""><figcaption></figcaption></figure>

<details>

<summary>Code for size guide</summary>

```
<meta charset="utf-8" />
<h2 class="ff-heading fs-heading-2-base">Size Guide</h2>
<p>If you need assistance when choosing your size, don't hesitate to <a href="https://ap-lotita.myshopify.com/pages/contact" target="_blank" title="Contact us" rel="noopener noreferrer">contact us</a>. All sizes shown in the Size Charts are approximate. Please shop carefully and refer to our Size Chart to ensure the best fit.</p>
<div class="rte__table-wrapper mt-4" tabindex="0">
<table class="table">
<thead class="thead-light">
<tr>
<th>Our size</th>
<th>Size</th>
<th>Bust</th>
<th>Waist</th>
<th>Hip</th>
</tr>
</thead>
<tbody>
<tr>
<td>XS</td>
<td>6</td>
<td>79 - 81</td>
<td>63 - 66</td>
<td>91 - 94</td>
</tr>
<tr>
<td>S</td>
<td>8</td>
<td>86 - 89</td>
<td>67 - 70</td>
<td>95 - 98</td>
</tr>
<tr>
<td>M</td>
<td>10</td>
<td>89 - 92</td>
<td>71 - 74</td>
<td>99 - 102</td>
</tr>
<tr>
<td>L</td>
<td>12</td>
<td>92 - 95</td>
<td>74 - 77</td>
<td>102 - 105</td>
</tr>
<tr>
<td>XL</td>
<td>14</td>
<td>104 - 107</td>
<td>86 - 89</td>
<td>111 - 114</td>
</tr>
</tbody>
</table>
</div>
<p class="mt-1">* All measurements are in centimeters (cm).</p>
```

</details>

### Crossell&#x20;

{% hint style="success" %}
Only working width mini cart

1. Go to **Theme Settings** > **Cart** > **Disable Cart Drawer**&#x20;
{% endhint %}

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

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

* Work with product handle, separate values by a comma.
* Example: "product-handle-1,product-handle-2,product-handle-3,product-handle-4"
* Set blank to make hidden.
* Please click => Enter product handle here (Crossell column). You can access settings it

<figure><img src="https://content.gitbook.com/content/ou66zlGuL81AP7Hl5Ehv/blobs/1Zt3ioqcdNEqKjy01RJc/image.png" alt=""><figcaption></figcaption></figure>

### UpSell

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

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

* Work with product handle and automatic discount code. Discount codes will automatically apply when your customer checkout.

{% embed url="https://help.shopify.com/en/manual/discounts/discount-types" %}

* Please click access > Enter product handle and promotion text here. You can access settings&#x20;

{% hint style="info" %}
Enter only ONE product handle (Upsell column)
{% endhint %}

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

<details>

<summary>Code HTML promotion</summary>

```
Get 10% Off with Code: <b class="text-primary d-inline-block mx-3">lotita</b>
```

</details>

* Button accept
* Button decline
* Delay time before show popup

### Sticky Cart

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

* Enable
* Background Color
* Color Variant
* Text
* CTA Button Background
* CTA Button Text
* CTA Button Text Hover
