Skip to content

Modules

Modules are the main way to add functionality to your storefront. Module consists of a template and a configuration schema and optional additional JavaScript code snippet.

You can add many modules of different types to your storefront. Each module instance has its own configuration data, but the configuration schema, template and JavaScript snippet stays the same.

Rendering a module

Modules are rendered using the module function. If you are using Shoper Visual Editor, all layout modifications results in automatic code generation for modules rendering

{{ module("footer_groups", 1) }}

In this example we are rendering the footer_groups module using the configuration data for module instance ID: 1.

In general you should avoid calling the module function directly. Instead, you should use Shoper Visual Editor to generate whole layouts.

Modules reference