Jump to content
JcMagpie

Support thread for Categories navbar v2.3.4.1CE

Recommended Posts

14 minutes ago, Dnj1964 said:

Since it says Bootstrap 4 I deleted the BS3 file and the error went away, installed but nothing shows on site

But did you install the file for BS4? Or did you install all the files by mistake? You should only have one file in

/includes/modules/navbar_modules/nb_horizontal_multi_menu.php

and one in

/includes/modules/navbar_modules/templates/tpl_nb_horizontal_multi_menu.php


 

Share this post


Link to post
Share on other sites

Well when I installed it I figured I needed to turn the Navigation Bar off for the add-on to work.

Turning it back on at least the categories now want to show but new error:

Quote

Notice: Undefined variable: output in /includes/modules/cat_navbar_responsive.php on line 76


$output .= '<ul id="'.$idname_for_menu.'">';

 

Notice: Undefined variable: output in /includes/modules/cat_navbar_responsive.php on line 122


$output .= '<li><a href="';

 

Source code for error

Quote

<li>
<a href="#"><i class="fa fa-list"></i> Categories</a>
<br>
<b>Notice</b>:  Undefined variable: output in <b>/includes/modules/cat_navbar_responsive.php</b> on line <b>76</b>
<br>
<br>
<b>Notice</b>:  Undefined variable: output in <b>/includes/modules/cat_navbar_responsive.php</b> on line <b>122</b>
<br>
<ul id="">
<li><a href="http://www.edited-out.ca/index.php?cPath=1">Hardware</a></li>
<li><a href="http://www.edited-out.ca/index.php?cPath=2">Software</a></li>
<li><a href="http://www.edited-out.ca/index.php?cPath=3">DVD Movies</a></li>
<li><a href="http://www.edited-out.ca/index.php?cPath=21">Gadgets</a></li>
</ul>
</li>

 

Share this post


Link to post
Share on other sites

All I can recomend is you turn it off and uninstall then delete the files.

Then reinstall making sure to only load the correct files for your version of CE. Please also remember that BS4 is a development version so I can not guarantee it will work with your version. This was tested on the first issue of BS4 Edge.

Which is this test site https://chilleddisplays.co.uk

on which you can see the nav working fine. As I said pm a link and I might be able to de bug but no prommises.

Alternativly go get @burt 's 28days if I remember it has a nav cats add-on in it and he is issuing BS4 versions 😊 you get a profesional add-on @burt gets some support.

 


 

Share this post


Link to post
Share on other sites
24 minutes ago, Dnj1964 said:

Notice: Undefined variable: output in /includes/modules/cat_navbar_responsive.php on line 76

Also please note that this is NOT an error. Please read the post as this has been pointed out before.

 


 

Share this post


Link to post
Share on other sites

BS4 & Categories 1.3

One thing I am good at is taking a prefectly working code and butchering the hell out of it!

It shows all categories and has a different cPath=xx for each category.

It opens a category page when clicking on each category or sub-category.

It does not show any products at all

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>For Her | Naughty Pleasures</title>
<base href="http://www.naughtypleasures.ca/">

<!-- bs 4.2 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">

<!-- fa 5.6  -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

<link href="custom.css" rel="stylesheet">
<link href="user.css" rel="stylesheet">
<link href="naughty_favicon/favicon.ico" rel="shortcut icon">

<link rel="canonical" href="http://www.naughtypleasures.ca/index.php?view=all&amp;cPath=23" />
</head>
<body>

  <nav class="navbar bg-light navbar-light sticky-top navbar-expand-sm cm-navbar">
  <div class="container-fluid">
    <div class="navbar-header">
<button type="button" class="navbar-toggler nb-hamburger-button" data-toggle="collapse" data-target="#collapseCoreNav" aria-controls="collapseCoreNav" aria-expanded="false" aria-label="Toggle Navigation">
  <span class="navbar-toggler-icon"></span></button>


<a class="navbar-brand" href="http://www.naughtypleasures.ca/index.php"><img src="images/np-logo.png" alt="Naughty Pleasures" title="Naughty Pleasures" width="405" height="60" class="img-fluid" /></a>

<style>
.navbar-header  {
    background-color: #FFFFFF ;
    background-image: url() !important;
    color: #B62285 ;
} 

.navbar-light .navbar-nav .nav-link {
    background-image: url() !important;
    color: #B62285;
}
.bg-light {
    background-color: #FFFFFF !important;
    background-image: url() !important;
    color: #B62285 ;
} 

