{{property.price}}
\r\n\t{{property.short_description | truncate : 185}}
\r\n\t\r\n![](\"{{'your_image.png')
``\r\n\r\nYou will notice that we have added a Liquid directive straight into the source of the image. Liquid will expect there to be an image of the name and extension quoted in your theme images folder (``/assets/images``). Also note that we've added an arguement on the end to ask Liquid to resize the image on the server, then send it to the browser - neat.\r\n\r\n##Running your theme\r\n\r\nNow that you have hopefully added your HTML, some CSS and some images, it's time to see the results. Commit and push your changes and observe the ``staging`` URL we sent to you. It will look something like:\r\n\r\nAgencies: ``http://agency_homeflow_domain.agent.staging.homeflow.co.uk``{{property.price}}
\r\n\t{{property.short_description | truncate : 185}}
\r\n\t\r\n\r\n\t\t\t{{branch.description | strip_tags | truncate : 250}}\r\n\t\t
\r\n\t\t\r\n\t\t\tMore Information\r\n\t\t
\r\n\t\r\n\t\t{{branch.description_with_agency_fallback | strip_html}}\r\n\t
\r\n{% endif %}\r\n```\r\n\r\nThis nifty bit of code will try and get the branch description, but if it's empty, we'll get the agency description. Note that it is unlikely an agent will not have a description for their branch AND their agency, but it's always good practice to check. Notice also we're stripping the HTML as sometimes some links and other formatting gets added to the description which can wreak havoc on our layout.\r\n\r\nStaff profiles are a whole subject unto themselves which we will look at later in the Wiki but for now, if you wanted to display some mini profiles with links to full profiles, or just give you branch pages the human touch, you could use something like:\r\n\r\n```\r\n{% unless branch.staff_profiles.size == 0 %}\r\n\t![](\"/liquid_assets/images/sp.jpg\" "\\"{{staff_member.name}}\\"")
\r\n \t\t\t\t\r\n \t\t{% endif %}\r\n \t{% endfor %}\r\n