Banner Event

 

Step by Step

 

 

Creating an Event Content:

 

To configure a Banner Event, first you need to create a page for the event.

 

1. You need to register the type to create an event.

 

2. First, go to Structure > Taxonomy, search for “Type”, select the List terms option and click on “Add Term”.

 

 

3. Inform a name for your new Type, select a language and click on “Save” to finish

 

4. Go to Manage > Content > Add Content > Event and fill the fields.

 

• • Title: inform a name for your event.
• ​​​​​​• Description: write a description for present the event.

 

• • Start date: inform the date and hour that the event will be a start
• • End date: inform the date and hour that the event will be a finished
• • Type: Select the type that you created in the list
•  
• 

 

 

• • Inner Page Images: here you can select one or more images for the event page.

 

• • Image Card: here you need to select the image that will be shown in the Banner Event.
•    **Note: Apply all the crops required for the image.
• • Card Type: choose if you want a card type Solid or Transparent.

 

 

7. To finish, in "Change to" select the "Published" option to your event stay available and click on "Save".

 

 

Configuring the Component:

 

1. In the Layout Canvas of your page, click on the “+” button, search for the Banner Event in the components list, and drag and drop in the position that you want.

 

 

2. To customize, click twice on the component and fill the fields:

 

Content:

 

• Show events description: to display the description of the event in the banner, select "Show events description".

• Show Location: to display the location of the event, select "Show".

 

• Event List: to create the list, in the field "Entity" inform the name of the event that you created. To add more events, click on "Add Event".

 

 

Banner Style:

 

• Font color: choose an option for the color font.

​​​​​​​• Banner padding: select a size or None for the padding.

​​​​​​​• Overlay background: choose an option for the overlay.

 

​​​​​​​• Align: choose left, right or center for the alignment horizontal/vertical of the content and the text.

 

​​​​​​​• Height and Width: select the options to the Height on desktop and mobile and the content Width.

 

 

3. Click on "Apply" to save all.