Menu
  • En-Fr

What is an Icon Block?

How to create a Icon Block ?


Structure > Block Layout > Add custom block > Icon Block

In an Icon Block, it is possible to add several Icon Items to the same full layout. 
Custom block Icon Items must first be created... Or you can create them directly inside the custom block!

1.    Add title (visible in back-office only)

2.    Choose the view you want. The first one highlights a figure, the second one a subject. 

3.    Display Option: whether you want the Block Icon to be Horizontal in the Layout or Vertical. 

4.    Add Icon Item: as many as you like!

 

Examples of VIEWS

Icon Block - View 1
Source : UK Website

Icon Block - View 2
Source : UK Website

Icon Block without SVG Icon or Picture
Source : Tutorial Website

Choose the display option 

Display Option - Horizontal
Source : WallDecaux Website

Icon Block - Vertical
Source : Tutorial Website

What is an Icon Item?

If you've got a complete library of Icons, now's the time to use them to highlight the information you want on your page. 

How to create a Icon Item ?
 

Structure > Block Layout > Add a custom block > Icon Item

1. Add a title (visible in back-office only)

2. Add the Icon you want. Either the Icon is already in the library, or you need to recreate one using an image in JPEG format or an Icon in SVG format

3. For the 1st line, you can add whatever you like: we're used to adding values, numbers and percentages. For the second line, information. 

4. You can make the Icon clickable by adding an external or internal link to the site. 

5. You can also link the Icon Item to a downloadable file. This makes the downloadable more illustrated and dynamic.

Icon Item on a Basic Page

Source : Corporate Website

Icon Item on a Showcase Page

Source : Corporate Website

Feel free to ask us if you need more information!

test
Ky-lang Sun Web Project Manager
Margaux Pausé Web Communication Manager