Builder Extensions: Customizations
Extension Directory Location
An Extension is a directory located in the Builder Theme - Core directory. An Extension directory typically contains a functions.php file, a style.css file and a corresponding images directory.
If you would like to make any changes to the extension files, copy the extension directory from Builder Theme - Core into the child theme under a directory named extensions.
All functions in Extensions should be unique as all Extensions' functions.php files are loaded on the back-end of WordPress to allow the Extension to offer editors to customize their settings. If two extensions have a function with the same name, then WordPress will crash as PHP fails when a duplicate function definition is encountered.
For this reason, it is recommended to always prefix all Extension functions with "builder_extension_NAME_" where "NAME" is the name of the Extension that is composed of only letters, underscores, and numbers. For example, an Extension named "Compact Posts" would have all of its function names start with "builder_extension_compact_posts_" It does make the function names much longer but it also avoids potential issues that could crash a site.
Extension style.css File Notes
Just as themes have a comment section at the top to list details about the theme, Extensions can have a set of fields in their style.css file to add information about the Extension.
Currently, the following fields are supported:
- Name - The name of the Extension. If one is not provided, it will be generated from the directory name of the Extension. Thus, an Extension in a directory named "no_dates" would have a name of "No Dates".
- Description - Descriptive information about the Extension that will show when a user selects the Extension for use
- Disable Theme Style - Indicates whether or not the Extension's style.css should override the one provided by the active theme / child theme. If it is set to "no", left blank, or is not in the style.css file, the theme's / child theme's style.css file will be used as normal. If it is set to anything else, any Layout or View that uses the extension will have the theme's / child theme's style.css disabled and the bulk of the styling will come directly from the Extension's style.css file. The presence of this field for a specific Extension is only look for when a Layout or View using that Extension is saved. So, if you have an existing Extension that does not have this feature enabled that is in use and you enable this feature, you will have to go to each Layout and View using the Extension and save them again. This is done to improve performance as the file does not have to be inspected on each page load.
Here is an example header you might find in an Extension's style.css file:
/* Name: Example Extension Description: This Extension shows how an Extension can be used. Disable Theme Style: no */ /* CSS */
Builder provides a number of Extensions, but the selection can be expanded by adding extensions to your child theme by creating a directory in your child theme called "extensions" and putting the desired Extensions in that directory. If your active child theme has an extension with the same directory name as one that exists in Builder, the child theme one will replace the default one provided by Builder. This way child themes can provide their own customizations to the default set provided by Builder.
If you are using an Extension provided by the child theme that don't exist in Builder and you switch to a child theme that does not have an Extension with the same directory name, then any Layouts or Views that use that Extension will behave as if no Extension were selected.
- It is not possible to override the parent or child theme's template files like index.php, archive.php, single.php, page.php. If any such files are present in an extension, they will simply be ignored.
- When an extension has functions.php, it will be executed (for the page using that extension) after the theme's functions.php has been executed.
- How to Apply an Extension to a Custom Post Type Archive page in iThemes Builder (Forum topic)
- Video Overview
- Featured Image Grid & Showcase
- Featured Image Slider
- Magazine Layout
- Portfolio Layout
- Teasers Layout - Image Left
- Teasers Layout - Image Right
- Applying Extensions