Richer Slices for Campaigns and Landing Pages

Written by Renaud in Writing Room on July 05,2017

A long awaited feature has been deployed in your repositories.

Components made of repeatable and non-repeatable sections

Prismic.io now allows you to a create a new kind of Slice, a Composite Slice, that is divided up into two sections: a non-repeatable section and a repeatable section.

Content Slices gives publishers the ability to build their website and campaign pages dynamically from a set of preconfigured components. They provide more freedom for publishers while keeping full control of the design coherence.

Let's see how you would setup a Composite Slice if you wanted to build a grid display of logos like the one that you can find on prismic.io's new website (as seen in the picture below).

First, the non-repeatable section

You need to set up the fixed fields for this Slice: the title field for "The world’s best companies use prismic.io to push content to their websites and apps." and the text field for "Trusted by world-class companies worldwide.". Both of these fields will be held in the non-repeatable section of your Slice in order to have them appear only once.

Second, the repeatable section

Then, you add an image field for the client logos. These will be in the repeatable section of your Slice in order to have multiple instances of that set of fields. You can now easily add as many clients logos as you want.

This gives you a lot of flexibility for the creation of your pages. It is especially useful for CTAs, Banners, Q&A, Image Galleries and all other types of content components.

Join the conversation

Our goal at prismic.io is to build the future of CMS along with our users and community at its core.

This feature was built with the help of this awesome community through Slack. If you want to join this Slack channel, please don't hesitate to ask for an invite on the chat support or via email.

Renaud Bressand

Renaud focuses on user experience and onboarding our users. He also helps out with Support and even codes in @scala. A real Swiss army knife! Passionate about good food as well as a skilled dancer!