Jump to content

Subcategories not showing up in sidebar


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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...