We have been getting some questions on how to upgrade templates that were built for Open-Realty® 2.x to be compatible with 3.x. I thought I would provide a quick guide on how to upgrade your templates. This quick guide only keeps the overall site design changes made to the main.html template. Any sub templates, like listing_detail_default.html  that were modified will need to be modified again after you complete this quick guide.

You should start by making a copy of your custom v2.x template. In the steps below  you will modify this template copy and not your original  template files. This way you have the original files left to compare any other custom changes you may have made to sub templates..  Now that you have your new template copy, follow the steps below.

1. Copy all of the .html files from the lazuli template with the exception of main.html into your new template folder. This will ensure that all your sub template are updated to work with 3.x.

2. Open up the style_main.css file in lazuli template and copy all of the css starting with line 121 "/* Login and other Stadanrd Button CSS */ " to the end of the file. Paste this into your template's css file below any of your template specific CSS. You should replace any of the Open-Realty® 2.x CSS in the file that does not pertain to your specific template. 

3 .Edit your templates main.html file, and ensure it contains the following lines inside of the

tags.

<title>{site_title}</title>
{load_meta_description}
{load_meta_keywords}
<meta http-equiv="content-type" content="text/html;charset={charset}" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="robots" content="{meta_index},{meta_follow}" />
{meta_canonical_block}<link rel="canonical" href="{canonical_link}" />{/meta_canonical_block}
<meta name="Generator" content="Open-Realty" />
<link rel="shortcut icon" href="{template_url}/images/favicon.ico" />
{load_css_style_main}
<link rel="alternate" type="application/rss+xml" title="{company_name} - {lang_rss_lastmodified_link_title}" href="{rss_lastmodified}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - {lang_rss_featured_link_title}" href="{rss_featured}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - {lang_rss_blog_post_link_title}" href="{rss_blog_posts}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - {lang_rss_blog_comments_link_title}" href="{rss_blog_comments}" />
{load_js}

4. Last, ensure that right before the </body>tag in your main.html file you have this tag

That should upgrade your template to 3.x, you may now make any css adjustments, or sub template modification that you wish to make. I suggest if you modify your CSS, to make upgrading easier that you clearly mark the start and end of your custom CSS with comments, this way as update happen and there are css changes that you can quickly copy and paste your custom css into new files..

Ryan Bonham is the CEO and Lead developer of Transparent Technologies, Inc.

This page was created entirely with the Open-Realty® real estate Blog Publisher