Sectors Preview Block

The Sectors Preview Template defines the HTML structure and content displayed within the Gutenberg editor for the Sectors Preview Block. It is responsible for displaying a heading and a list of sectors, each with a title, a description, and a background image.

Content Editor Fields

Heading

• Description: The main heading text displayed above the sectors list.
• Usage: Use this field to provide a clear title for the section.
• Optional: If no heading is provided, this element will not be displayed.

Sectors

• Description: A list of sectors to be displayed. Each sector can have a title, a description, and a background image.
• Usage: Use this field to add and manage the sectors.
• Mandatory: This field is mandatory. If no sectors are added, the block will not display anything.

Example Usage:

Steps:

1. Add the block: Insert the Sectors Preview Block into your page or post.
2. Fill the fields:
   • In the block settings, fill the "Heading" field.
   • In the block settings, add the sectors in the "Sectors" field. For each sector, you can add a title, a description, and a background image.
3. Save the Block: Your Sectors Preview block is now ready for display!

Result:

When properly configured, the Sectors Preview Block will render a section with a heading and a list of sectors. Each sector will display its title, description, and a background image.

Preview in the editor (body):

Customization:

You can customize the Sectors Preview Block display in the following ways:

• Content Customization: Change the heading text and the sectors details directly within the block settings.

Benefits:

• Clear Structure: The template provides a simple and organized HTML structure.
• Dynamic Content: The template allows for dynamic content to be inserted.
• Easy to Use: It is simple to configure for the end user.
• Multiple sectors: You can add multiple sectors.
• Background image: You can add a background image for each sector.