Categories

Nesting CMS items

Nesting is infinite* in Versoly. *not guaranteed

  1. Drag in a new CMS Collection List from Elements Panel.
  2. Select Collection from CMS List dialogue
  3. Add HTML element (Heading or Paragraph or Badge, for example)
  4. Select Field on Collection

The code will look something like this

< template v-for = "author in authors" >

< template v-if = "post.authors && post.authors.includes(author.id)" >

                               < div >

                                   < div class = "flex justify-between items-center text-primary-500" >

                                       < div class = "flex flex-row" >

                                           < img class = "w-8 h-8 aspect-square object-cover rounded-full" v-bind : src = "author.image" />

                                           < p v-html = "author.name" class = "pl-2" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec molestie sapien quis nulla convallis. </ p >

                                       </ div >

< template v-for = "tag in tags" >

                                       < template v-if = "post.tags && post.tags.includes(tag.id)" >

                                           < div ></ div >

                                       </ template >

                                       < span class = "badge bg-primary" v-html = "tag.name" > Primary Badge </ span >

                                   </ template >

Warning: Do not try to duplicate a CMS Collection List element, things get messy.

Recently Viewed Articles