Manage pages and site assets using Develop mode

Last updated on 16 May 2021 | Also applies to Bridge SDK Business Catalyst

Note:

Adobe will stop hosting existing sites on Business Catalyst on June 18^th, 2019. Adobe encourages customers to download their data and migrate to other systems well before June 18^th, 2019. For detailed how-to information and assistance, see the Business Catalyst FAQ.

The Business Catalyst Develop functionality allows you to create and manage pages, templates, CSS, and JavaScript files in a code editor with Syntax highlighting. You can also manage site assets such as images and FLA files.

To access the Business Catalyst develop screen, log in to the admin of your site and select the Develop tab.

Managing pages and files

You can create and edit pages, templates, CSS, and JavaScript files using the Develop tool.

Do one of the following:
- To create a page or file, click the new file icon from the menu found in the bottom of the left panel.
- To edit an existing page or file, double-click a page from the tree view on the left panel.
By default, new pages are automatically set with a .html extension. Enter a filename, leaving the .html extension for pages or replacing the extension with .css or .js for other file types.

Example: page.html
Add or edit the content of the page or file in the editor panel on the right side.

Note:

By default, new pages created in Develop mode do not have a template applied. To set a template, see Setting page properties
Click Save draft or Publish at the bottom of the editor.
You can preview your changes by selecting the Preview link in the upper left of the editor.

Uploading site assets

You can easily upload site assets such as images, video, and FLA files using the develop tool.

Click the upload icon from the menu found in the bottom of the left panel.
Browse and select the file from your computer.

You can select multiple files in one operation by holding Ctrl on Windows or Command on Mac.
Click Open.

Note:

All .html or .htm files uploaded using Develop mode are treated as regular Pages by Business Catalyst. If you do not want these files to be publicly visible, ensure that you manually set their visibility to hidden in the Page Properties menu. See Setting page properties.

Setting page properties

For pages with a .html or .htm extension, you can adjust the page properties in Develop mode.

Open the page in editing mode by clicking the page in the tree view.
Click Properties button on the upper left of the editor.
From the properties screen, you can manage the below options:
- Basic properties
- SEO Metadata
- Visibility
- Collaboration
See tool tips next to the options for details.
Click Save Properties.