Jump to content
Latest News: (loading..)

Dnj1964

Members
  • Content count

    62
  • Joined

  • Last visited

Profile Information

  • Real Name
    Doug
  • Gender
    Male
  • Location
    Ontario, Canada

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Dnj1964

    Add Video - Product Info

    You were right! Thank you! Special character was the problem. Getting rid of the "+" did it. Then putting it in the <iframe> loading from server made the video autoplay. <div class="embed-responsive embed-responsive-16by9"> <iframe width="530" height="298" src="http://www.naughtypleasures.ca/videos/fun-factory/battery-plus-fun-factory-product-video.mp4"></iframe> </div> So changed the code to: <div class="embed-responsive embed-responsive-16by9 hoverable"> <video class="embed-responsive-item" controls> <source src="http://www.naughtypleasures.ca/videos/fun-factory/battery-plus-fun-factory-product-video.mp4" type="video/mp4"> </video> </div> And it adds play controls and by using "hover" the controls disappear while playing unless mouse over video.
  2. Dnj1964

    Add Video - Product Info

    If I am using outside the tabs I shouldn't need the _VID1... i'll figure it out. Thanks
  3. Dnj1964

    Add Video - Product Info

    I would prefer to the save the video to my server and use that way that way if they are ever removed then it doesn't affect my pages. For some reason uploading and linking locallly doesn't seem to want to work. If I strip the actual URL from the website and add it into an <iframe> it works. <div class="embed-responsive embed-responsive-16by9"> <iframe width="530" height="298" src="https://www.youtube-nocookie.com/embed/sNPly-u7XMY?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen=""></iframe> </a> </div>
  4. Dnj1964

    Add Video - Product Info

    I want to add video to the product info description. Using: <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="videos/battery-+-fun-factory.mp4"></iframe> </div> video folder is in /public_html Also tried linking to youtube url instead of server: <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://youtu.be/sNPly-u7XMY"></iframe> </div> Both give a 404 error Please contact the web site owner for further assistance. Highly unlikely he will be of any useful help.
  5. 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...
  6. 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
  7. 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.
  8. 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!
  9. 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.
  10. That is about what I thought! Was hoping for a simpler solution but why would anything be simple. Thanks!
  11. 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>
  12. Dnj1964

    Adding images into product description

    Thanks, I understand simple, about the only thing I do understand.
  13. Dnj1964

    Adding images into product description

    Need to figure out why it wants the image in public_html instead of public_html/images Now that the image is working in the table is it better to use <table> tags or add somthing like this: <div class="divTable"> <div class="divTableBody"> <div class="divTableRow"> <div class="divTableCell"> <ul>Product Specs <li>Tip Width: 0.50&rdquo;</li> <li>Upper Knob: 0.63&rdquo;</li> <li>Lower Knob: 1.75&rdquo;</li> <li>Insertable Length: 3.75&rdquo;</li> </ul> </div> <div class="divTableCell"><img class="img-responsive" src="tempo-specs-image-200.png" alt="Aneros Tempo Sizing" /></div> </div> </div> </div> And add the below to user.css .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #FFFFFF; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #FFFFFF; display: table-cell; padding: 3px 10px; } .divTableHeading { background-color: #FFFFFF; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #FFFFFF; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; }
  14. Dnj1964

    Adding images into product description

    Thanks for the advice on that. I will go and edit all the image names.
  15. Dnj1964

    Adding images into product description

    I will run Norton and see but system is set to pretty high security
×