.navbar-light .navbar-brand {
    color: #B62285 ;
}
.breadcrumb {
    background-color:  ; 
    color: ;
}   

.alert-info  {
    background-color: #FDE6FD ; 
    color: ;
    border-color: #FDE6FD;
}   
.card-header {
    background-color: #F7E4F1 ; 
    background-image: url() !important;
    color: #B62285 ; 
}

.card-body {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
}

.card-footer {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
}

.btn-view {
    
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
    
}

.btn-view:hover {
    background-color: #FDE6FD ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
    
}



.btn-success {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
}

.btn-success:hover {
    background-color: #dfe3ee ; 
    color: #FDE6FD ; 
    border-color:#dfe3ee ;
}

.btn-secondary {
    background-color: #FDE6FD ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
}

.btn-secondary:hover {
    background-color: #FDE6FD ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
}

.btn-primary {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
}

.btn-primary:hover {
    background-color: #FDE6FD ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
}

.btn-danger {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
}

.btn-danger:hover {
    background-color: #FDE6FD ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
}

.btn-warning {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
}

.btn-warning:hover {
    background-color: MODULE_NAVBAR_JCM_COLOR_BRAND_CONTENT_NAVBARB_BUTTONWARNINGRHBC ; 
    color: #B62285 ; 
    border-color:#FDE6FD ;
}

.btn-info {
    background-color: #F7E4F1 ; 
    color: #B62285 ; 
    border-color:#F7E4F1 ;
}

.btn-info:hover {
    background-color:  ; 
    color: #B62285 ; 
    border-color: ;
}

.bm-categories .list-group-item{
    background-color: #B62285 ; 
    color: #FDE6FD;
}

.bm-categories .list-group-item:hover {
    background-color:#B62285 ; 
    color: #FDE6FD;
}
.bm-best-sellers .list-group-item{
    background-color: #FFFFFF ; 
    color: #B62285;
}

.bm-best-sellers .list-group-item:hover {
    background-color:#B62285 ; 
    color: #FDE6FD;
}



.jumbotron {
    background-color: #FFFFFF ; 
    background-image: url() !important;
    color: #B62285;
}

.footer a, h4 {
     
    color: #B62285;
}

.footer-extra  {
    background-color: #FFFFFF ; 
    background-image: url() !important;
    
    color: #B62285 !important;
}   
</style></div>
      
    <div class="collapse navbar-collapse" id="collapseCoreNav">
      <ul class="navbar-nav mr-auto">
<li class="nav-item nb-home">
  <a class="nav-link" href="http://www.naughtypleasures.ca/index.php"><i class="fa fa-home"></i> Home</a></li>


<script type="text/javascript" src="ext/responsivemenu/js/responsivemultimenu-LANGUAGE_CODE.js"></script>
<link rel="stylesheet" href="ext/responsivemenu/css/responsivemultimenu.css" type="text/css"/>

<li class="rmm style">
			<ul>
				<li>
				    <a href="#"><i class="fa fa-list"></i><b> Products</b></a>
					<ul id=""><li><a href="http://www.naughtypleasures.ca/index.php?cPath=23">For Her</a>
<ul><li><a href="http://www.naughtypleasures.ca/index.php?cPath=23_26">Dildos</a><li><a href="http://www.naughtypleasures.ca/index.php?cPath=23_27">Vibrators</a><li><a href="http://www.naughtypleasures.ca/index.php?cPath=23_28">Eggs/Bullets</a></li>
</ul></li>
<li><a href="http://www.naughtypleasures.ca/index.php?cPath=24">For Him</a><li><a href="http://www.naughtypleasures.ca/index.php?cPath=25">Couples</a></li>
<li><a href="http://www.naughtypleasures.ca/index.php?cPath=21">Lubes</a></li>
<li><a href="http://www.naughtypleasures.ca/index.php?cPath=34">Sensual</a><li><a href="http://www.naughtypleasures.ca/index.php?cPath=22">Bondage</a></li>
</ul></li>					
				</ul>
	<!-- menu end -->
</li>

<style>


