Jump to content

Subcategories not showing up in sidebar


lexijade

Recommended Posts

I recommend downloading e-Shift from the MarketPlace to obtain the missing modernizr.custom.93417.js file.

The template that was edited as mentioned in the first post. Maybe next to {$SITE_DOCS} in the main.php template, or in the box.documents.php template.

Link to comment
Share on other sites

1 hour ago, bsmither said:

I recommend downloading e-Shift from the MarketPlace to obtain the missing modernizr.custom.93417.js file.

The template that was edited as mentioned in the first post. Maybe next to {$SITE_DOCS} in the main.php template, or in the box.documents.php template.

I redownloaded and uploaded the files I was missing from the js folder. Now I am getting a weird grey stripe between my floating header and the body of the page. It also only added the arrows for subcategories back, but doesn't actually show them.

I also didn't see any stray tags, this is what I see:

        <div id="navbar">
            {$SITE_DOCS}
        </div>

Link to comment
Share on other sites

What do you see in the box.documents.php template?

The "grey bar" is the background peeking through because,

In main.php, find:

{if isset($SLIDES) and $SECTION_NAME=='home'}

Just above that are two <br> tags. This is shoving everything after the header div down by two text lines.

I am not sure why the javascript isn't opening the sub-categories.

Link to comment
Share on other sites

3 hours ago, bsmither said:

What do you see in the box.documents.php template?

this is what's in my template. the <style> is what I added. If that is incorrect or if there is a better place to put that, maybe that's what is messing the subcats up.

Quote

<style>
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

li a:hover {
  background-color: #111;
}
</style>
<ul>
    <li class="home"><a href="{$STORE_URL}" title="{$LANG.common.home}"><span class="circle icon icon-house"></span></a></li>
    {if isset($DOCUMENTS) && count($DOCUMENTS) > 0}
    <li>
        <ul>
            {foreach from=$DOCUMENTS item=document}
            <li {if $document.doc_url==$CURRENT_PAGE}class="active"{/if}>
                <a href="{$document.doc_url}" title="{$document.doc_name}" {if $document.doc_url_openin}target="_blank"{/if}>
                {$document.doc_name}
                </a>
            </li>
            {/foreach}
        </ul>
    </li>
    {/if}
    {if isset($CONTACT_URL)}
    <li {if $CONTACT_URL==$CURRENT_PAGE}class="active"{/if}>
        <a href="{$CONTACT_URL}" title="{$LANG.documents.document_contact}"><span class="circle icon icon-envelope"></span></a>
    </li>
    {/if}
</ul>

 

3 hours ago, bsmither said:

The "grey bar" is the background peeking through because,


In main.php, find:

{if isset($SLIDES) and $SECTION_NAME=='home'}

Just above that are two <br> tags. This is shoving everything after the header div down by two text lines.

I think I had those there because for some reason the float was cutting off the home/breadcrumbs at the top of the body, but that doesn't seem to be a problem anymore, so they are removed and the grey is gone.

Link to comment
Share on other sites

"the <style> is what I added. If that is incorrect or if there is a better place to put that, maybe that's what is messing the subcats up"

This is the cause.

Go through that <style> block and prepend #navbar to all the selectors.

#navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#navbar li {
  float: left;
}

#navbar li a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

#navbar li a:hover {
  background-color: #111;
}
</style>

This edit restricts these rules to only the <ul> and <li> tags that are within the <div id="navbar"> block.

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...