Theme modules and blocks

This guide will help users understand how modules and blocks work together in the IonMag Theme.

  • The module is the key element in our theme. It is the main element used to create the blocks.
  • A block is a container for one or more module types.
  • A block has multiple instances of one or more module types.

Let’s take a look at a practical example:

Block 7 for example is made out of 2 instances of Module 4 (big thumb) and 3 instances of Module 1 by default. If we increase the number of posts we want to show in this block we would get more instances of Module 1

 

A block can have different modules based on the page layout you chose.

There are 3 ways a block can show content:

On a full width row, on a 2/3 row and on a 1/3 row. Each of these row layouts generate a different result. A block can use different modules based on the layout you choose.

To see how each block displays in each case please check our live demo under the main menu > features > content blocks

Free blocks:

 

Block 3/3 Row 2/3 Row 1/3 row
Block 1 Module 1 Module 1 Module 1
Block 2 Module 2 Module 2 Module 2
Block 3 Module 3 Module 3 Module 3
Block 4 Module 4 Module 4 Module 1
Block 5 Module 5 Module 5 Module 3
Block 6 Module 6 Module 6 Module 6
Block 7 Module 4 + Module 1 Module 4 + Module 1 Module 1 + Module 3
Block 8 Module 4 + Module 5 Module 4 + Module 5 Module 1 + Module 3

Premium blocks:

 

Block 3/3 Row 2/3 Row 1/3 row
Block Red 1 Module Red 1 Module Red 1 Module Red 1
Block Red 2 Module Red 2 Module Red 2 Module Red 2
Block Red 3 Module Red 3 Module Red 3 Module Red 3
Block Red 4 Module Red 4 Module Red 4 Module Red 4
Block Red 5 Module Red 5 Module Red 5 Module Red 5
Block Red 6 Module Red 6 Module Red 6 Module Red 6
Block Red 7 Module Red 7 Module Red 7 Module Red 7
Block Red 8 Module Red 8 Module Red 8 Module Red 8
Block Red 9 Module Red 9 Module Red 9 Module Red 9
Block Red 10 Module Red 10 Module Red 10 Module 3
Block Red 11 Module Red 11 Module Red 11 Module 3
Block Red 12 Module Red 12  Module Red 12 Module Red 12
Block Red 13 Module Red 13 Module Red 13 Module Red 13
Block Red 14 Module Red 14 Module Red 14 Module Red 14
Block Red 15 Module Red 15 Module Red 15 Module Red 15
Block Red 16 Module Red 16 Module Red 16 Module 2
Block Red 17 Module Red 17 Module Red 17 Module 2
Block Red 18 Module Red 18 Module Red 18 Module 2
Block Red 19 Module Red 19 Module Red 19 Module 2
Block Red 20 Module Red 20 Module Red 20 Module Red 20
Block Red 21 Module 2 + Module 3 Module 2 + Module 3 Module 2 + Module 3
Block Red 22 Module 2 + Module 6 Module 2 + Module 6 Module 2 + Module 6
Block Red 23 Module MX Red 1 + Module 3 Module MX Red 1 + Module 3 Module MX Red 1 + Module 3
Block Red 24 Module Red 3 + Module 3 Module Red 3 + Module 3 Module Red 3 + Module 3
Block Red 25 Module Red 12 +  Module 3 Module Red 12 +  Module 3 Module Red 12 +  Module 3
Block Red 26 Module MX Red 1 Module MX Red 1 Module MX Red 1
Block Red 27 Module MX Red 2 Module MX Red 2 Module MX Red 2
Block Red 28 Module 1 Module 1 Module 1
Block Red 29 Module MX Red 3 + Module 1 Module MX Red 3 + Module 2 Module MX Red 1 + Module 3
Block Red 30 Module MX Red 3 + Module 5 Module MX Red 3 + Module 5 Module MX Red 1 + Module 3