/* minimal styles for that navi */
.rmm {z-index:900;}
.rmm ul {margin: 0; padding:0; list-style: none; position: relative; background: #FDE6FD; z-index:900;}
.rmm ul:after {content: ""; clear: both; display: block;}
.rmm ul li {float: left;}
.rmm ul li:hover {background: #FDE6FD;}
.rmm ul li:hover > ul {display: block;}
.rmm ul li:hover a{color: #B62285;}
.rmm ul li a {color: #B62285; display: block; text-decoration: none;}
.rmm ul ul {display: none; margin:0; padding: 0; position: absolute; top: 100%;}
.rmm ul ul li {float: none; position: relative;}
.rmm ul ul li a{color: #B62285;}
.rmm ul ul li a:hover {background: #FDE6FD;}
.rmm ul ul ul {position: absolute; left: 100%; top:0; width: 100%;}

/* mobile menu header button */
.rmm-toggled {width: 100%; background-color: #FDE6FD; min-height: px; margin: 0 auto; display: none; cursor:pointer;}
.rmm-closed ~ .rmm-mobile {display: none!important;}
.rmm-toggled-controls{width: 100%;}
.rmm-toggled-title{width: 60%; float: left; font-size: 25px; color: #B62285; font-weight:600; display: block; padding: 8px 0; text-decoration: none; text-align: left; padding-left: 35px;}
.rmm-toggled-button{width: 20%; float: left; margin-top: 3px;
	display:block;
	width: 32px;
	padding:0 !important;
	margin:10px 10px 0 0;
	border:1px solid #FDE6FD;
	border-radius:3px;
	float: right;
}
.rmm-toggled-button span{float: left; display:block; margin: 3px 6px; height: 3px; background:#FDE6FD; width:20px;}

/* normalny back button visible only on mobiles  */
.rmm .rmm-back{display: none; font-size: 13px;}
.rmm .rmm-back:after {display: none;}
.rmm .rmm-back a:after {
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	position: relative;
	display: inline-block;
	-webkit-transform: rotate(-60deg);
	transform: rotate(-60deg);
	top: 1px;
	right: -2px ;
	float: left;
	font-size: 13px;
	color:#B62285;
}
.rmm-mobile .rmm-back{display: block;}

/* mobile menu list */
.rmm-mobile{width: 10%;}
.rmm-mobile .rmm-dropdown:hover ~ ul, .rmm-mobile .rmm-dropdown:hover > ul ,.rmm-mobile .rmm-dropdown:hover + ul {display: none!important;}
.rmm-mobile ul{width: 100%; position: inherit!important;}
.rmm-mobile li{width: 100%; }

/* mobile menu js action */
.rmm-dropdown{display: block!important;}
.rmm-mobile .rmm-subview{display: block!important; width: 100%;}
.rmm-mobile .rmm-subover-hidden{display: none!important;}
.rmm-mobile .rmm-subover-visible{display: block;}
.rmm-mobile .rmm-subover-header{display: none!important; padding: 0; margin: 0;}


/* mobile menu content */
.rmm-mobile .rmm-submenu {
position: relative; left: 0px;
}


.rmm .rmm-mobile li:hover > ul {
display: none;
}


/* arrow down for wide screen */
.rmm.style {
text-align: left; font-family: Helvetica Neue!important;
}


.rmm.style ul {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 background: #FFFFFF; 
 text-transform: capitalize; 
 display: inline-table; text-align:left;
 margin-top: 4px;
 } /* original #F2F2F2 changed to #E92121*/


.rmm.style ul li {
text-align:left;
}


.rmm.style ul li:hover {
background: #FDE6FD;
} /* original #DDEBF7 replaced by #ef7070 */


.rmm.style ul ul {
display: none; margin:0; background: #FFFFFF; border-radius: 0px; padding: 0; position: absolute;
}


.rmm.style ul li a {
color:#B62285; font-weight:100; display: block; padding: 5px 20px; text-decoration: none; 
}/* original #4B5668 changed to #ffffff */


.rmm.style ul ul li {
border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF;
}


.rmm.style ul ul li a {
padding: 2px 50px; color:#B62285;;
}


.rmm.style ul ul li a:hover {
background: #FDE6FD;
}


/* arrow down for wide screen */
.rmm.style ul li > a:not(:only-child):after {
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	position: relative;
	display: inline-block;
	-webkit-transform: rotate(210deg);
	transform: rotate(210deg);
	top: -4px;
	left: 1px;
	font-size: 10px;
}

/* arrow left for wide screen submenus  */
.rmm.style ul ul li > a:not(:only-child):after {-webkit-transform: rotate(120deg)!important; transform: rotate(120deg)!important; top: 2px; font-size: 12px; float: right; margin-right: -20px;}


/* mobile style */
.rmm.style .rmm-mobile li > a:not(:only-child):after {
-webkit-transform: rotate(120deg)!important; transform: rotate(120deg)!important; top: 4px!important; font-size: 14px!important; float: right; margin-right: -20px;
}


.rmm.style .rmm-mobile li{
background: #FDE6FD; border-bottom: 1px solid #FDE6FD!important; border-top: 0!important; 
}


.rmm.style .rmm-mobile li:hover {
background:#FDE6FD;
}


.rmm.style .rmm-mobile ul li a:hover {
background: #FDE6FD;
}

/*
 like mobile view style
.rmm.style2 {text-align: left; font-family: Tahoma;}
.rmm.style2 ul {box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15); background:#990; text-transform: uppercase; display: inline-table; text-align:left; width: 100%;}
.rmm.style2 ul li {float: none;}
.rmm.style2 ul li:hover {background: #4b545f;}
.rmm.style2 ul ul {display: none; margin:0; background: #5f6975; border-radius: 0px; padding: 0; position: relative;}
.rmm.style2 ul li a {color: #fff; font-weight:600; display: block; padding: 15px 35px; text-decoration: none; font-weight:600; }
.rmm.style2 ul ul li {border-bottom: 1px solid #575F6A; border-top: 1px solid #6B727C;}
.rmm.style2 ul ul li a {padding: 12px 35px; color: #fff; }
.rmm.style2 ul ul li a:hover {background: #4b545f;}
.rmm.style2 ul ul ul {left: 0;}
*/

/* suhi */
</style>


<script>
    $('ul.nav li.dropdown').hover(function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);
}, function() {
  $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);
});
</script>
<li class="nav-item dropdown nb-account"> 
  <a class="nav-link dropdown-toggle" href="#" id="navDropdownAccount" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <i class="fa fa-fw fa-user"></i> My Account <span class="caret"></span>  </a>
  <div class="dropdown-menu" aria-labelledby="navDropdownAccount">
    <a class="dropdown-item" href="http://www.naughtypleasures.ca/login.php"><i class="fas fa-fw fa-sign-in-alt"></i> Log In</a><a class="dropdown-item" href="http://www.naughtypleasures.ca/create_account.php"><i class="fas fa-fw fa-pencil-alt"></i> Register</a>    <div class="dropdown-divider"></div>
    <a class="dropdown-item" href="http://www.naughtypleasures.ca/account.php">My Account</a>    <a class="dropdown-item" href="http://www.naughtypleasures.ca/account_history.php">My Orders</a>    <a class="dropdown-item" href="http://www.naughtypleasures.ca/address_book.php">My Address Book</a>    <a class="dropdown-item" href="http://www.naughtypleasures.ca/account_password.php">My Password</a>  </div>
</li>

</ul>
<ul class="navbar-nav ml-auto">
<li class="navbar-search"><form name="quick_find" action="http://www.naughtypleasures.ca/advanced_search_result.php" method="get" class="navbar-form"><div class="input-group"><input type="search" name="keywords" required placeholder="Search" class="form-control" /><span class="input-group-btn"><button type="submit" class="btn btn-info"><i class="fa fa-search"></i></button></span></div></form></li>
<li class="nav-item dropdown nb-shopping-cart">
  <a class="nav-link dropdown-toggle" href="#" id="navDropdownCart" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <i class="fa fa-fw fa-shopping-cart"></i> 0 item(s) <span class="caret"></span>  </a>
        
  <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navDropdownCart">
    <a class="dropdown-item" href="http://www.naughtypleasures.ca/shopping_cart.php">0 item(s), $0.00</a>  </div>
</li>

</ul>
    </div>
  </div>
</nav>

  
  <div id="bodyWrapper" class="container-fluid">

    
<div class="row">
  <noscript>
  <div class="col-sm-12 cm-header-noscript">
    <div class="alert alert-danger text-center">
      <p><strong>JavaScript seems to be disabled in your browser.</strong></p><p>You must have JavaScript enabled in your browser to utilize the functionality of this website.<br><a class="alert-link" href="https://www.enable-javascript.com/" target="_blank" rel="nofollow">Click here for instructions on enabling javascript in your browser</a>.    </div>
  </div>
</noscript>
</div>

<div class="body-sans-header clearfix">


    <div class="row">
      <div id="bodyContent" class="col order-xs-1 order-md-6">
<div class="contentContainer">
  <div class="row">
    <div class="col-sm-12 title cm-ip-title">
  <h1 class="display-4">For Her</h1>
</div>

  </div>
</div>


      </div> <!-- bodyContent //-->


      <div id="columnLeft" class="col-md-2 order-xs-6 order-md-1">
        <div class="card bm-manufacturers">
  <div class="card-header">Manufacturers</div>
  <ul class="list-group list-group-flush">
    <li class="list-group-item"><form name="manufacturers" action="http://www.naughtypleasures.ca/index.php" method="get"><select name="manufacturers_id" onchange="this.form.submit();" size="1" style="width: 100%" class="form-control"><option value="" selected="selected">Please Select</option><option value="11">Aneros</option><option value="6">Kama Sutra</option><option value="4">Stud 100</option></select></form></li>  </ul>
</div>


<div class="card bm-whats-new">
  <div class="card-header"><a href="http://www.naughtypleasures.ca/products_new.php">What's New?</a></div>
  <div class="card-body text-center">
    <a href="http://www.naughtypleasures.ca/product_info.php?products_id=44"><img src="images/helix-200.png" alt="Aneros Helix Trident" title="Aneros Helix Trident" width="200" height="200" class="img-fluid" /></a><br /><a href="http://www.naughtypleasures.ca/product_info.php?products_id=44">Aneros Helix Trident</a><br />$55.99  </div>
</div>

      </div>


    </div> <!-- row -->

  </div> <!-- bodyWrapper //-->

  
</div>

<footer>
  <div class="jumbotron jumbotron-fluid jumbotron-footer">
    <div class="container-fluid">
      <div class="footer">
        <div class="row">
          <div class="col-sm-6 col-md-3 cm-footer-information-links">
  <h4>Information</h4>
  <ul class="list-unstyled list-tap-target">
    <li><a href="http://www.naughtypleasures.ca/privacy.php">Privacy &amp; Cookie Policy</a></li>
<li><a href="http://www.naughtypleasures.ca/conditions.php">Terms &amp; Conditions</a></li>
<li><a href="http://www.naughtypleasures.ca/shipping.php">Shipping &amp; Returns</a></li>
<li><a href="http://www.naughtypleasures.ca/contact_us.php">Contact Us</a></li>
  </ul>  
</div>


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
#social {
    padding-top: 8%;
    padding-bottom: 1%;
    margin-top:0%;
    margin-bottom: 1%;
    
}
#social ul{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0;
padding: 0;
display: flex;

}
#social ul li{
list-style: none;
margin: 0 40px;

}
#social ul li .fa{
font-size: 40px;
color: #262626;
line-height: 80px;
transition: .5s;

}
#social ul li a{
position: relative;
display: block;
width: 80px;
height: 80px;
background-color: #fff;
text-align: center;
transform: perspective(100px) rotate(-30deg) skew(25deg) translate(0,0);
transition: .5s;
box-shadow: -20px 20px 10px rgb(0, 0, 0, 0.5);
}
#social ul li a::before{
content: "";
position: absolute;
top: 10px;
left: -20px;
height: 100%;
width: 20px;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewY(-45deg);
}
#social ul li a::after{
content: "";
position: absolute;
top: 80px;
left: -11px;
height: 20px;
width: 100%;
background: #b1b1b1;
transition: .5s;
transform: rotate(0deg) skewX(-45deg);
}
#social ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#social ul li:hover .fa{
color: #fff;
}
#social ul li a:hover{
transform: perspective(1000px) rotate(-30deg) skew(25deg) translate(20px, -20px);
box-shadow: -50px 50px 50px rgb(0, 0, 0, 0.5);
}
#social ul li:hover:nth-child(1) a{
background: #3b5999;
}

