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.

Module context

Different modules are available in different contexts. For example a product_title module will be available on a product card but you won't be able to use it inside a basket. Below you will find a list of contexts with all modules that can be used inside them.

Modules reference

Here is the list of all modules sorted by contexts.

Home page
Product page
Product - modules
Other modules
Bundle page
Bundle - modules
Other modules
Loyalty product page
Loyalty product - modules
Other modules
Loyalty bundle page (available soon)
Inactive product
Inactive product - modules
Other modules
Info page
Info - modules
Other modules
Producer list
Producer list - modules
Other modules
Category list
Category list - modules
Other modules
Collection list
Collection list - modules
Other modules
Search results list
Search results list - modules
Other modules
Loyalty products list
Loyalty products list - modules
Other modules
Promotion products list
Promotion products list - modules
Other modules
New products list
New products list - modules
Other modules
Basket (available soon)
Blog entry
Blog entry - modules
Other modules
Blog list
Blog list - modules
Other modules
Blog categories list
Blog categories list - modules
Other modules
Blog tags list
Blog tags list - modules
Other modules
Customer panel (available soon)
Store disabled
Store disabled - modules
Other modules
404 (Page not found)
404 (Page not found) - modules
Other modules
Contact
Contact - modules
Other modules