Sectors Grid Block

The Sectors Grid Template defines the HTML structure and content displayed within the Gutenberg editor for the Sectors Grid Block. It is responsible for displaying a grid of product items, each with a title, an excerpt, and a "View product" link.

Content Editor Fields

Products

• Description: A list of products to be displayed in the grid. Each product can have a title, an excerpt, an image, and a link.
• Usage: Use this field to add and manage the products in the grid.
• Mandatory: This field is mandatory. If no products are added, the block will not display anything.

Example Usage:

Steps:

1. Add the block: Insert the Sectors Grid Block into your page or post.
2. Fill the fields:
   • In the block settings, add the products in the "Products" field. For each product, you can add a title, an excerpt, an image, and a link.
3. Save the Block: Your Sectors Grid block is now ready for display!

Result:

When properly configured, the Sectors Grid Block will render a grid of products. Each product will display its title, excerpt, and a "View product" link.

Preview in the editor (body):

Customization:

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

• Content Customization: Change the title and excerpt of each product 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 products: You can add multiple products.
• Grid layout: The products are displayed in a grid.