Adding a Card Layout

The Fusion Card Element has built-in functionality that allows it to be expanded with additional layouts. This helps to keep the Fusion UI from getting cluttered with overly similar elements while keeping like-functionality conveniently grouped.

Adding a Card Layout is a simple two step process:

1. Use the add_card_layout filter to define the name and parameters of your card layout in an array. Then give this array a unique key name and add it to the array of defined card layouts that gets passed to the filter.

2. Add a function to return the output of your card layout. This function gets called by the [fsn_card] shortcode and must follow the naming format fsn_get_[card layout key]_card.

Now when you select your card layout from the Type select box in the Card element, the parameters you have defined will be loaded into the element for the user to populate.

Example