#social ul li:hover:nth-child(1) a:before{
background: #2e4a86;
}
#social ul li:hover:nth-child(1) a:after{
background: #4a69ad;
}
#social ul li:hover:nth-child(2) a{
background: #55acee;
}
#social ul li:hover:nth-child(2) a:before{
background: #4184b7;
}
#social ul li:hover:nth-child(2) a:after{
background: #4d9fde;
}
#social ul li:hover:nth-child(3) a{
background: #dd4b39;
}

#social ul li:hover:nth-child(3) a:before{
background: #c13929;
}
#social ul li:hover:nth-child(3) a:after{
background: #e83322;
}

#social ul li:hover:nth-child(4) a{
background: #0077B5;
}

#social ul li:hover:nth-child(4) a:before{
background: #036aa0;
}
#social ul li:hover:nth-child(4) a:after{
background: #0d82bf;
}

#social ul li:hover:nth-child(5) a{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}

#social ul li:hover:nth-child(5) a:before{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}
#social ul li:hover:nth-child(5) a:after{
background: linear-gradient(#400080, transparent), linear-gradient(200deg, #d047d1, #ff0000, #ffff00);
}
.sc {
  position: absolute;
  left: 50%;
  top: 50%;
  top: calc(50% - 50px);
  transform: translate(-50%, -50%);
  width: 600px;
  color: blue;
  text-align: center;
}

