CSS and JavaScript from the PrestaShop backend module

EuroCSS – your own CSS and JavaScript in PrestaShop without editing template files

EuroCSS is a PrestaShop module that allows you to add your own CSS and JavaScript code directly from the admin panel. You don't have to use FTP every time or manually edit the theme files to make your own changes to the look or operation of the store.

The module will work both for minor improvements to the appearance of the store and when implementing your own JavaScript scripts. You can edit the code from the PrestaShop panel and enable or disable individual functions without interfering with system files.

Own CSS in PrestaShop

Add your own CSS styles directly from the administration panel. EuroCSS allows you to quickly change the appearance of store items without having to modify theme files.

• adding your own CSS code,
• enable and disable your own styles,
• automatic saving of code to front.css,
• the ability to quickly make corrections to the appearance of the store.

JavaScript in PrestaShop – own scripts

The module allows you to add your own JavaScript code in different parts of the page. This allows you to expand the functionality of the store without having to manually edit the theme files.

• JavaScript in the head section — the ability to add scripts in the page header,
• JavaScript in body - inserting code after opening body,
• defer — the ability to defer script execution,
• async — possibility of asynchronous script loading,
• data-keep-inline — support for inline scripts.

Adding code without FTP

One of the main advantages of EuroCSS is the ability to manage your own code directly from back office PrestaShop. You don't need to download theme files, edit them locally, and resubmit them to the server.

This is especially convenient for frequent corrections to the appearance of the store, testing changes and working on your own solutions for PrestaShop.

CodeMirror Code Editor

EuroCSS uses CodeMirror, so that CSS and JavaScript are edited in a convenient editor with syntax highlighting.

• syntax highlighting,
• dedicated mode for CSS,
• dedicated mode for JavaScript,
• Motifs of the editor Monokai and Material Design,
• automatic adjustment of the edit field to the content.

JavaScript Loading Control

Not every script has to be loaded the same way. EuroCSS allows you to specify how to load your own JavaScript scripts, so you can better match their operation to the needs of the store.

• standard charging,
• defer for scripts that may be delayed,
• async for scripts loaded independently of other resources.

Simple configuration in the PrestaShop panel

The module is designed so that it is possible to manage your own code directly from the PrestaShop configuration. Individual functions can be turned on and off using switches.

• clear configuration panel,
• separate CSS and JavaScript management,
• activation switches of individual functions,
• Live mode that allows you to quickly turn the module on and off,
• Multi-language support PrestaShop.

EuroCSS for developers, agencies and store owners

The module can be used both by store owners who need to make a small change in appearance, as well as by programmers and agencies developing PrestaShop stores.

• Store owners - quick appearance corrections without FTP access.
• PrestaShop developers - a convenient place to store your own CSS and JavaScript.
• E-commerce agencies — faster implementation of individual changes in multiple stores.
• Freelancers — convenient code management during store customization.

Multi-shop and integration with PrestaShop

EuroCSS is designed to work with PrestaShop and can also be used in environments using the Multi-shop function. The code is integrated with the store's website using standard PrestaShop mechanisms.

Compatibility with PrestaShop

The module supports a wide range of PrestaShop versions, including older installations and newer versions of the platform. The automatic version detection mechanism allows you to adjust the way the module works to the PrestaShop version used.

The most important advantages of EuroCSS

• CSS and JavaScript in one module — manage your own code from PrestaShop.
• Without FTP — edit the code directly in the admin panel.
• CodeMirror — convenient code editing with syntax highlighting.
• JavaScript control — support for head, body, defer and async.
• Quick on and off - control the operation of your own code without removing it from the configuration.
• Flexibility — a solution for store owners, developers and agencies.
• Multi-shop - the ability to use in stores using multiple contexts.

Requirements

EuroCSS requires PrestaShop installation with access to the administration panel. The module uses the platform's standard mechanisms and does not require manual editing of theme files to add your own CSS or JavaScript.

Own CSS and JavaScript in PrestaShop – more convenient code management

EuroCSS allows you to transfer the management of your own CSS and JavaScript code to the PrestaShop administration panel. Instead of interfering with theme files every time, you can edit the code in one place, control its activity, and customize the way scripts are loaded to suit the needs of the store.