Add Comment
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 <head> 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" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - Last Modified Listings RSS Feed" href="{rss_lastmodified}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - Featured Listings RSS Feed" href="{rss_featured}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - Recent Blog Posts" href="{rss_blog_posts}" />
<link rel="alternate" type="application/rss+xml" title="{company_name} - Recent Blog Comments" href="{rss_blog_comments}" />
{ load_js }
4. Last, ensure that right before the </body> tag in your main.html file you have this tag
{ load_js_last }
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..
In the code above { load_js } and { load_js_last } have spaces before the opening and closing curly brackets, remove those in your file they are there to prevent the template engine from trying to parse the tags in our blog post.
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
Categories:
Open-Realty® Templates
Comments
(1)
lordtheydon says:
Hi Ryan, many thanks for the above code, which helped me solve my problem with the Open_Realty_Lite template I was using.
I think that there is a problem with this code though:
{ load_js } and { load_js_last }
If entered the way you suggest(above)it actually shows up on the web pages.
I then checked the "Lazuli" template out (which came with the upgrade),and noticed that on there it is shown as follows:
and
- in other words without the spaces.
I removed the spaces in my Open_Realty_Lite template, tried it out and it worked fine, no longer displaying on the web page browser.
Thanks again for your help.
Regards,
John
08/25/2010 02:41 AM
You must log in to leave a comment.
Keywords:
