{settings.datagroup.objectId} {f:if(condition: data.grid_gutter, then: 'frame-{data.grid_gutter}')} {f:if(condition: data.grid_alignment, then: 'frame-{data.grid_alignment}')} {f:if(condition: data.imageborder, then: 'frame-imageborder', else: 'frame-no-imageborder')} {f:if(condition: data, then: data.data_layout_itemClass, else: itemLayout)} {f:if(condition: data, then: data.data_layout_itemBgClass, else: itemBgClass)} {f:if(condition: data, then: '{data.data_layout_itemButtonStyle}', else: '{itemButtonStyle}')} -{itemButtonStyleGeneric} card frame-background frame-background-{itemBgClass} card-body datagroup-item-link item-link {objectId}-item-link datagroup-item-wrap item-wrap {objectId}-item-wrap datagroup-item-bg item-bg {objectId}-bg datagroup-item item {objectId}-item frame-carousel-{data.activate_carousel} frame-carousel-arrows-{data.carousel_options.showArrows} frame-carousel-dots-{data.carousel_options.showDots} {f:if(condition: data, then: data.grid)} {f:if(condition: data, then: data.grid_sm)} {f:if(condition: data, then: data.grid_md)} {f:if(condition: data, then: data.grid_lg)} {f:if(condition: data, then: data.grid_xl)} {f:if(condition: data, then: data.grid_gutter)} {f:if(condition: data, then: data.grid_alignment)} {data.grid as integer} {data.grid_lg as integer} {settings.gallery.columns.{imagecols}} {settings.gallery.columnsLg.{imagecolsLg}} {f:if(condition: data.data_layout_showImage, then: 'has-images')} {f:if(condition:'{settings.datagroup.linkAll}',then: 'link-all', else: '')} datagroup-list-view {objectId}-list-view layout-{f:if(condition: itemLayout, then: '{itemLayout}', else: 'default')} block-row {gridGutter} {gridAlignment} {f:if(condition:'{grid}',then:' block-{grid}')} {f:if(condition:'{gridSm}',then:' block-sm-{gridSm}')}{f:if(condition:'{gridMd}',then:' block-md-{gridMd}')}{f:if(condition:'{gridLg}',then:' block-lg-{gridLg}')}{f:if(condition:'{gridXl}',then:' block-xl-{gridXl}')} {linkAll} {hasImages}