Import framework files

This page covers the manual setup required when you use the Pixflow Framework through the legacy web workflow.

If you are using the plugin, use the plugin setup wizard instead.

Before importing

Before changing framework files:

• back up the site
• use staging if possible
• do not mix setup methods on the same project
• keep a rollback option

Vanilla Bricks setup

Use this when the site uses native Bricks styles without Core Framework or Advanced Themer.

Pixflow provides:

• Main Pixflow Theme Styles JSON
• Classes JSON
• Variables JSON
• Colour Scheme JSON files

All of them are required.

Import Theme Styles

1. Open Bricks Builder.
2. Open the Style Manager.
3. Go to Theme Styles.
4. Click Import.
5. Upload the Main Pixflow Theme Styles JSON.
6. Make sure the Pixflow Theme Style is active.

Import variables, classes, and colour schemes

In the Bricks Style Manager:

1. Open Variables and import the Pixflow Variables JSON.
2. Open Classes and import the Pixflow Classes JSON.
3. Open Colors and import every Pixflow Colour Scheme JSON file.

Core Framework setup

Use this when the site uses Core Framework but you still want the Pixflow Framework output.

Pixflow provides:

• Pixflow .core file
• Main Pixflow Theme Styles JSON

Both are required.

Import the Core Framework file

1. Open Core Framework.
2. Go to Manage Project.
3. Find the Import section.
4. Upload the Pixflow .core file.
5. Choose Overwrite All.
6. Save changes.

Import the Bricks Theme Styles

Core Framework does not replace the required Bricks Theme Styles import.

In Bricks:

1. Open the Style Manager.
2. Go to Theme Styles.
3. Import the Main Pixflow Theme Styles JSON.
4. Make sure the Pixflow Theme Style is active.

Advanced Themer setup

Use this when the site uses Advanced Themer and you want the Pixflow Framework output.

Pixflow provides:

• Advanced Themer JSON file

In Advanced Themer:

1. Open Global Settings.
2. Open Import / Export.
3. Find Import Theme Settings.
4. Enable only:
   • Bricks - Color Palettes
   • Bricks - Global Classes
   • Bricks - Global CSS Variables
   • Bricks - Theme Styles
5. Set Overwrite Existing Settings to Yes.
6. Choose the provided Advanced Themer JSON file.
7. Run the import.
8. Save changes.

The Advanced Themer file includes the Pixflow Theme Styles, so a separate Bricks Theme Styles import is not required for this method.

After importing

Before copying or inserting larger layouts, confirm:

• variables are available
• global classes are available
• colour schemes are available
• the correct Theme Style is active
• the front end and builder both show the expected styles

If anything looks incomplete, stop and fix the framework setup before adding more layouts.