Custom Code

Older theme versions prior to v4.0.0 will only have the Code option.

You can use this component to add and display any external apps or your custom design, like for example code, tools, plugins, apps, etc.

By clicking on the component name you will find general options to customize it, which will determine how the section will look and behave. The available options for this component are the following:

Code

Within this field you can add the code you want to be displayed in the store.

Note: This field does not support the use of liquid tags.

---

Width

Allows to define the maximum width that the component will stretch to the browser window.

You can read more about how this option will affect the component on this page.

---

Appearance

This group contains the following options to customize the component:

• Top margin: allows to control the upper margin of the section.
• Bottom margin: allows to control the lower margin of the section.
• Content colors: allows to choose the Color Pack for the component.

---

Animations

The Customize options allows to adjust the animations for this specific component. You can read which ones are available in this page.