Babel Elements Extension

Compatibility

Elements

Main Header

• Single Image
• Title
• Content (rich-editor)
• Comment
• Button (Optional)
• Button Text
• Button URL

Featured Items

• Title
• Sub-title
• Comment

Add menu items from component settings.

Info Cards

Compatible with Font Awesome Icons
https://fontawesome.com/

Themify Icons - Next Update
Flaticon Icons - Next Update

Video Element

• Single Image
• Title
• Sub-title
• Video URL Format: https://www.youtube.com/embed/VIDEO_ID

Image and Text

• Single Image
• Title
• Sub-title
• Comment
• Text area background color

Gallery

• Multiple Images
• Title
• Sub-title
• Comment

Pending: custom height & width

Full Post

• Single Image
• Title
• Sub-title
• Comment

Single Post

• Single Image
• Title
• Sub-title
• Comment

Menu List (not ready yet)

Custom menu item list // Dine-in Menu
Add menu items from component settings.

Installation

• Add to extensions/babel/elements
• Enable extension in Admin -> System -> Extensions
• Add this line of code at the end of your main .scss file
  (i.e: themes/yourTheme/assets/src/scss/app.scss)

// Extensions
@import "extensions/+import.extensions";

Save your theme settings. (Admin -> Design -> Themes -> YourTheme -> Customise -> Save)

Usage

Admin -> Design -> Elements
You can create as many elements as you want and place it on your pages.