Ceros Template: Build your own dish Copy

Template - Build own dish experience

1280px x 930px

This experience uses the “Cycle Next/Previous” and “Show Target(s) & Hide Others” interactions to enable the user to create their own dish.

Object states give you the ability to transform assets from a default state to a hover or click state. In this experience, the arrows and the text of the two dish types have hover states applied to them. When a user hovers over them, their color appearance will transform.

Build your own dish

Show Target(s) & Hide Others enables you to create an interaction that, upon click, will only show an asset (image, video, group, or folder) that you designate, while simultaneously hiding everything else in that folder or group.

In this example, there are two tabs in the top navigation with the Show Target(s) & Hide Others interaction. When the user clicks one of the tabs it will only show one of the folders within the "Type of dish” folder, the other will be hidden.

Pasta

Tacos

Pasta

Shell

Sauce

Filling

Garnish

Topping

With the “Cycle Next” interaction, you can create an image or asset carousel in just a few easy steps.

Cycle interactions (cycle next and cycle previous) allow users to cycle through a folder or group of objects at the click of a button. When a user clicks to activate this interaction, Ceros will automatically show the next object (or group or folder) in your targeted folder while also turning off the visibility for all of the other assets in that folder. Alternatively, you can use the cycle previous interaction to show the previous object in the folder.