Thanks for trying out BricksExtras
All the BricksExtras features / elements are activated on this sandbox install
(as well as ACF Pro to explore how to use with dynamic data).
(as well as ACF Pro to explore how to use with dynamic data).
Below is a few simple examples to explore.
Nestable Media Players
Fully customisable Media Players with support for creating custom UIs and playlists with query loops.
Here are examples of the built-in customisable UIs, and underneath examples of custom UIs created in Bricks (any layout can be achieved by placing controls inside of the structure).
Here are examples of the built-in customisable UIs, and underneath examples of custom UIs created in Bricks (any layout can be achieved by placing controls inside of the structure).
/
There's also an audio version
Example Custom layout (nested controls in Bricks)
View a full demo page of the media player for a walkthrough of features in the documentation (as well as a sandbox area to try it out)
Nestable Table & favorite buttons
The table is great for displaying any type of data from query loops, it can collapse for mobile view & works great with Bricks' built in AJAX filters for filtering the table rows. .
| Course Title | Date | Difficulty | Favorite |
|---|---|---|---|
| Course 6 | 2024-04-17 | ||
| Course 5 | 2024-03-18 | ||
| Course 4 | 2024-03-18 | ||
Here we've also added some favorites buttons to allow users to save any posts/pages to custom lists for the future.
These lists can then be displayed in query loops (click the view favorites button after adding some posts to favorites)
These lists can then be displayed in query loops (click the view favorites button after adding some posts to favorites)
Panorama Viewer
Displays interactive 360° panoramic images that users can navigate dragging, scrolling and clicking on hotspots. The hotspots can be added via query loop / dynamic data. Multi-scene tours are supported (click the arrow to go to the the next scene)
Pro Slider
One of the earlier additions to BricksExtras, but still one of the most used.
Supports slider syncing for creating thumbnail sliders, auto scrolling, conditional sliders (will disable slide functionality if not enough slides due to dynamic data) and lots more.
Supports slider syncing for creating thumbnail sliders, auto scrolling, conditional sliders (will disable slide functionality if not enough slides due to dynamic data) and lots more.
Modern Black & White
Red & Blue Striped
Purple & Yellow
Red Athletic
Modern Black & White v2
Here we're using BricksExtras 'gallery query loop' to get images from a gallery ACF field. This means the entire structure is nestable, so anything can be added inside and any layout can be acheived - in the example above the attachment caption has been nested in the top left (a text element using the caption dynamic tag), the progess bar and counter are seperate elements.
Dynamic Charts
Build dynamic charts either with static values, or pulling data from Bricks' query loop for either multiple data points or data sets.
Page Tours
Page tours are ideal for showing new users around your page, they can show up on page load conditionally or when the user clicks to start. Click the button below.
Welcome! Let's show you around..
This step is attached to the chart element, and so it highlights the element being referred to.
We can highlight any element and allow the user to interact with that element during the tour.
New: Calendar
Output posts from a query loop as a calendar (events custom post type).
Supports multiple views, recurring events, using with bricks' filter elements & syncing with Bricks' popup template for previewing event details on click.
Supports multiple views, recurring events, using with bricks' filter elements & syncing with Bricks' popup template for previewing event details on click.
You reached the bottom!
(this is a toast noficiation}