Webstudio
Log in

Join the Webstudio community

Updated 9 months ago

Using CMS field to order element layout within a section

At a glance

The community member is considering using Cosmic CMS for a WS project and noticed an object field named "Layout" that controls the order of elements in a section. The field has 3 options: "2-Column - Image | Content" and "2-Column - Content | Image", which determine the order of the image and content. The community member asks if it's possible to do something similar in WS. In the comments, another community member suggests that it's probably possible, but would need to see how the API outputs the content. They recommend using a collection to determine the layout type and then conditionally applying sections in Webstudio.

CChadler
I'm considering using Cosmic CMS for a WS project. While digging around one of their project template I noticed an object field named Layout - simple dropdown field with 3 options - that controlled the order of elements in a section. For example, one Layout value is "2-Column - Image | Content" that order the image first followed by some text content (just as it sounds). Another Layout value is "2-Column - Content | Image" that puts the text content first followed by the image. The attached PNG file details the use of this field. Is it possible to do something similar in WS? Thanks!
J
1 comment
JJohn Siciliano
Probably but would need to see how the API outputs that content. You would likely use a collection to see what type of layout it is and then conditionally apply sections in Webstudio
Add a reply
Sign up and join the conversation on Discord