Change the size of CMS Items via a toggle within your collection list

Each CMS element has an example toggle "medium", "large" and "align Center". As soon as one of these options is active, a class is added to the element "grid-item" via custom code, which changes the size of the element or the alignment. The classes and sizes of the grid items can be changed in the hidden section-cms-grid. In order for it to work, the embed field in each CMS item and the jQuery code must be added.

01
01

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

02
02

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

03
03

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

04
04

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

05
05

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

06
06

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

07
07

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

08
08

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

09
09

Aut qui non et iure sint ullam. Pariatur est dolor non quae culpa facere architecto.

01

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

02

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

03

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

04

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

05

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

06

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

07

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

08

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Tutorial