# General Settings

{% tabs %}
{% tab title="Thumbnails - Bottom" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FTi3IrOWKF0Uu4gwZjCQd%2Ftb1.jpg?alt=media&#x26;token=0e9f1077-cfd9-468e-a625-9c15f7e1d525" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thumbnails - Left" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F7OIrs9EJhSZirCcbccGa%2Ftb2.jpg?alt=media&#x26;token=28bc8fa8-08a0-41bd-a24c-8a5e74fb9afb" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Thumbnails - Right" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2Ff7SpOMumBEqtzvzg9UGp%2Ftb3.jpg?alt=media&#x26;token=c0054021-05af-471b-8e35-8bc99ad0d67c" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="No - Thumbnails" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2Fx0nAs05TeCSgB5mLoOUB%2Ftb4.jpg?alt=media&#x26;token=62848c81-e743-4e0a-8281-aa8afa65098f" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="List - Stacked" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F1q4ddgq7HlCVZHqtevgj%2Ftb5.jpg?alt=media&#x26;token=57d6f384-77e2-42d3-b438-8bf768a81e08" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="List - Grid" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FI9aVY3kyQpmOGs2uh46y%2Ftb6.jpg?alt=media&#x26;token=9b214c86-f717-44e4-9ef5-8dbcaa4a6198" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% tabs %}
{% tab title="Collage - Style 1" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FAJodyRjnPmHeeMkUKcvz%2Ftb7.jpg?alt=media&#x26;token=f7a53720-b69d-43ad-9bf6-7d3a2e3a0890" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Collage - Style 2" %}

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F4BlEvqYayY0m7LzRGV7p%2Ftb8.jpg?alt=media&#x26;token=57afcd95-ea7d-4a9c-b463-b915a212deb2" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="info" %}
In **Product overview** section&#x20;
{% endhint %}

### Layout

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FKiso6yG2hs4QeE8DcJtD%2Ftb9.jpg?alt=media&#x26;token=67e34d31-9fc1-46d7-abc1-58cb7aea3b42" 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&#x20;

### Stock Avaiable

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FfSWfwgHffQNdz0FEQ1FZ%2Ftb10.jpg?alt=media&#x26;token=1913a219-ed31-401d-b345-00ec9b721c7b" alt=""><figcaption></figcaption></figure>

* Show stock when less than 10 products available

### Size guide

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2Fyaa4ZOWS9trKcQ83XaVM%2Ftb11.jpg?alt=media&#x26;token=80851d4b-00ef-44ca-b9d3-ad9aca4b0b40" alt=""><figcaption></figcaption></figure>

* Enable Size Guide
* Title
* Select Page

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2F4h5PhBSjtRvv2cRy925e%2Ftb12.jpg?alt=media&#x26;token=6a86885f-b1df-497a-ad1a-fe7b6316db0b" 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://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FbJcRPTpPqdl0WZC3XVbb%2Ftb13.jpg?alt=media&#x26;token=1853df62-d0f5-4b0d-bde6-fb488daae5f8" alt=""><figcaption></figcaption></figure>

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FLD0gdoYex8SskTgJCO1y%2Ftb14.jpg?alt=media&#x26;token=dc1db335-5803-4118-a475-1e2fc40e7be9" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

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

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FJ5UABybonTNwMemc5lhO%2Ftb15.jpg?alt=media&#x26;token=73fecd26-6207-4acd-b0c5-174ae9124b8f" alt=""><figcaption></figcaption></figure>

### UpSell

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FlEstAafY2tybOXXq2lu9%2Ftb16.jpg?alt=media&#x26;token=21c45cc3-c05f-4654-9462-9bfb0c819eaa" alt=""><figcaption></figcaption></figure>

<figure><img src="https://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FAcoYI8RWOozxvflkei3Y%2Ftb17.jpg?alt=media&#x26;token=ca67b8e9-c1b1-4de8-b791-246b4cd79cde" 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://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FSjS1jl7AvZjoX6dNLwmN%2Ftb18.jpg?alt=media&#x26;token=f60c6fd4-a152-4a33-bd61-34054d36a093" 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://365923156-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcCA9d60eFjMhXEOVX3of%2Fuploads%2FdyRvDeJ0W02Tr5OBmIVY%2Ftb19.jpg?alt=media&#x26;token=51f62e5f-862d-4cba-b9fd-b466ad72defd" alt=""><figcaption></figcaption></figure>

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