Help needed with custom theme - Edit bar not showing up, how to add pages etc.

Hello all!

First of all, let me say thanks in advance. Concrete5 is great and everyone is so helpful.

I recently found a CSS template that will work perfectly with my website. I successfully installed in on my site, but I have some problems and a couple questions.

First issue: Not seeing Menu Bar in Edit Mode.
I've looked around the forum but can't seem to figure out what the problem is. The Menu Bar in Edit Mode doesn't show up so I can't do anything. Any suggestions from the header part of my code?
<?php  defined('C5_EXECUTE') or die(_("Access Denied.")); ?>
<!DOCTYPE html>
<html lang="en">
<title>Donations Your Way - Donate Electronics, Cell Phones To Universities 2</title>
<meta charset="utf-8">
<link rel="stylesheet" href="<?php echo $this->getThemePath(); ?>/css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo $this->getThemePath(); ?>/css/grid.css" type="text/css" media="all">
<link rel="stylesheet" href="<?php echo $this->getThemePath(); ?>/css/style.css" type="text/css" media="all">
$html = Loader::helper('html');
$this->addHeaderItem($html->javascript('jquery.ui.js'), 'VIEW');
<?php  Loader::element('header_required'); ?>
<script type="text/javascript" src="<?php echo $this->getThemePath(); ?>/js/jquery-1.4.2.min.js" ></script>

Second Issue: Adding New Pages
Though I cannot do this until I get the first issue figured out, I am wondering how concrete5 creates new pages and new tabs in the navigation. How do I make sure this is configured correctly? I found the tutorial on converting a basic HTML template to c5, but is there one for more advanced features?

Thanks so much for your help! It is greatly appreciated.


P.S. My website is if it would help you to see how the site is set up.

View Replies: View Best Answer
cannonf700 replied on at Permalink Reply
I'm not sure about why the edit bar is not appearing. You might want to try editing in a different browser. Also, take a look at some other C5 themes in the market place that are also using HTML5.

Some thoughts about your theme: It's really nice looking! However, you seem to have left all the hard-coded text and examples "as is" which means when you go to edit those pages you won't be able to delete them out.

About the Navigation - Same deal. You should not be linking to actual .html files. when you create a new page in C5 the page will have a .php extension and is made up of data stored in the database. Concrete5 has a nice - fancy autonav system that automatically creates the link for your new pages wherever you have an 'autonav' block.
If you want to test this out you can add new pages to your site via the dashboard > sitemap. click on 'Home' and then choose the add page option. But, I think you're going to find that converting the theme takes more than a few lines of code in the header.
Steevb replied on at Permalink Best Answer Reply
Hi Dustin,

In your theme folder do you have a folder called elements?
Do you have the files header.php and footer.php in the elements folder?

The navigation needs to come from Concrete, unless you hand code it carefully. As cannonf700 said pages should be .php extensions.

The header should look like this:
<!DOCTYPE html>
<html lang="en">
    <link rel="stylesheet" type="text/css" href="<?=$this->getThemePath()?>/styles.css">
        <?Loader::element('header_required'); ?>

Your navigation might look like this:
    <? $a = new Area('Header Nav');$a->display($c);?>

other navigation can have this:
<div class="sidenav">
<? $a = new Area('Side Nav');$a->display($c);?>

Any area want to edit has this:
<? $a = new Area('Main');$a->display($c);?>

<? $a = new Area('Main1');$a->display($c);?>


Hope that helps
tstrudwick replied on at Permalink Reply
Hi there.

I just changed over my site to a new theme, i kept all the blocks and page types with the same name, but i too have lost my edit bar. i do have JS scripts attached to this new theme. could this be the problem? if so, any ideas on how to fix it?

many many thanks in advance.
Steevb replied on at Permalink Reply

Looks like your calling jQuery twice:

You don't need yours:/themes/ipa-12-2011/scripts/jquery.js (version 1.4.2)

Concrete5 uses 1.6.2 which is built in.

Hope that helps.

dustinrwh replied on at Permalink Reply
Thank you so much for your help! I figured out that the javascript was messing with the edit bar. I've decided that I'm going to just buy a concrete5 theme or pay someone to do this for me. I know basic HTML, and I'm sure I could figure this out, but it is taking way to much time.

Thanks for your help. I feel like a learned a lot. Now I feel like $30 is a great deal for a new theme! Sweet!

Steevb replied on at Permalink Reply
Hi Dustin,

Good to hear you found out whats wrong.

If you need any help with the theme, pm me.



BTW: Could you mark my answer if it helped?, it might help others.