Melbis Shop Development Environment

The “Development Environment” section is a built-in IDE for managing the code, design, and database of your online store.

The tool consists of 6 main tabs:

1. Scripts, Templates

The primary workspace for working with the file structure directly on the server. Files in the tree are divided into 4 logical groups:

• Special files: Auxiliary scripts and styles (e.g., JavaScript and CSS).
• Images: Managing graphics without third-party FTP clients. Files are uploaded to the root images directory.
• Root scripts: Entry points and routers for the store (e.g., index.php, .htaccess). They handle GET/POST requests and invoke the necessary modules.
• Module scripts: Scripts that perform isolated tasks (menu generation, displaying a product block, etc.). They support nesting — one script can call others.

Template Groups (Themes) Inside groups (except root scripts), you can create subdirectories — template groups (the default group is used by default). This allows you to switch designs while using the same PHP code for different visual representations (desktop, mobile) or different languages.

Working in the code editor:

• Bold text in the file tree indicates that a file has been modified.
• Ctrl + Enter — opens the list of Code Templates for PHP.
• Configuring templates: Editor Settings -> Editor -> Syntax Highlighting -> Configuration -> Code Templates.

2. Online Store

A built-in Chromium-based browser for instant visual testing of changes. * Quick preview (Ctrl + E): Pressing this shortcut in the code editor automatically saves all modified files and immediately refreshes the page in the built-in browser.

3. Server DB and Local DB

A tool for executing, debugging, and testing SQL queries against the store’s database.

Variable auto-replace feature: Allows you to copy SQL queries directly from PHP scripts without manually removing variables.

Example workflow: Your code contains the following query:

SELECT * FROM {DBNICK}_topic WHERE id = :ID

1. Paste this query into the DB editor.
2. Double-click on the keys (in this case {DBNICK} and :ID).
3. The keys will automatically be added to the auto-replace block on the right.
4. Enter the actual values next to them and run the query.

4. DB Statistics

A summary of table status information (sizes, indexes) and other system analytics needed by the developer to monitor database performance.

5. Developer Guide

The section you are currently reading. It contains built-in documentation on the Melbis Shop architecture, principles for working with code, templates, and the database.