A custom widget with many adjustable content and design features. This widget uses an animated 2-sided card to display an image or icon as well as Title and Description text, along with an optional Link.
To add a Card Flip Widget to a Page:
- Open the Widgets menu
- Search for "Card Flip"
- Drag and Drop the Card Flip Widget on to the page
- Add content and adjust features as desired.
- Add cards as needed under the Card List
- The Content includes Image or Icon, front/back Title and Description, and optional Link.
Optionally, a user can add a "Designed Section" that already contains a Flip Card Widget.
By Default the card will show an Image on the Front, but it can be switched to instead show icons. The Front Settings contains an Option to "Show Image," when disabled, it will display the option to "Show Icon." It is not possible to show both (it is one or the other, or neither).
If placing more than one Card Flip Widget on the same page, be sure to set each of the Widgets' Unique IDs to be different.
Content Options
In addition to adjusting the number of Cards and their content, there are also several adjustable content options.
# | Title | Settings |
1. | Front Settings | Show Header |
2. | Back Settings | Show Link |
3. | General Settings (Animation Settings) | Flip Direction |
4. | Responsive Settings (# of Columns) | Desktop View |
Design Options
There are many options that may vary based on content settings. Most design options are standard items you may find with other widgets like adjust Font Size and Color etc.
# | Title | Settings |
1. | Card | Rounded Corners |
2. | Front | Header: Background and Height Body: Background, Padding, Title and Description Description: Background, Padding, Title and Description |
3. | Back | Background Padding Title and Description |
4. | Link Styling (If displaying a link) | Background Link Position Text Style Padding and Borders Text and Background on Hover |