Select an application

Once a developer has built an OSF application and deployed it to the Commerce server environment, designers and other business users can work with it on the Design page in the administration interface.

Before you can work with the design assets in a deployed application, you must select the application on the Design page.

1. Log into Commerce and click the Design icon in the left pane. In the top-right corner of the Design page, you should see a dropdown menu where you can select a deployed OSF application.

   If the dropdown menu does not appear on the Design page, then no OSF applications have been deployed to the Commerce server you are logged into. See Deploy the application for information about deploying applications to a Commerce server.

2. Select an OSF application from the dropdown menu.

   You can now use the Design page tabs to view and work with the widgets, containers, and layouts that are part of the application you selected.

You will notice that the Design page looks different when an OSF application is loaded than it does when you work with classic design assets. Some tools and tabs you are used to seeing are not available because they cannot be used with OSF applications. For example:

• The Theme tab is not available for OSF applications because the design elements controlled by themes in classic storefront are controlled by CSS styling in OSF applications. (See Build a Widget for an example of creating styles CSS files in a local workspace.)
• On a widget’s details page, the Extend JavaScript, Go to Widget Code, and Download Source buttons are not available. This is because OSF widget code is created and edited in a developer’s workspace. See Create Custom Widgets for more information.