Getting Started

Prev | Next

Let's go!

First you need to copy an existing theme. Doing this will give you all the files you need to start your customizations.

Follow these steps:

1. Go into Admin Panel. If you're a designer and need external Admin Panel access, sign up as a customer on your client's Web Store and then have the Store Owner grant your account ADMIN access (System > DB > Edit Customers).

2. In Admin Panel, click on Themes, then Manage My Themes

3. Select a theme (for example, "Brooklyn"), scroll to the bottom and click "Copy selected theme for customization"

4. Admin Panel will alert you that a copy has been made (for example, as "brooklyncopy")

5. Access the Web Store files via FTP and look in the /themes folder for your brooklyncopy folder

This copy will now be active on Web Store and any of the files under /themes/brooklyncopy will be available for you to modify.

Turn on debug mode, especially for playing with CSS

The Yii framework that Web Store is built with uses asset caching for CSS files. This means that you may not see changes while editing. You can temporarily uncomment the following two lines in the root index.php.

defined('YII_DEBUG') or define('YII_DEBUG',true);
defined('YII_TRACE_LEVEL') or define('YII_TRACE_LEVEL',3);

This should disable caching.

If you are still not seeing CSS changes, two additional steps you can perform are to clear the sub-folders under /assets (don't delete the /assets folder itself), and to clear your browser cache and restart your browser.

Prev | Next