@media (max-width: 40em) {
#social {
display: none;
}
}
</style>
<div id="social" class="col-sm-12 col-md- cm-footer-social-bookmarks">
  <h4 class="sc"></h4>
  

<ul id="social">
<li><a href="https://www.facebook.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li>
<li><a href="https://www.linkedin.com" target="_blank" rel="noopener noreferrer"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
<li><a href="#" target="_blank" rel="noopener noreferrer"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
</ul>
 
</div>

        </div>
      </div>
    </div>
  </div>
  <div class="footer-extra">
    <div class="container-fluid">
      <div class="row">
        <div class="col-sm-6 text-center text-sm-left cm-footer-extra-copyright">
  <center><p><b>Copyright &copy; 2019 <a href="http://www.naughtypleasures.ca/index.php">Naughty Pleasures</a></b><br/><img class="img-responsive" src="images/canadian.gif" alt="100% Canadian Owned & Operated"></p></center></div>

      </div>
    </div>
  </div>
</footer>

 
  
  <!-- bs 4.2 -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>

  <script>
var cc = sessionStorage.list_grid;
  
if (cc == 'list') {
  $('#products .item').removeClass('g-g-i').addClass('l-g-i').addClass('col-sm-12');
}else {
  $('#products .item').removeClass('l-g-i').addClass('g-g-i').removeClass('col-sm-12');
}
  
