Relation and relation inverse field is a powerfull feature to create link between item. More other we have a basic template system to display any field of linked item !
You can do a carroussel, a list a mansory display with any values. In this cas we will link Estate et Agent to display relation between twice
Ex display name and form of agent linkted to Estate
or display all Estate of this agent in his page
Yes starting
- Create a field and set AgentÂ
- Select REaltion type
- Assign to Estate content
In Editing type you will allow to link Estate only with Agent
- Editing tab
- Category selector
- Select your category
After we can configure displaying, basicly relation display only title and link, explain that we can do more
- Go to viewing tab
- Related items list
- Put your html code here
Â
its a basic html for item displayed
now lets decript how to display more
__display_text__:Â is replaced with custom text created according to parameters
{{fieldname}}or{{fieldname##displayvar}}Â : is replaced with HTML display of each field
{{fieldname##label}} :Â is replaced with label of each field
%%language_string%%Â : is replaced with the language string
Finally, you can use item related replacements: __item_url__, __item_title_escaped__, __item_tooltip__ and item properties like: {item->id}, {item->title}, etc
In this exemple i displayÂ
- __display_text__ = Title of item, in this case name agent
- {{portrait##display_large}} = image field of agent (large image thumb)
- {{skills}} = the skill field vaalue
- {{contact}} = the contact foorm for agent
user can set linked agentÂ
 Now will create reverse relation to display all Estates linked to Agent
The reverse relation field is relay simple to configure because you just to need to set link between relation and relation reverse field bu i will show you how to customize display
- Create field "Estate in relation"
- Select Relation revers type
- Assign to Agent
- Select relation field "Agent"
Now we will check viewing, its the same system as relation field
Go to viewing tab
Item html
Add your light html
in this cas i use bootstrap class because style is already in protostar template
<div class="row well">
<div class="span4">
{{field15##0}}
</div>
<div class="span6">
__display_text__
</div>
<div class="span2">
{{field23##0}}
</div>
</div>
{{field15##0}} = first image of estate
__display_text__ = title of estate
{{field23##0}} = is price
...
Easy not ?
in backend you can see all Estate linked to Agent
In front end you will have a list of estate linked to Agent
