Babel Elements Extension
Compatibility
| Extension | Version | Test Date |
|---|---|---|
| TastyIgniter | 3.0.4 | 25/06/2021 |
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.