Hide block vetical menu for supercheckout module page

[scoopsat]

Hello,

I installed a "superchekout" module , and I have a vertical menu so that it appears on the main page, while the rest of the pages are hidden normally according to the following code:

 

<div id="wt-menu-ver-left" class="wt-menu-ver-left other-page">
{$id_lang = Context::getContext()->language->id}

	<div class="category-left">
	<div class="title-menu-mobile category-title title-other-page"><span></span></div>
	<div class="content-vertical-other-page">
	<h3 class="category-title">{l s='Shop Categories' d='Shop.Waterthemes'}</h3>
	<ul class="menu-content">
	<a href="javascript:void(0);" class="close-menu-content wt_close"><span>{l s='Close' d='Shop.Waterthemes'}</span></a>
		{foreach from=$menus item=menu name=menus}
			{if isset($menu.type) && $menu.type == 'CAT' && $menu.dropdown == 1}
				{$menu.sub_menu|escape:'quotes':'UTF-8' nofilter}

 

But when I go to the supercheckout page, the block for the vertical menu appears:

https://example.com/en/supercheckout

 

 

 

How to hide the vertical menu in the supercheckout page ?

 

Thank you

[endriu107]

Please share url to your store.

[scoopsat]

Hi @endriu107,

This is the link to my test site:

http://sc2scoopsat.universe.wf/fr

[endriu107]

Easiest solution is add to css this:

#module-supercheckout-supercheckout .vertical-menu-content {
    display:none!important;
}

I think better solution will be create some js function to remove style="display: block;" from vertical-menu-content because then user still can expand it.

[scoopsat]

@endriu107

Thank you very much for your suggested solution, it helped solve the problem in the checkout page with code css :

#module-supercheckout-supercheckout .vertical-menu-content {
    display:none!important;
}

 

Thank you again for sharing your experience and helping to find solutions.

 

solved by @endriu107