remove sidebar from all pages

[Deepu3110]

Hello

I want to remove sidebar from all pages of WHMCS. Please help in doing so.

[HostingMe]

This can be done using hooks.

As an example, to remove the 'Categories' sidebar create a file in ~/includes/hooks then add the code below

<?php

use WHMCS\View\Menu\Item as MenuItem;

add_hook('ClientAreaSecondarySidebar', 1, function(MenuItem $SecondarySidebar)
{
   if(!is_null($SecondarySidebar->getChild('Categories'))){
               $SecondarySidebar->removeChild('Categories');
   }
}); 

You can find more information on hooks here: https://developers.whmcs.com/hooks/getting-started/

[Deepu3110]

Thanks for the reply but the cart page don't show in full width after removing all the sidebar, please see the img.  I want in full width.

[HostingMe]

If you wanted to remove the sidebars and then stretch the content out to be full width on cart pages, you can use the hook below written by brian! 
To show the sidebar on any of the cart pages, you would need edit the $validtemplates array

<?php

# Cart Sidebar Removal / Resizing v8.1 Hook
# Written by brian!

function cart_remove_sidebars_hook($vars)
{	
	$validtemplates = array("domainregister");
	if ($vars['inShoppingCart'] && !in_array($vars['templatefile'],$validtemplates)) {
		$head_return = "<style>#order-standard_cart .cart-body { width:100% !important; }
		.cart-sidebar {display: none;}</style>";
		return $head_return;
	}
}
add_hook("ClientAreaHeaderOutput",1,"cart_remove_sidebars_hook");

Original post can be found here:

 

[Deepu3110]

Thank you but I have add 

$validtemplates = array("store");

but its not showing the full width, please help me

[HostingMe]

Only add the pages you want a sidebar to show into the array. So in the hook that was supplied, the sidebar would be hidden on all pages except the domain register page.

Which version of WHCMS are you using? I've tested this hook in WHCMS 8.2 and is working as expected.

[Deepu3110]

Version: 8.1.3

I have put the below code in hooks

<?php

# Cart Sidebar Removal / Resizing v8.1 Hook
# Written by brian!

function cart_remove_sidebars_hook($vars)
{
//      $validtemplates = array("domainregister","domaintransfer");
        if ($vars['inShoppingCart'] && !in_array($vars['templatefile'],$validtemplates)) {
                $head_return = "<style>#order-standard_cart .cart-body { width:100% !important; }
                .cart-sidebar {display: none;}</style>";
                return $head_return;
        }
}
add_hook("ClientAreaHeaderOutput",1,"cart_remove_sidebars_hook");

So that it will work for all the pages.

[HostingMe]

That hook would remove the sidebar everywhere in the cart and stretch the content to full width, see image  attached.

 

 

[Deepu3110]

but its not working with my WHMCS, what is the issue?

[Deepu3110]

can you also share me slider removal hook? I have done with your code.  

[HostingMe]

1 minute ago, Deepu3110 said:

but its not working with my WHMCS, what is the issue?

Try clearing your browser cache and template cache within WHMCS (Utilities > System > System Cleanup > Empty Template Cache). Try disabling any custom themes or hooks to rule out a conflict. If you're still having issues it might be worth reaching out to WHMCS support for additional support. 

 

[bear]

34 minutes ago, HostingMe said:

If you're still having issues it might be worth reaching out to WHMCS support for additional support

Not sure if they'd support custom code and hooks/themes. Most often the advice would be to disable both and see if it works without them, then put them back one by one until it breaks.

[Deepu3110]

the issue with my old six theme, can you give me code for that, in new six theme hook is working fine.

[HostingMe]

Older versions of the Six theme use different CSS classes for the cart body. You could try changing the <style> part in the hook to the code below which worked in WHMCS v.7.10

<style>#order-standard_cart .pull-md-right { width:100%; } .sidebar {display: none;}</style>

If that still does not work, you'll need to find out what class the theme is using and changing the hook to match. 

[Deepu3110]

14 minutes ago, HostingMe said:

Older versions of the Six theme use different CSS classes for the cart body. You could try changing the <style> part in the hook to the code below which worked in WHMCS v.7.10

<style>#order-standard_cart .pull-md-right { width:100%; } .sidebar {display: none;}</style>

If that still does not work, you'll need to find out what class the theme is using and changing the hook to match. 

Thank you so muchhhhhhhhh!!!

[Deepu3110]

Hello

I want to use this custom font for my H1 tag

https://www.onlinewebfonts.com/download/22b227f39427a4be79eff76ad0abdeb4

I am importing the CSS (@import url(//db.onlinewebfonts.com/c/22b227f39427a4be79eff76ad0abdeb4?family=Prometo);) but it is not working, is there any way use this font in all whmcs heading tags.

[HostingMe]

You should be able to do this via CSS. If you create a custom.css file at ~/templates/six/css/ (replace 'six' with the name of your theme) then add the below that should do it.

@font-face {font-family: "Prometo"; src: url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.eot"); src: url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.woff") format("woff"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.svg#Prometo") format("svg");}
h1{font-family:Prometo!important;}

 

Edited July 18, 2021 by HostingMe

[UnwilfulExpenditure]

8 hours ago, bear said:

Not sure if they'd support custom code and hooks/themes. Most often the advice would be to disable both and see if it works without them, then put them back one by one until it breaks.

I hear they offer "Premium" support now! Hopefully the new staff will help! 😉

 

[Deepu3110]

9 hours ago, HostingMe said:

You should be able to do this via CSS. If you create a custom.css file at ~/templates/six/css/ (replace 'six' with the name of your theme) then add the below that should do it.

@font-face {font-family: "Prometo"; src: url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.eot"); src: url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.woff") format("woff"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/22b227f39427a4be79eff76ad0abdeb4.svg#Prometo") format("svg");}
h1{font-family:Prometo!important;}

 

Thank you its work fine.

[Deepu3110]

Hello

I want to design my login page like the below img. Can anyone tell me how can i do so? Waiting for quick reply.