photo

Mark Strozier

shared this question
4 years ago

Employees Involved

photo

PIV Support

Admin

Statistics

3
Comments
267
Views

Relates to

Share

Tags

1
votes

Dealing with CMS_Integration with a template having over 24 CSS files?

Hello,

I'm installing OR into a site that is using a Joomlart template. The template has 24+ css files mainly due to the way the template was coded for responsive usability.

I've checked the OR documentation, and I may have missed it, but I could not find anyway to update the main.html to accommodate this issue.

Has anyone else faced this? If so can you point me in the direction that explains how to make it work?Many thanks,

Mark

Add Comment

Comments (3)

photo Employee
1

What exactly is preventing you from using {load_css_XXX} multiple times or simply loading the CSS files using <link> as you would ordinarily?

I'd probably consolidate some of that CSS into one or a few files though, 24 is a bit excessive, and hardly "responsive" when it comes to page speed rating.

Also, why are you using the CMS_integration template if you purchased a template?

photo
1

Nothing preventing. I didn't try it.

Good point on consolidation.

"Also, why are you using the CMS_integration template if you purchased a template?"

My customer is handling his own site/hosting/etc. They chose a Joomlart Joomla template prior to my services. I recommended adding OR to their site because they're holding a lot of real estate (not their main business) and have been hard-coding their inventory.

I'm using the CMS_integration theme and wrapping it because of the situation. Is there a better alternative?

photo Employee
1

Mark Strozier wrote:

Nothing preventing. I didn't try it.

I'm using the CMS_integration theme and wrapping it because of the situation. Is there a better alternative?

It's in the main template docs and you said you checked the docs, thus my question.

I'd use one of the other example templates as a model for converting your 3rd party template into an OR template and not use the CMS one because it's not feature complete and is intended to be used within an <iframe>. Loading OR within an <iframe> is a very bad idea unless you don't care about SEO or usability.

Docs: http://docs.transparent-tech.com/open-realty/latest/creatingorconvertingatemplate.html

A very quick and dirty way to get started is to copy the lazuli template and strip everything out of its 'main.html' file between the <body> </body> tags except for {load_js_last}.

Replace what you removed with the main design (body contents) of your 3rd party template, and place the OR {content} template tag in the location where you want OR's dynamic content to display within the layout, and the {powered_by_tag} wherever it is convenient to display the OR "powered by" logo.

Examine the code between within <head> </head> tags of your 3rd party template and copy any necessary scripts and add or update links to CSS in your new OR template.

Edit the new OR template's main.css file (or add others to the <head> as above) and add your 3rd party template's styles, you may have style conflicts, but you can resolve those as you find them.

Leave Comment

photo

Attach files...

The file must be a jpg, gif, png, bmp, ico, pdf, doc, rtf, txt, zip or rar no more than 20M