⚠️ These docs are only for the Adapter Legacy. If you are using the new App, you must refer to the University! ⚠️

Boxes

Boxes is a custom post type built in inside the Udesly WP Plugin. This custom post type is pretty flexible and is mainly created to be used as a secondary Content for your posts (Dynamic Box) or simply a place where you can embed your dynamic content and use it in multiple places. For example, with Boxes you can create dynamic sliders or galleries, or use any Guthenberg Block!

Boxes releases 2 different shortcodes:

[udesly_dynamic_box]

This shortcode is used to show the content of the dynamic box that you can find in every post/page.

The second one is

[udesly-boxes slug="box-slug"]

that shows the content of a specific box.

You will find all the shortcodes directly in Udesly > Boxes

Don't forget that to use shortcodes you have to follow this guide.

There are also some features that can be built using boxes:

Dynamic Slider

You can use Boxes to create a dynamic slider you can basically change the images from WordPress, you just need to add the attribute on a Slider:

boxes:sliderslug of the box

If you want to use the Dynamic Slider with the dynamic box you can use the attribute:

boxes:sliderdynamic-box

Inside the box either the dynamic or static one you just need to add a Gallery Block.

Copy Dynamic Slider

Dynamic Lightbox

To build a Dynamic Lightbox, you can use a Lightbox link or a Lightbox link contained in a Collection List item.

In the first case the Thumbnail (that's the one you create in Webflow) will be clickable and, by clicking on it, the entire gallery will be navigable.

In the second case (a Lightbox link contained in a Collection List item), all the images of the gallery will be automatically displayed and, by clicking on them, a lightbox will open with all images connected with each other.

In any case, the attribute to insert on the Lightbox link element is:

boxes:lightboxslug of the box

If you want to use the Dynamic Lightbox with the dynamic box you can use the attribute:

boxes:lightboxdynamic-box

Inside the box either the dynamic or static one you just need to add a Gallery Block.

Copy Dynamic Lightbox