$(document).ready(function() {
  $('#list').click(function(event){
    event.preventDefault();
    $('#products .item').addClass('l-g-i').removeClass('g-g-i').addClass('col-sm-12');
    sessionStorage.setItem('list_grid', 'list');
  });
  $('#grid').click(function(event){
    event.preventDefault();
    $('#products .item').removeClass('l-g-i').addClass('g-g-i').removeClass('col-sm-12');
    sessionStorage.setItem('list_grid', 'grid');
  });    
});
</script>

<script type="application/ld+json">{"@context":"http:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":0,"item":{"@id":"http:\/\/www.naughtypleasures.ca","name":" Home"}},{"@type":"ListItem","position":1,"item":{"@id":"http:\/\/www.naughtypleasures.ca\/index.php","name":"Catalog"}},{"@type":"ListItem","position":2,"item":{"@id":"http:\/\/www.naughtypleasures.ca\/index.php?cPath=23","name":"For Her"}}]}</script>  
  <script>
  var filter = $('.filter-list');
  $('div.alert-filters > ul.nav').append($('<ul>').attr('class','nav ml-auto').append($('<li>').append(filter)));  
  </script>

</body>
</html>

 

Share this post


Link to post
Share on other sites

😊 Yes clearly somthing gone wrong. Best thing to do is step back the changes you made untill it works again. Or if you don't have those reinstall the add-on as stock.


 

Share this post


Link to post
Share on other sites

That is about what I thought!

Was hoping for a simpler solution but why would anything be simple.

Thanks!

Share this post


Link to post
Share on other sites

I just did a full site backup and database backup

 

Will have another look at things but probably just going to start fresh and reload 1 by 1 like you said.

Share this post


Link to post
Share on other sites

Yes you do have a simple solution first, 😊 no harm it trying it first. I see you have a number of index modules turned of such as breadcrumbs, go to admin/modules/content and see of you have product listing on index_products turned off? It's long shot but you never know.

If it's off it will produce the same results you are seeing. Just turn it on again.

Edited by JcMagpie

 

Share this post


Link to post
Share on other sites
5 hours ago, JcMagpie said:

