Adding "wrappers" in t3kit (theme_t3kit)

In fluid_styled_content there is a div around each content element. In theme_t3kit we added a wrapper field to tt_content so we can add a class to this div (a bit like section_frames).

page typoscript

List items for wrapper are created with page ts, and consists of an id and a label.

TCEFORM.tt_content.wrapper {
    addItems {
        1000 = Example generic wrapper 1
        1001 = Example generic wrapper 1 - with some alternative
    }
}

setup typoscript

There is a dataProcessor added in lib.fluidContent that maps the id to a string, that could be a single class or multiple classes. This dataProcessor will add variable wrapperClass to the FLUIDTEMPLATE. In this case we have "overridden" the layouts from fluid_styled_content so we can add the {wrapperClass} after c{data.id} in the layouts. This will be applied on all content elements based on lib.fluidContent.

lib.fluidContent {
    dataProcessing {
        365 {
            classMappings {                
                1000 = class-name-1
                1001 = class-name-1 __modifier-class-name
            }
        }
    }
}