Zoey Support Center

Welcome to the brand new Zoey Support developer hub. We've completely revamped our Support Center to make it easier to find comprehensive guides and documentation to help you start working with Zoey as quickly as possible.

Guides    

Manage Assets: CSS, JavaScript, HTML Editor

Recommended For Advanced Users Only

Improper use of this tool can create visual problems in rendering your store.

Go to Edit My Design. Scroll to the theme you want to edit and in the top right click on the gear icon and select Manage Theme Assets.

Use the Settings Icon to find "Manage Theme Assets"

Use the Settings Icon to find "Manage Theme Assets"

Zoey allows you to add custom CSS/Javascript/HTML that will load on every page or just some pages of your website.

This is useful for the following:

  • Advanced Design/CSS styling of a theme
  • Adding HTML, scripts or tracking pixels to all pages
  • Adding 3rd Party Javascript widgets (like pop-ups)
  • Implementing custom design features (for Advanced users & Developers only)
The Manage Asset is the gateway to CSS, FavIcon, HTML, Javascript, Logo and more

The Manage Asset is the gateway to CSS, FavIcon, HTML, Javascript, Logo and more

Tab
Use

CSS

Global (Override) CSS

Javascript

Adding Javascript (note, avoid HTML Script Tags)

HTML Head

For adding scripts or HTML snippets AKA "Head"

HTML Body Start

For adding scripts or HTML snippets AKA "Body"

HTML Body End

For adding scripts or HTML snippets AKA "Footer" or "Foot"

Restrictions / Things to Watch Out For

  • This tool does not give you access to the entire style-sheet for editing, only adding.
  • It does not give you access to PHP or Back-end Variables for use in JS snippets.
  • Zoey natively has jQuery and NoConflict loaded on the front-end. Adding external references to different versions of jQuery will result in critical issues.
  • The Zoey front-end currently still relies on PrototypeJS which uses $. If you are writing custom Javascript that uses jQuery, modify the code to call jQuery directly.
  • Snippets that look like this: <script>...</script> are HTML. Do not paste snippets like this into the Javascript window. Add them to the HTML windows instead.

Manage Assets: CSS, JavaScript, HTML Editor


Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.