Related Fields Item HTML Codes
4 years 2 weeks ago - 4 years 2 weeks ago #79522
by iamrobert
Related Fields Item HTML Codes was created by iamrobert
I wanted to create a related field with custom text and images, and this mini tutorial will show to do it.
Here's a simplified code view:
Use
You can set it up here in ITEM HTML:
Here's a simplified code view:
Code:
<div class="cell medium-6 wow iamrobert"> <a href="__item_url__" title="{item->title}">
<div class="eff link rel"><img src="{{image_field_name##display_large_src}}" alt="{item->title}"/>
<div class="abs work-text">
<p>{{field_project_name}}</p>
<h2>{item->title} <span class="arr"> →</span></h2>
</div>
</div>
</a>
</div>
Use
- {{field_project_name}} = use this format to place custom fields
- {item->title} = use to show the title raw value - so can use with alt="{item->title}"
- {{image_field_name##display_large_src}} = image large size. For more image options .
- __item_url__ = to generate a pure URL eg: <a href="__item_url_"></a>
You can set it up here in ITEM HTML:
Last edit: 4 years 2 weeks ago by iamrobert.
Please Log in or Create an account to join the conversation.
Time to create page: 0.324 seconds
Last FLEXI-site
... loading images 
