cycle
Cycle is usually used within a loop to alternate between values, like colors or DOM classes.
{% for item in items %} <div class="{% cycle 'red', 'green', 'blue' %}"> {{ item }} </div> {% end %} <div class="red"> Item one </div> <div class="green"> Item two </div> <div class="blue"> Item three </div> <div class="red"> Item four </div> <div class="green"> Item five</div>
Cycles can also be grouped so you can perform calls on multiple cycles.
{% cycle 'fruits': 'apple', 'orange', 'banana' %}, {% cycle 'beverages': 'beer', 'soda', %}, {% cycle 'fruits': 'apple', 'orange', 'banana' %}, {% cycle 'beveraces': 'beer', 'soda' %} # Output: apple, beer, orange, soda
- Basics
- Variables
- Filters
- Components
- Localization
- Keyboard shortcuts
- Objects
- Article
- Asset
- Blog
- Comment
- Element
- Language
- Mediaset
- Menu item
- Page
- Person
- Site
- Tag
- Data
- Tags
- addbutton
- assign
- blogcontext
- case
- capture
- commentform
- content
- contentblock
- cycle
- editable
- elementscontext
- for
- grouped
- if
- ifchanged
- image
- include
- load
- login
- loginblock
- menuadd
- menubtn
- menulink
- reorder
- rss_link
- stylesheet_link
- unless
- xcontent
- Examples
- Creating a navigation menu
- Creating language selection
- Blog page example
- Blog article example
- Complete page example
- Breadcrumbs
- Standard theme definition
- Elements listing
- Element page
- Components