TYPO3 Masonry Extension

TYPO3 Masonry

Tweet

To product page

Product overview

Jobs!

Wir suchen Verstärkung für unser Team.

<start/>

How to add a new Masonry item type

For adding an additional Masonry item type you need to add the following Page-TypoScript:

TCEFORM.tx_masonry_domain_model_masonryitem {
  template {
    addItems {
      LightBox = Light-Box
    }
  }
}

Afterwards create a Fluid-Partial with the same name as the key, for example Partials/Masonry/LightBox.html.

You can add some background selections by using Page-TypoScript/tsconfig.

TCEFORM.tx_masonry_domain_model_masonryitem {
  background_style {
    addItems {
      gray-light = Gray light
      gray-dark = Gray dark
    }
  }
}

Removing background style selections:

TCEFORM.tx_masonry_domain_model_masonryitem {
  background_style {
    addItems {
      white >
      black >
    }
  }
}

Finally you will get a CSS class on masonry item, which is named by your selection key. For the gray-light key the CSS class will be masonry-item-background-style-gray-light.

For removing an existing Masonry item type you need to add the following Page-TypoScript:

TCEFORM.tx_masonry_domain_model_masonryitem {
  record_type {
    removeItems = CodingMs\Masonry\Domain\Model\MasonryItem, CodingMs\Masonry\Domain\Model\MasonryItemOwlCarousel, CodingMs\Masonry\Domain\Model\MasonryItemBackgroundImage, CodingMs\Masonry\Domain\Model\MasonryItemHtml, CodingMs\Masonry\Domain\Model\MasonryItemQrCode 
  }
}
# Set another default for record_type
TCAdefaults.tx_masonry_domain_model_masonryitem.record_type = CodingMs\Masonry\Domain\Model\MasonryItemVideo