How to remove breadcrumbs from CMS home page

[Spyros90]

Hello,

This is mi first post here since i couldn't get any help from the .com forum

I have a few questions regarding how to modify my vbulletin5 forum:

1) I would like to remove those annoying breadcrumbs ONLY from the main articles CMS page, any ideas on how to do it?
2) The login bar seems really difficoult to see from the average user, i would like to modify it to make it ALWAS visible, any ways to make this possible?
3) In my main articles CMS page image thumbnails are easily visible but not over the "latest articles sidebar", this is very annoying, do you know any way to fix this?

Hoping someone can help me in this cause i'm really getting mad at all this, thank you for the eventual support

[Spyros90]

Extremely difficoult question i guess?

[TheLastSuperman]

Edit: Nevermind, apparently this moderator was in the vB5 forum area and NOT paying attention . I do not know of a way to do this in vB5 although I found something here that may lead you in the right direction.

IF you had vB4, for reference it would be this;

Create a new plugin:

Product: vBulletin
Hook Location: parse_templates
Title: Hide breadcrumbs on CMS
Execution Order: 5
PHP Code:

PHP Code:

if (STYLEID == 1) {
if (THIS_SCRIPT == 'vbcms') {
$cssfix = '<style type="text/css">
#breadcrumb, .breadcrumb {
display:none !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $cssfix;
}
} 


Change the 1 in the STYLEID == 1 to whatever style this is being used in OR remove it altogether to use in all styles, using the code below instead it will remove breadcrumbs on all styles from CMS yet it will not modify mobile at all:

PHP Code:

if (!IS_MOBILE_STYLE) {
if (THIS_SCRIPT == 'vbcms') {
$cssfix = '<style type="text/css">
#breadcrumb, .breadcrumb {
display:none !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $cssfix;
}
} 


Better to include this another way as <style type="text/css"> is not "prim and proper" but it will do the trick, the other way would be to make aplugin to generate a new css template then simply hook into the template and ensure it overwrites anything i.e. new css overwrites old css and no messy <style type="text/css"> to deal with but the above will work just fine.

Where did I find this info? How do I know to do these things? Can you learn? ... SURE! Check this out

[Replicant]

1, hide breadcrumbs on articles page. Use javascript to check if the page is articles page. You'll need to change the number 14 to the actual channelid of your articles if it is different. 14 is what it is on my system.

<script>
if (pageData.channelid == 14){    
    $("#breadcrumbs").css("display","none");
}
</script>

for #2, you can mess with this code to get you started. You'll have to play with it to make it work correctly with the responsive code and the "other" floating bar.

#main-navbar, #main-navbar-wrapper {
position: fixed;  
z-index: 1500;
}

for #3, a link to the site with a more complete description will help.

[Spyros90]

Hello and thanks for the replies, i have a few questions:

1) I don't know where i can find this script to hide the breadcrumbs i have a "js" folder in my root/js but there is nothing inside.
2) I probably expressed bad, what i meant about the login bar is that i would like the login form to be always showing up and not hidden
3) The site is this one : www.fantasysportitalia.it, as you can see there are no thumbnails on the "latest articles" section on the sidebar.

Thanks in advance for the replies

[Replicant]

You're talking about images in the post showing as thumbnails in the Latest Posts? I've not seen that behavior from a search widget. I thought you were talking about the avatars. As far as I know, the search widget isn't designed to show thumbs.

As far as where to add the javascript, you should create a new product and add it there. Here is a tutorial on the subject.
http://www.vbulletin.com/forum/blogs/joe-d/3932614-

Also, I should have asked, if you are on the VB Cloud, you can't create and install mods or edit templates.

[Spyros90]

Alright man, i got how to enter in debug mode and create a new product and where to hook it, but i don't really get where i should put this

<script>
if (pageData.channelid == 14){    
    $("#breadcrumbs").css("display","none");
}
</script>

Thanks for the help

[Replicant]

When you created your new hook, there was a form for a template name.

The template you created on the create new hook page can be edited in the admincp >> style manger. Select the Master style while in debug mode to apply the code to all styles. Scroll down to the template name and double click it. Paste the code in the template editor and save. Sometimes you will need to clear the system cache in Admincp >> Maintenance for the changes to take effect immediately.

[Spyros90]

I did it man but the script ain't working

[IMG]www.parliamodipoker.it/file_condivisi/remove.jpg[/IMG]

[Replicant]

If you right click on the page and view source, is the script there? Is you channelid for Articles 14?