Yes you do have a simple solution first, 😊 no harm it trying it first. I see you have a number of index modules turned of such as breadcrumbs, go to admin/modules/content and see of you have product listing on index_products turned off? It's long shot but you never know.

If it's off it will produce the same results you are seeing. Just turn it on again.

Ok so it is confirmed...

If you look up idiot in the dictionary, you will find my picture front and center.

It really was just that simple.

I really hate to admit my stupidity, but if you can't laugh at yourself your finished before you started.

Thank you very much for the simple suggestion.

Clicking those little radio button is almost like a game even if you don't understand the outcome or consequences as it may be!

Share this post


Link to post
Share on other sites

I did notice that the categories add-on is broken, no buttons or boxes to change anything.

Easy fix was to uninstall and hard code the position and colors.

 

 

image.thumb.png.30ce1796f725f08b6fab541fe4df3a35.png

Share this post


Link to post
Share on other sites
3 minutes ago, Dnj1964 said:

Easy fix was to uninstall and hard code the position and colors.

No that  should not be the case, you need to press edit to get the ablity to change things, or if it is broken then best thing is to turn off and uninstall and do fresh install.


 

Share this post


Link to post
Share on other sites
15 minutes ago, Dnj1964 said:

If you look up idiot in the dictionary, you will find my picture front and center.

No "been there done that got the t shirt" we have all done it at some point. 😂


 

Share this post


Link to post
Share on other sites
1 minute ago, JcMagpie said:

No that  should not be the case, you need to press edit to get the ablity to change things, or if it is broken then best thing is to turn off and uninstall and do fresh install.

I did a fresh install 3 times and it doesn't fix it.

I will try and upload all the stock files again and then reinstall

Share this post


Link to post
Share on other sites

 Good module will allow edit , if not clearly somthing gone wrong in your edits, it happens i've done it many times, with php it's easy to do.

image.png.7e8964fda76fb4dcde719ffb3a4e9a57.png


 

Share this post


Link to post
Share on other sites

Uninstalled

Uploaded my changed files again...

And it works again.

Go figure.

Thanks and have a great day.

Can't wait until my EV SSL finally arrives...

That should be real fun.

Stay tuned, I guessing a lot more posts to come...

Share this post


Link to post
Share on other sites

@Dnj1964It is customary that if you like the support or the response that a person gave to you, you can be grateful and put a like


Setting up a new Frozen site with so many nice addons available on the market and waiting to be admitted to Phoenix club!

Community Oscommerce fan :heart:

 

Share this post


Link to post
Share on other sites

Going backwards a bit.

Was just looking at the code.

/public_html/includes/modules/navbar_modules/templates/tpl_nb_horizontal_multi_menu.php

Includes coding for<style> but the file also calls <style> from

/public_html/ext/responsivemenu/css/responsivemultimenu.css

<link rel="stylesheet" href="ext/responsivemenu/css/responsivemultimenu.css" type="text/css"/>

And pulls from .dropdown-menu css code

If the <style> is inserted into the page shouldn't the link to ext be set

<!--<link rel="stylesheet" href="ext/responsivemenu/css/responsivemultimenu.css" type="text/css"/>-->

 

Changing the .dropdown-menu

min-width: 150px;  to  min-width: 600px;

Doesn't seem to work

Want to change the

menu width

sub-menu width

sub-sub-menu width

Thanks

Share this post


Link to post
Share on other sites
On 2/14/2019 at 9:22 AM, valquiria23 said:

@Dnj1964It is customary that if you like the support or the response that a person gave to you, you can be grateful and put a like

Sorry I missed post.

Actually figured that Etiquette out as plodded along.

Thanks though

Share this post


Link to post
Share on other sites
10 hours ago, Dnj1964 said:

If the <style> is inserted into the page shouldn't the link to ext be set

No as the local css is only for the bits that can be changed in admin! ie to overide the main file. The menu is responsive hence width is set to 100% so it will auto change as screen size changes. You can make small changes with padding but setting a fixed width is not recomended. But as always it's your site so you can do what ever you like.

min-width works fine on stock code 😊, just make sure you apply it to the right part of the css. Again I do NOT recomend doing this.

image.png.263e8a85d08a700c6712d12d0e27dbb0.png

 


 

Share this post


Link to post
Share on other sites

Thanks for the clarification.
Was trying to figure it out

Understand the why now

Thanks again

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×