> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/bonnita-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/bonnita-documentation/theme-settings/custom-js.md).

# Custom JS

JS (Javascript) is a scripting or programming language that allows you to implement complex features on web pages.

We attached a JS file in Bonnita source so that you can customize the site by yourself.

**Step 1:  Enable the Custom JS file:**

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Theme Settings ->** scroll down to the bottom -> **Custom JS.**

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2FcdSfxmZPbW3NbOCm6Dnq%2F7.gif?alt=media\&token=4b1be6cb-99fb-434a-a290-7f91bdff20ff)

**Step 2:  Edit the Custom JS file:**

1. From your Shopify admin, go to **Themes** **->** **Actions** **->** **Edit Code.**
2. Find folder **Assets->** Open file **custom.js**

![](https://3875480980-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8KVBTL14Wsr30Mq5W8PK%2Fuploads%2Fl7Keg125GpDTnthnhcn6%2F8.gif?alt=media\&token=256caa8d-b768-46fb-9433-3105b0e1e3da)