> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/ella-7-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/ella-7-documentation/product-page/customization-option.md).

# Customization option

Allows customers to personalize products by selecting options or adding custom details before purchase.

<figure><img src="/files/nfRs7rmLnn3EWhTwJ6nQ" alt=""><figcaption></figcaption></figure>

### **How to enable** Customization optio&#x6E;**?**

1. From your Shopify admin, go to **Online Store** -> **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window.
4. In the **Templates -> Add Product information ->** **Add section Details ->** choose **Customization option**

<img src="/files/aBC3GROZXNz5IJOSl5ir" alt="" data-size="original">

## Customization Option Settings <a href="#user-content-customization-option-settings" id="user-content-customization-option-settings"></a>

### Layout <a href="#user-content-layout" id="user-content-layout"></a>

| Label | Type    | Description                                                                                                          | Visibility     |
| ----- | ------- | -------------------------------------------------------------------------------------------------------------------- | -------------- |
| Gap   | `range` | Adjust the vertical spacing (in pixels) between the customization input fields (e.g., text fields and file uploads). | Always visible |

### Padding <a href="#user-content-padding" id="user-content-padding"></a>

| Label  | Type    | Description                                                              | Visibility     |
| ------ | ------- | ------------------------------------------------------------------------ | -------------- |
| Top    | `range` | Set the internal spacing at the top of the customization section.        | Always visible |
| Bottom | `range` | Set the internal spacing at the bottom of the customization section.     | Always visible |
| Left   | `range` | Set the internal spacing on the left side of the customization section.  | Always visible |
| Right  | `range` | Set the internal spacing on the right side of the customization section. | Always visible |