Solved

Custom Template for Joomla

Posted on 2013-12-22
17
414 Views
Last Modified: 2014-01-22
Hi There

I am currently building a custom template to be used in Joomla cms.  For the custom template I am using the bootstrap framework.

However I find that once the template has been installed in Joomla cms it is not displaying the way it should do.  If I open the file as a normal html file, it displays the way I expect it.  

Can anyone please advise.  Please see attachments to view the custom template,  please try to install it in your joomla cms and let me know what results you get.
mivisystems3.zip
0
Comment
Question by:smaids123
  • 8
  • 5
  • 4
17 Comments
 
LVL 24

Expert Comment

by:lenamtl
ID: 39736525
The easiest way to do it, is to use www.joostrap.com

I will try your template later.
0
 

Author Comment

by:smaids123
ID: 39737208
Thanks for the joostrap link, I will definitely be referring to it in the future.

Look forward to your response concerning the template.

Many Thanks
0
 

Author Comment

by:smaids123
ID: 39745097
lenamtl,

Was you able to try the template?
0
 
LVL 24

Expert Comment

by:lenamtl
ID: 39748406
I'm still in vacation for the holiday I will be back on January 6.

Happy New Year
0
 

Author Comment

by:smaids123
ID: 39749673
Ok thank you very much

And happy new year to you aswell.
0
 

Author Comment

by:smaids123
ID: 39775460
Hi There

Any thoughts on the template,

Many Thanks
0
 
LVL 24

Expert Comment

by:lenamtl
ID: 39779062
Hi,

I did some test and the template is not working on my installation.
Which Joomla version are you using?
0
 

Author Comment

by:smaids123
ID: 39782929
Hi There

I am using Joomla! 3.2.0, the installation works, however my problem is that the css bootstrap styling is not working properly.

Regards
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 24

Expert Comment

by:lenamtl
ID: 39783253
Ok I will retry tonight
0
 

Author Comment

by:smaids123
ID: 39784124
Thanks a lot
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 39785100
without looking in to the detail it sounds like the CSS file is not being picked up.
are the paths to the css file ok
can you use Firebug  or Chrome (right click inspect element) to see if the CSS is being found?
0
 

Author Comment

by:smaids123
ID: 39795654
yes, i have checked the source code and the css file path is fine.
for some reason i cannot get the bootstrap css to work correctly
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 39795710
do you have a link to it?
I can't install it on my joomla 2.5 as it fails and I don't have a 3 version up at the moment
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 39795718
if you compare your index.php with any of the sample index.php's in the other templates.  you haven't set up any of the Joomla variables for the paths or added the style sheets to the Joomla system?
0
 
LVL 24

Accepted Solution

by:
lenamtl earned 500 total points
ID: 39795834
Hi,

Unfortunately your template is not working with Joomla.
I can't install it and seems missing a lot of things comparing to default template.

I suggest you to buy a template from Themeforest or use Joostrap template http://www.joostrap.com/joomla-templates

This way it will easier for you to adapt it to your need, you will have a working template

If you want to use your actual template you will need to hire someone because there is too much job to do to make it work with Joomla.

Good Luck
0
 
LVL 28

Expert Comment

by:chilternPC
ID: 39796700
here is a great link to show you what you need  to change in your files when creating a Joomla Template using Bootstrap:

http://vinaora.com/2013/02/how-to-build-a-responsive-joomla-template-3-0-with-twitter-bootstrap-framework/

such as code like:

<?php
$doc = JFactory::getDocument();
$doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap.min.css');
$doc->addStyleSheet($this->baseurl . '/media/jui/css/bootstrap-responsive.css');
?>

to set up the style sheets
0
 

Author Closing Comment

by:smaids123
ID: 39801332
To lenamtl

Thanks for the link, the templates on this site are fantastic.

Thank you.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

These days socially coordinated efforts have turned into a critical requirement for enterprises.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now