Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Support thread for Categories navbar v2.3.4.1CE


Recommended Posts

  • Replies 65
  • Created
  • Last Reply
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

 

Link to comment
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>

 

Link to comment
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.

 

 

Link to comment
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.

 

 

Link to comment
Share on other sites

  • 2 weeks later...

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>

 

Link to comment
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.

 

Link to comment
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!

Link to comment
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.

 

Link to comment
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

Link to comment
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...

Link to comment
Share on other sites

  • 1 month later...

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

Link to comment
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

Link to comment
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

 

 

Link to comment
Share on other sites

  • 10 months later...

thx I like this.

there is one issue . when I have a subcategory. the menu dose not open the subcategory until I click the category then the arrow appears and I can slide to subcategories.

try to be clear the arrow for subcategories only appear when on that category

 

you can cut up to 4 pages of your checkout by using my three add_ons

login create account in one page

Express checkout  

login pop up modal

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...