Jump to content
Latest News: (loading..)

Search the Community

Showing results for tags 'bootstrap'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • News and Announcements
    • News and Announcements
    • Partner Announcements
    • Ambassadors
  • Commercial Support
    • Developer Feedback
  • osCommerce Online Merchant v2.x
    • General Support
    • Installation and Configuration
    • Upgrading from Earlier Versions (v2.x to v2.x)
    • Add-Ons
    • Tips and Tricks
    • Security
  • Development
    • osCommerce Online Merchant v2.4
    • osCommerce Online Merchant Community Bootstrap Edition
    • osCommerce Online Merchant v3.x
    • Development Proposals
  • General
    • Next Steps / Optimizations / Marketing
    • Live Shop Reviews
    • E-Commerce Laws
    • General Discussions
    • PHP / SQL / Web Design
  • oscBooks and oscTemplates's Announcements
  • Mini Template System's Announcements
  • PayPal's Announcements
  • Sage Pay's Announcements
  • Solomono - new level osCommerce templates's Announcements

Found 61 results

  1. Manufacturer's Name With URL Link - Content Module - For Product Info Page CE Add-On Bootstrap Community Edition This is a support forum for problems and questions related to this content module add-on for CE Add-On Bootstrap Community Edition This add-on can be downloaded here: https://apps.oscommerce.com/LMcWt&manufacturer-s-name-with-url-link-bs
  2. Hi All, Has anyone developed a 2.3.4 BS Module for: Displaying The Manufacturer's Name ( Link To All Products ) On The Product_Info.php Page of the website... Modules > Content Modules > Product Info > Manufacturer Ideally it would Display the Manufacturer's Name and be Hyperlink to All of the Products by this Same Manufacturer... Taking the user to... for example: /index.php?manufacturers_id=2 I did not see an add-on available, but wanted to ask the community for help first! Thank You All!
  3. Generic Infobox

    This module allows one infobox module to be installed that can contain any number of template files. In effect, it is an infobox container. This could be accomplished by creating many individual modules but this provides a better way in certain situations. With this module, - Add a new section by adding just one more file, instead of the normal three files. - Easily enable and disable the modules via the main module in admin. - Sort the modules via the setting in the file. - One css class controls the whole appearance of the infobox, allowing more design choices for the shop. Currently only available for the Responsive version, though it should work in some later 2.3.4 versions.
  4. Horizontal Megamenu

    This Addon adds a horizontal menu bar in the header of every store page. This menu bar contains the names of each of your top-level categories. When a customer clicks on a category name, a Megamenu expands below the menu bar. This Megamenu contains a category image and name for each of the top-level category's subcategories, or the top-level category image and name and a list of links to the products in that category if there are no subcategories. The Addon code is available here.
  5. Hi There, new to working with the FontAwesome icons and Edge So not sure if these update/remove buttons in "View Cart" are not displaying correctly because something isn't updated or configured. They both flash ! then ? I have modular shopping cart installed. I did referenced this page first: Then checked my cm_sc_product_listing.php and changed fa fa-refresh to fas fa-sync and the other to fas fa-times - but no change My template_top has <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script> Lost as were to go next. Thank you Tiffany
  6. Hi All, I may end up soliciting professional help here but for now just generally looking for best way to attack this or a strategy to upgrade. My shop http://www.houseofaberrant.com is running on 2.3.4 I know i'm very late to the party with responsive site and mobile friendly which i'm positive has effected my shop's sales and customer growth. I see so much that this bootstrap and upcoming OSC changes that will help - all super exciting! Challenges I've had over the last years applying add-ons or performing regular OSC updates is that my site uses a AZ template (happy to stop using). I understand there are two parts the database conversion and the shop itself. Should I attempt conversion (if possible) 2.3.4 to 2.3.4 responsive / bootstrap Gold/Edge Or would it be best to start from scratch? My site is on PHP 5.4 and host supports ( PHP 5.6.32, MySQL 5.6.32-78.1) I have about 350 active product listings. Thanks in advance! Tiffany
  7. Alright, so I'm still using version 2.3.4 and I'm looking to upgrade to the latest bootstrap version by the end of the year, if not sooner. The main bootstrap theme looks fine but I was wondering if I could incorporate any other bootstrap frameworks for the front-end. Has anyone had any experience doing this? I have my eye on a few libraries, particularly the Material Design Bootstrap kits/frameworks but didn't know really where to start to add them to osCommerce....if at all possible.
  8. This is a admin sidebar that replaces the stock menu. It can be expanded or condensed on a column of icons. It also adds bootstrap framework to admin. Hope you enjoy it. Please comment here if you have any improvements or find any problem. Download: https://apps.oscommerce.com/ebjVY&admin-responsive-sidebar-with-bootstrap
  9. Convert via jQuery your osCommerce admin to bootstrap the easy way, tutorial below the video. Video updated to V8 https://youtu.be/7v7LvPLyRYQ admin/includes/stylesheet.css (back-up & Replace): /* $Id$ osCommerce, Open Source E-Commerce Solutions http://www.oscommerce.com Copyright (c) 2014 osCommerce Released under the GNU General Public License */ /* body { font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 0.7em; } */ body { display: none; } /* links */ a { color: #000000; font-weight: normal; text-decoration: none; } a:hover { text-decoration: underline; } a.headerLink { color: #ffffff; font-weight: bold; text-decoration: none; } a.headerLink:hover { text-decoration: underline; } a.menuBoxHeadingLink { color: #616060; font-weight: bold; text-decoration: none; } a.menuBoxHeadingLink:hover { } a.menuBoxContentLink { color: #616060; font-weight: normal; text-decoration: none; } a.menuBoxContentLink:hover { text-decoration: underline; } a.splitPageLink { color: #0000FF; font-weight: normal; text-decoration: none; } a.splitPageLink:hover { text-decoration: underline; background-color: #FFFF33; } /* menu box */ .menuBoxHeading { color: #616060; background-color: #ffffff; } .menuBoxContent { color: #616060; } /* page */ /*body { background-color: #ffffff; color: #000000; margin: 0px; }*/ /*.headerBar { background-color: #B3BAC5; }*/ /*.headerBarContent { color: #ffffff; font-weight: bold; padding: 2px; }*/ /*.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }*/ /*.pageHeading { font-size: 1.5em; color: #727272; font-weight: bold; }*/ /* data table .dataTableHeadingRow { background-color: #C9C9C9; } .dataTableHeadingContent { color: #ffffff; font-weight: bold; } .dataTableRow { background-color: #F0F1F1; } .dataTableRowSelected { background-color: #DEE4E8; } .dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; } .dataTableContent { color: #000000; } */ /* info box .infoBoxHeading { color: #ffffff; background-color: #B3BAC5; } .infoBoxContent { color: #000000; background-color: #DEE4E8; } */ /* message box */ .messageBox { } .messageStackError, .messageStackWarning { background-color: #ffb3b5; } .messageStackSuccess { background-color: #99ff00; } /* forms CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; } FORM { display: inline; } */ /* account .formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; } .formAreaTitle { font-family: Tahoma, Helveticy, Verdana, Arial, sans-serif; font-weight: bold; } */ /* attributes */ /*.attributes-odd { background-color: #f4f7fd; }*/ /*.attributes-even { background-color: #ffffff; }*/ /* miscellaneous */ .specialPrice { color: #ff0000; } .oldPrice { text-decoration: line-through; } .fieldRequired { color: #ff0000; } .errorText { color: #ff0000; } /* new messageStack styles .secInfo, .secSuccess, .secWarning, .secError { border: 1px solid; margin: 10px 0px; padding: 5px 10px 5px 50px; background-repeat: no-repeat; background-position: 10px center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .secInfo { border-color: #00529B; background-image: url('../images/ms_info.png'); background: url('../images/ms_info.png') no-repeat 10px center, url('../images/ms_info_bg.png') repeat-x; background-color: #BDE5F8; } .secSuccess { border-color: #4F8A10; background-image: url('../images/ms_success.png'); background: url('../images/ms_success.png') no-repeat 10px center, url('../images/ms_success_bg.png') repeat-x; background-color: #DFF2BF; } .secWarning { border-color: #9F6000; background-color: #FEEFB3; background-image: url('../images/ms_warning.png'); background: url('../images/ms_warning.png') no-repeat 10px center, url('../images/ms_warning_bg.png') repeat-x; background-color: #FEEFB3; } .secError { border-color: #D8000C; background-image: url('../images/ms_error.png'); background: url('../images/ms_error.png') no-repeat 10px center, url('../images/ms_error_bg.png') repeat-x; background-color: #FFBABA; } .secInfo p, .secSuccess p, .secWarning p, .secError p { padding: 2px; } #adminAppMenu { float: left; width: 190px; padding: 5px; } #adminAppMenu h3 { } #adminAppMenu ul { list-style: none; margin: -5px 0 -5px -10px; padding: 0; } #contentText { margin-left: 200px; }*/ /* Custom jQuery UI */ .ui-widget { } .ui-dialog { min-width: 500px; } /* buttons .tdbLink a { } .tdbLink button { } */ .selectwidthauto{ width:auto !important; } in admin/includes/template_top.php : [Viewport] DIRECTLY AFTER: <head> ADD: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> [bootstrap css] BEFORE: <link rel="stylesheet" type="text/css" href="includes/stylesheet.css"> ADD: <link href="../ext/bootstrap/css/bootstrap.min.css" rel="stylesheet"> [Font-awesome css] BEFORE: <script type="text/javascript" src="<?php echo tep_catalog_href_link('ext/flot/jquery.flot.min.js', '', 'SSL'); ?>"></script> ADD: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> [Flot chart resize fix] AFTER: <script type="text/javascript" src="<?php echo tep_catalog_href_link('ext/flot/jquery.flot.time.min.js', '', 'SSL'); ?>"></script> ADD: <script type="text/javascript" src="<?php echo tep_catalog_href_link('ext/flot/jquery.flot.resize.min.js', '', 'SSL'); ?>"></script> OPTIONAL SUMMERNOTE WYSIWYG DIRECTLY ABOVE </head> ADD: <!-- include summernote css/js--> <link href="//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet"> <script src="//cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script> admin/includes/template_bottom.php BEFORE: </body> ADD: <script> $(function() { //Prepare the DOM $(document).on("click", ".menu", function(){ osCMenu(this); }); $('body').prepend( "<div id='container-wrapper' class='container-fluid'><div class='row'></div></div>" ); columnLeft = $("<div class='col-md-2 menu-col'/>"); columnCenter = $("<div class='col-md-10 body-content-col'/>"); $('body .row').append(columnLeft, columnCenter); //Administrator Header Bar $('body').css('padding-top', '70px'); $('#adminAppMenu').appendTo('.menu-col'); //prepare table conversion $('table tbody tr.headerBar').parent().parent().addClass('table-2-nav'); //Convert logo to brand $('.table-2-nav a:first').addClass('navbar-brand'); $('.table-2-nav img:first').addClass('img-responsive').css('margin-top','-15px'); //wrap the logo and build the default nav $('.table-2-nav a:first').wrap( "<nav class='navbar navbar-default navbar-fixed-top'><div class='container-fluid'><div class='navbar-header'></div></nav>" ); //extend nav with toggle bar-button $('.navbar-header').prepend( "<button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#bs-example-navbar-collapse-1' aria-expanded='false'><span class='sr-only'>Toggle navigation</span><span class='icon-bar'></span><span class='icon-bar'></span><span class='icon-bar'></span></button> "); //create the visible navigation menu $('nav div:first').append("<div class='collapse navbar-collapse' id='bs-example-navbar-collapse-1'><ul class='nav navbar-nav navbar-nav-left'></ul><ul class='nav navbar-nav navbar-nav-right pull-right'></ul></div>"); //collect links var navLeftLinks = $('#bs-example-navbar-collapse-1 ul.navbar-nav-left'); var navRightLinks = $('#bs-example-navbar-collapse-1 ul.navbar-nav-right'); $('.table-2-nav .headerBarContent:first a').each(function () { var $this = $(this); var list = $("<li/>"); list.append( $this ); navLeftLinks.append(list); }); navLeftLinks.prepend('<li><a href="#" class="menu"><i class="fa fa-caret-square-o-left" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="Show/Hide menu"></i></a></li>'); var str = "<?php echo HEADER_TITLE_ADMINISTRATION; ?>"; var newhtml = $('ul.navbar-nav-left').html().replace(str, '<i class="fa fa-home" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="'+str+'"></i>'); $('ul.navbar-nav-left').html(newhtml); var str = "<?php echo HEADER_TITLE_ONLINE_CATALOG; ?>"; var newhtml = $('ul.navbar-nav-left').html().replace(str, '<i class="fa fa-cart-arrow-down" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="'+str+'"></i>'); $('ul.navbar-nav-left').html(newhtml); var str = "<?php echo HEADER_TITLE_SUPPORT_SITE; ?>"; var newhtml = $('ul.navbar-nav-left').html().replace(str, '<i class="fa fa-life-ring" aria-hidden="true" data-toggle="tooltip" data-placement="bottom" title="'+str+'"></i>'); $('ul.navbar-nav-left').html(newhtml); $('[data-toggle="tooltip"]').tooltip(); navLeftLinks.css('font-size','20px') //Collect log-in/-off link with Administrator name NavText = $('.table-2-nav .headerBarContent:nth-child(2)').html(); NavTextPlaceHolder = $("<p class='navbar-text navbar-right'>"); NavTextPlaceHolder.append( NavText ); navRightLinks.prepend(NavTextPlaceHolder); $('.navbar-text a:first').addClass('navbar-link'); //Show the Bootstrapped navigation bar $( "nav" ).insertBefore( $( ".table-2-nav" ) ); //Admin Language in navbar $("form[name=adminlanguage]").addClass('navbar-form navbar-right').prepend( "<div class='input-group language'></div>" ); $('select[name=language]').appendTo('.input-group.language'); $( "form[name=adminlanguage]" ).insertBefore( "nav ul.navbar-nav-right" ); //Convert osCommerce's page-headers to bootstrap $('table .pageHeading:first').contents().unwrap().wrap( "<div class='page-header'><h1></h1></div>"); $('.page-header').prependTo('.body-content-col').css('padding-bottom','0').css('margin','0'); //Search field in navbar $("form[name=search]").addClass('navbar-form navbar-search-form navbar-left').prepend( "<div class='input-group search'></div>" ); $('input[name=search]').before(function () { return $('<span class="input-group-addon search"/>', { for: this.name }).addClass('selectwidthauto').append(this.previousSibling); }).addClass('form-control selectwidthauto'); $("span.search").prependTo('.input-group.search'); $('input[name=search]').appendTo('.input-group.search'); $( "form[name=search]" ).insertAfter( "nav ul.navbar-nav-left" ); //Categories GoTo select in navbar $("form[name=goto]").addClass('navbar-form navbar-left').prepend( "<div class='input-group goto'></div>" ); $('select[name=cPath]').before(function () { return $('<span class="input-group-addon goto"/>', { for: this.name }).addClass('selectwidthauto').append(this.previousSibling); }).addClass('form-control selectwidthauto'); $("span.goto").prependTo('.input-group.goto'); $('select[name=cPath]').appendTo('.input-group.goto'); $( "form[name=goto]" ).insertAfter( "nav .navbar-search-form" ); //Orders Search field in navbar $("form[name=orders]").addClass('navbar-form navbar-search-form navbar-left').prepend( "<div class='input-group orders'></div>" ); $('input[name=oID]').before(function () { return $('<span class="input-group-addon orders"/>', { for: this.name }).addClass('selectwidthauto').append(this.previousSibling); }).addClass('form-control selectwidthauto'); $("span.orders").prependTo('.input-group.orders'); $('input[name=oID]').appendTo('.input-group.orders'); $( "form[name=orders]" ).append('<input type="hidden" name="action" value="edit">').insertAfter( "nav ul.navbar-nav-left" ); //Categories GoTo select in navbar $("form[name=status]").addClass('navbar-form navbar-left').prepend( "<div class='input-group status'></div>" ); $('select[name=status]').before(function () { return $('<span class="input-group-addon status"/>', { for: this.name }).addClass('selectwidthauto').append(this.previousSibling); }).addClass('form-control selectwidthauto'); $("span.status").prependTo('.input-group.status'); $('select[name=status]').appendTo('.input-group.status'); $( "form[name=status]" ).insertAfter( "nav .navbar-search-form" ); //Remove osCommerce's table-based navigation $('.table-2-nav').remove(); //Bootstrap the osCommerce's primary content table (center table) $('table tbody tr.dataTableHeadingRow').parent().parent().addClass('bootstrapped-table table table-responsive table-condensed table-hover table-striped table-bordered'); $('table tbody tr.dataTableRowSelected').addClass('warning') //Bootstrap the osCommerce's right table (edit data) $('table tbody tr.infoBoxHeading').parent().parent().addClass('infoBox-table info-table table table-responsive table-condensed table-bordered'); $('.info-table').next("table").addClass('infoBoxContent-table table table-responsive table-condensed table-bordered'); $('.info-table').next("form").addClass('form-table'); $('.form-table').children("table").addClass('info-table table table-responsive table-condensed table-bordered '); //Bootstrap the osCommerce's formArea tables (Customers edit) $( ".formArea table" ).addClass('table table-responsive table-condensed table-hover table-striped table-bordered') //Bootstrap jQuery-ui buttons $( "a.ui-button" ).removeAttr('class').addClass('btn btn-default').css({'margin-right': '4px'}); $( "button.ui-button" ).removeAttr('class').addClass('btn btn-primary').css({'margin-right': '4px'}); $( "#filters .btn" ).addClass('btn-sm') //jQuiry-UI button icons $( "span.ui-icon" ).addClass('pull-left'); //bootstrap pageNavigation links $( "form[name=pages]" ).addClass( "form-inline" ); $( ".splitPageLink" ).addClass('btn btn-default'); $( "select" ).addClass('form-control selectwidthauto'); //$( "input[type=radio]" ).wrap( "<div class='radio'><label></label></div>" ); //$( "input[type=checkbox]" ).wrap( "<div class='checkbox-inline'></div>" ); //build table headings $('.bootstrapped-table').each(function(){ $(this).prepend('<thead></thead>') $(this).find('thead').append($(this).find("tr:eq(0)")); }); $(".dataTableHeadingRow td").each(function() { $(this).replaceWith('<th>' + $(this).html() + '</th>'); }); $('.infoBox-table').each(function(){ $(this).prepend('<thead></thead>') $(this).find('thead').append($(this).find("tr:eq(0)")); }); //convert message tables to bootstrap //old message styles $('table tbody tr.messageStackSuccess').parent().parent().addClass('message-table table').insertAfter('.page-header'); $('table tbody tr.messageStackError').parent().parent().addClass('message-table table').insertAfter('.page-header'); $('table tbody tr.messageStackWarning').parent().parent().addClass('message-table table').insertAfter('.page-header'); //new message styles $('.secInfo').toggleClass('secInfo alert alert-info'); $('.secSuccess').toggleClass('secSuccess alert alert-success'); $('.secWarning').toggleClass('secWarning alert alert-warning'); $('.secError').toggleClass('secError alert alert-danger'); //add colspan to fist th on the orders section_products_content tab $('#section_products_content table tr th:first').attr('colspan', '2'); $('#section_products_content table').removeClass('table-bordered table-striped table-hover'); //Convert New Product to Bootstrap $("form[name=new_product] table table").addClass('table table-responsive table-condensed table-bordered'); //$("form[name=new_product] table table tr").removeAttr('bgcolor'); //Convert BannerManager to Bootstrap $("input[name=banners_title]").closest('table').addClass('table table-responsive table-condensed table-bordered'); //Convert osCommerce's footer to bootstrap $('table:last td').wrapInner( "<footer class='footer'><div class='container'><p class='text-muted text-center'></p></div></footer>" ); $('footer').insertAfter('body #container-wrapper'); //Put osCommerce's content to bootstrap column $('#contentText').appendTo('.body-content-col'); //clean-up tables $('.table') .removeAttr('border') .removeAttr('width') .removeAttr('height') .removeAttr('cellspacing') .removeAttr('cellpadding'); $("img[src='images/pixel_trans.gif']").remove(); $('td.pageHeading').remove(); $('fieldset').removeAttr('style'); $('legend').removeAttr('style'); $('tr').removeAttr('onmouseover').removeAttr('onmouseout'); $('table:last').remove(); //Convert inputs and textarea's $("input[type=text]").addClass('form-control selectwidthauto'); $("textarea").addClass('form-control'); //load summernote wysiwyg $("textarea[name^=categories_description]").addClass('summernote'); $("textarea[name^=products_description]").addClass('summernote'); $("textarea[name=comments]").addClass('summernote'); $("textarea[name=banners_html_text]").addClass('summernote'); //replace oscommerce's images with font-icons $("img[src='images/icon_up.gif']").replaceWith("<i class='fa fa-long-arrow-up' aria-hidden='true'></i>"); $("img[src='images/icon_down.gif']").replaceWith("<i class='fa fa-long-arrow-down' aria-hidden='true'></i>"); if (localStorage.getItem("adminToggleAppMenu") === null) { localStorage.setItem('adminToggleAppMenu', 1) } if (localStorage.getItem("adminToggleAppMenu") == 0) { $(".menu i").removeClass('fa-caret-square-o-left').addClass('fa-caret-square-o-right'); $(".menu-col").hide(); $("body .body-content-col").removeClass('col-md-10').addClass('col-md-12'); } if (localStorage.getItem("adminToggleAppMenu") == 1) { $(".menu i").removeClass('fa-caret-square-o-right').addClass('fa-caret-square-o-left');; $(".menu-col").show(); $("body .body-content-col").removeClass('col-md-12').addClass('col-md-10'); } if($('form[name=login]').length > 0){ $('.page-header').addClass('text-center'); $('table') .removeAttr('border') .removeAttr('width') .removeAttr('height') .removeAttr('cellspacing') .removeAttr('cellpadding'); $('table .infoBox-table').remove(); $('table .info-table').css({'width': '50%', 'margin': '0 auto', 'margin-top': '50px', 'margin-bottom': '50px'}); $('form[name=login]').insertAfter('#contentText'); $("input[type=password]").addClass('form-control selectwidthauto'); $(".body-content-col").toggleClass("col-md-10 col-md-12") columnLeft.remove(); } //convert jquery-ui accordion to bootstrap collapse $( "#adminAppMenu" ).accordion('destroy').addClass('panel-group').attr('role', 'tablist').attr('aria-multiselectable', 'true'); $('#adminAppMenu h3').each(function(i) { $(this).attr('id', 'page'+(i+1)).addClass('panel-title').find('a') .attr('role', 'button').attr('data-toggle', 'collapse') .attr('data-parent', '#adminAppMenu') .attr('href', '#collapse_'+(i+1)) .attr('aria-expanded', 'false') .attr('aria-controls', 'collapse_'+(i+1)) .parent().next() .attr('id', 'collapse_'+(i+1)).attr('class', 'panel-collapse collapse').attr('role','tabpanel').attr('aria-labelledby','heading_'+(i+1)); $(this).wrap('<div class="panel panel-default"><div class="panel-heading" role="tab" id="heading_'+(i+1)+'"></div></div>'); $('#collapse_'+(i+1)+' ul').addClass('list-group').find('li').addClass('list-group-item'); $('#collapse_'+(i+1)).insertAfter('#heading_'+(i+1)); }); //Keep state of collapse menu via localStorage var adminCollapseAppMenu = localStorage.getItem('adminCollapseAppMenu'); if (!adminCollapseAppMenu) { adminCollapseAppMenu = []; localStorage.setItem('adminCollapseAppMenu', JSON.stringify(adminCollapseAppMenu)); } else { adminCollapseAppMenuArray = JSON.parse(adminCollapseAppMenu); var arrayLength = adminCollapseAppMenuArray.length; for (var i = 0; i < arrayLength; i++) { var panel = '#'+adminCollapseAppMenuArray[i]; $(panel).addClass('in'); } } $('#adminAppMenu').on('shown.bs.collapse', '.panel-collapse', function() { adminCollapseAppMenu = JSON.parse(localStorage.getItem('adminCollapseAppMenu')); if ($.inArray($(this).attr('id'), adminCollapseAppMenu) == -1) { adminCollapseAppMenu.push($(this).attr('id')); }; localStorage.setItem('adminCollapseAppMenu', JSON.stringify(adminCollapseAppMenu)); }); $('#adminAppMenu').on('hidden.bs.collapse', '.panel-collapse', function() { adminCollapseAppMenu = JSON.parse(localStorage.getItem('adminCollapseAppMenu')); adminCollapseAppMenu.splice( $.inArray($(this).attr('id'), adminCollapseAppMenu), 1 ); localStorage.setItem('adminCollapseAppMenu', JSON.stringify(adminCollapseAppMenu)); }); }); //Prevent jQuery-UI's CSS showing up on pageLoad $(window).load(function() { // When the page has loaded $("body").fadeIn(100); }); </script> <?php if (tep_session_is_registered('admin')) { ?> <script> function osCMenu() { event.preventDefault(); if (localStorage.getItem("adminToggleAppMenu") == 1 ? localStorage.setItem('adminToggleAppMenu', 0) : localStorage.setItem('adminToggleAppMenu', 1)); if (localStorage.getItem("adminToggleAppMenu") == 1 ? $(".menu i").removeClass('fa-caret-square-o-right').addClass('fa-caret-square-o-left') : $(".menu i").removeClass('fa-caret-square-o-left').addClass('fa-caret-square-o-right')); if (localStorage.getItem("adminToggleAppMenu") == 1 ? $(".menu-col").show() : $(".menu-col").hide()); $(".body-content-col").toggleClass("col-md-10 col-md-12") } </script> <?php } ?> <script src="../ext/bootstrap/js/bootstrap.min.js"></script> OPTIONAL SUMMERNOTE WYSIWYG if you choose to want the wysiwyg: BEFORE <script src="../ext/bootstrap/js/bootstrap.min.js"></script> </body> </html> ADD: <script> $(function(){ //SUMMERNOTE WYSIWYG OPTIONAL: $('.summernote').summernote(); }); </script>
  10. Hello, friends. We have many customers from different countries but we also want to hear their and your feedback about our work. We want to become much better ;) Here is our partner page, our site, and our envato page Thank you!
  11. Hello, friends! I`m Serhii, from Solomono. And I`m glad to introduse you our first templates: demo.solomono.net and clo.solomono.net This templates are completely diferent from standart oscommerce. Its php 7.1 ready, SEO ready, mobile friendly(bootstrap), has unlimited images for products, unlimited information pages, completely different admin panel (you can try if for free, just put your email on top of page here ), very fast attribute filter, and optimized DB queries and MANY other. Our main features comparing to default oscommerce: 1. Mobile ready! 2. Modern Adaptive Layout (with ability to edit main site colors, edit blocks in left column, main page and other places) 3. Unlimited Information pages! 4. High Site Speed (faster than standart oscommerce, opencart, magento, wordpress and other) 5. SEO READY (SEO-urls, editable meta tags for products, categories and main page, texts for categories pages, editable robots.txt, generating Sitemap.xml, html-sitemap, ) 6. Fast Onepage Checkout 7. Ajax-functions (adding to cart, wishlist, comparing, search, filtering, sorting, sliders and other) 8. All new Admin panel! 9. Unlimited images for products 10. CSV import-export ..and MANY other! https://solomono.net/advantages-a-104.htm Also you can change your site colors, phones, meta tags, footer information, mainpage modules directly from admin panel. Its easy to change website design, our version has template system sililar to BTS. Also we can move your old oscommerce website to our new versions with full DB importing (products, categories, manufacturers, attributes, orders, customers, admins and other) Look more about us: https://solomono.net/about-company-a-99.html Solomono on Envato: https://codecanyon.net/user/solomono Solomono on Oscommerce: https://www.oscommerce.com/Services&developers&solomono So, tell us your reviews and questions pls. If you want to order template or some help, we would like to help you: https://solomono.net/contacts-a-76.html
  12. Category Images

    This addon is a bootstrap module that displays the category images on the home page. The category description can also be displayed via a setting.
  13. Reviews Navbar and Header Module BS This Navbar and Header Modules intent to offer an alternative to the standard (core) side column boxes. On small screens (Mobiles) the boxes are moved at the very bottom of the pages. They are therefore not useful for small devices. Header and Navbar Modules show on the top of the pages and are much more recommended for Mobile view. You can permanent replace your side column boxes to show always the Header or Navbar module instead on all screen sizes. Or you can add a device dependent helper class to the box and header/navbar module, so on desktop view the boxes are still used, but on smaller devices the header/navbar modules will replace them. Instructions how to do this are included. Compatibility: OsC 2.3.4 Bootstrap Community Editions EDGE at least up to 2017/01 PHP: 5.3, 5.4, 5.5, 5.6, 7.0 Filenames, Database Table Names and paths hardcoded. Superglobal variables used. ================================================================ NOTE: The Navbar module requires EDGE version since 2016/02/25 which include modular navbar. Otherwise you need to update to modular navbar. Download: http://addons.oscommerce.com/info/9562 Screenshots:
  14. Support Thread for "Index Nested - Product Listing" for osCommerce 2.3.4 (bootstrap) Report problems here. Feedback and comments appreciated. Download link: http://addons.oscommerce.com/info/9514 Easy module install. (minor core change required using hooks) This module applies to categories containing sub-categories (i.e. index -> nested), where currently only the sub-Category Listing and New Products module appear. Use this module when you would also like to list all-at-once the products within the sub-categories of the current category, therefore becoming a nested product listing (default behaviour is that no product listing appears in nested categories). Demo (scroll down to see nested product listing): http://www.auzcommerce.com.au/osc234bs_test/index.php?cPath=3 cheers
  15. Support thread for the "New Equal Height Module for osC 2.3.4 bootstrap" add-on. (Header Tag Module) Report problems here. Feedback and comments appreciated. Download link: http://addons.oscommerce.com/info/9505 ------------------------------------------------------------------------------ This add-on corrects grid and list resizing issues when switching between grid view and list view, and when resizing window. It's compatible with the latest BS EDGE version which has recently had jQuery updated to version 3.1.0. Use this new add-on to replace the current "Equal Height Divs (jQuery)" header tag module. ------------------------------------------------------------------------------ Demo: https://www.auzcommerce.com.au/osc234bs_test_sec/products_new.php cheers
  16. Support thread for the "Upcoming Products Modules for osC 2.3.4 bootstrap" add-on. Report problems here. Feedback and comments appreciated. Download link: http://addons.oscommerce.com/info/9503 ------------------------------------------------------------------------------ PREREQUISITES: Recent versions of osCommerce BS EDGE that now includes modular index and category pages. ------------------------------------------------------------------------------ Package contains one template package for use as another template option to replace the current osC BS "Upcoming Products" template on the front page (index). The template file in the package houses the "Upcoming Products" module within a panel border (this was how it originally looked in earlier versions of osC BS EDGE). Use it to replace the current table format template so that the "Upcoming Products" match the look of my other modules which make use of the panel border template. Package also contains 2 new Upcoming Products modules; one for the modular category pages (index_nested) and one for the sub-category product pages (index_products). Each module contains 2 templates. ------------------------------------------------------------------------------ Demos: http://www.auzcommerce.com.au/osc234bs_test/index.php http://www.auzcommerce.com.au/osc234bs_test/index.php?cPath=1 http://www.auzcommerce.com.au/osc234bs_test/index.php?cPath=1_4 cheers
  17. Easier Attributes

    This addon is meant as a replacement for the Product Attributes section in admin, for any version of oscommerce. The main advantages of it are: Ability to add/edit/delete attributes quickly (very quickly). A multi-select list that allows adding attributes to many products at once. Ability to search attributes. For those of you with a large number of attributes, you will probably be amazed at how quickly this responds when compared to the existing attributes code. Please note that all of the sections are not completed. The basic attributes and search code is complete, I think, and the Options code is close to complete, if not complete. But the Values and Settings sections still need to be worked on. The old attributes section, or any addon for attributes that is installed, will still function so these unfinished parts won't cause any problems. I wanted to get it uploaded as it is now to start getting feedback on it to better know what to work on. So if anyone tries it, please let me know of any problems, suggestions or questions.
  18. I'm developing a header tag module in order to include jquery validation plugin. I use Firefox browser. My first attempt works well ... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />', $this->group); // $this->group = 'header_tags' } ... but when I try to include another script... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />', $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/localization/messages_es.min.js" />', $this->group); } ... the browser only load the first one: jquery.validate.min.js ATTEMPTS 1) If I switch the loading order... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/localization/messages_es.min.js" />', $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />', $this->group); } ... the browser only load the first one: messages_es.min.js 2) I see that core modules sometimes include a breakline separator, then I try applying it... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />' . PHP_EOL, $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/localization/messages_es.min.js" />' . PHP_EOL, $this->group); } ... the browser only load the first one: jquery.validate.min.js 3) Using "\n" instead of PHP_EOL, as other modules... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />' . "\n", $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/localization/messages_es.min.js" />' . "\n", $this->group); } ... the browser only load the first one: jquery.validate.min.js 4) Importing another JS file: private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />', $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/jquery.scrollTo.min.js" />', $this->group); } ... the browser only load the first one: jquery.validate.min.js 5) Using the jquery version associated to the query Validation 1.15. I disabled jquery import on template_top and then ... private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/lib/jquery.js" />', $this->group); $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/jquery.validate.min.js" />', $this->group); } ... the browser only load the first one: jquery.js 6) Import each JS file from distinct modules: 6.A ) Importing jquery.validate.min.js on ht_noscript.php core module... function execute() { global $oscTemplate; $oscTemplate->addBlock('<noscript><div class="no-script"><div class="no-script-inner">' . tep_output_string(MODULE_HEADER_TAGS_NOSCRIPT_TEXT) . '</div></div></noscript>', $this->group); $oscTemplate->addBlock('<style>.no-script { border: 1px solid #ddd; border-width: 0 0 1px; background: #ffff90; font: 14px verdana; line-height: 2; text-align: center; color: #2f2f2f; } .no-script .no-script-inner { margin: 0 auto; padding: 5px; } .no-script p { margin: 0; }</style>', $this->group); // My hack: $oscTemplate->addBlock('<script type="text/javascript" src="amantis/ext/modules/validation/jquery.validate.min.js" />', $this->group); } 6.B ) ... and importing validation language file on my module: private function _includeValidation() { $oscTemplate->addBlock('<script type="text/javascript" src="ext/modules/validation/localization/messages_es.min.js" />', $this->group); } ... ¬°and this works! Experiments lead to me to consider that the problem is in my header tag module file, but it's made from another core header tag module, and it's simple... Has anyone encountered anything like this? Any clue, path will be so appreciated: I'm very frustrated, hours debugging :( Thanks! :pray:
  19. This addon shows an Xsell (Cross-Sell) box on the shopping cart page. It's based on the Xsell Addon and the Modular Shopping Cart BS Addon. All of this requires osCommerce Responsive (Bootstrap) version 2.3.4r Gold or later. The module uses products that have been selected for cross-sell on the product(s) currently in the cart. The maximum number of products shown can be set, and the order in which they are shown (popularity or random) can be set. The Addon is here. Regards Jim
  20. Modular Shopping Cart BS Version 1.0 Developer Team: Dan Cole - @@Dan Cole James Keebaugh - @@kymation Lambros - @@Tsimi Rainer Schmied - @raiwa Testers: Steve Kleiner - @@altoid Juanma - @@piernas Suggestions - Survey: Gary Burton - @@burt This is a modular re-design of the existing shopping cart that is used in the responsive version of osCommerce. It replaces the existing shopping cart with content modules so that you can control the order and placement of the various components that appear on the shopping cart page. The modular design will allow you to easily add and set up additional modules that have and will be developed by the community. Current modules that are available include the ship in cart estimator, discount coupon codes and an X-sell module. In time additional product listing formats and other enhancements are expected. Included Modules: - Product Listing - Order SubTotal - Checkout - Alternative Checkout - Out of Stock Notice - Empty Cart Message English, Spanish and German language files included. Download: http://addons.oscommerce.com/info/9466 Compatibility: OsCommerce 2.3.4 Bootstrap PHP 7.0 tested
  21. Height of product holder became uneven in grid view. This result in breaking line in grid view. This started after toggling back from narrow viewpoint. I guess the reason is long product name stretching two rows. Screenshot:
  22. Support thread for "Ajax Product Listing (bootstrap)". Report problems here. Feedback and comments welcome. Download link: http://addons.oscommerce.com/info/9455 This add-on enables faster loading of product listing content, without re-loading the whole website, when using either the manufacturer/category filter drop down list, next/prev page and sort order. Useful, especially if you have other content above the product listings, where the current vertical scroll position is kept on the page when using the filter drop down list, next/prev page and sort order. For example, you may have "Category New Products Carousel" or "Category Popular Products Carousel" above category product listing content. Works for product listings on the following pages: - Category Product Pages - Specials Page - New Products Page - Search Results Page Note: content loaded via ajax is based on the stock osCommerce product listing content.
  23. This addon is designed to make changes to the product pages of an osCommerce store easy and simple. It is particularly intended for new users of the software, but can be used by anybody. Elements in the center section of the page can be added, removed, and reordered from the Admin panel. There is only one core file to change; the rest is done from your Admin. The initial Addon contains all of the modules needed to replace the stock Product Info page. More modules are planned (I have an improved Reviews module already coded). The Addon is here. Regards Jim
  24. After I posted it in another thread I was advised to start my own thread. So here it is: Let me start with I am a noob and no-no in scripting, programming etc. With the "old" oscommerce website I learned how to use the stylesheet to alter my website. Now I needed to change the website and thought I better use the bootstrap version; easier to alter according many.. I guess it is the complete lack of knowledge about the bootstrap philosophy, because I have a hard time to find the files I need to use to copy the specific style I want to change. I read about the tip to use the developer tool in firefox. This made it already a lot easier, but now I have a challenge (not a problem) which I was not able to overcome: I know I have to make my personal adjustments in the user.css file.. But ofcourse you need to know what to use, so I use the developer tools in firefox to see what I need to copy to the user.css file... I changed the panel header and font colors in the user.css and this works, but it does not work for the panel titles that are a link e.g: REVIEWS or SHOPPING CART. According to the developer tool the color of the link text (<a ref=...>) is done by the scaffolding.less file on line 58, but I have not yet found the scaffolding.less file ( the link which is shown is /catalog/ext/bootstrap/css/less/scaffolding.less .. well there is no map LESS in the CSS map.. and even copy/ paste the style element to the user.css file does not work in my case at least. First of all I hope I posted this in the correct thread, second I hope someone can help me with this and point me in the right direction. Below I copied the result of the developer tool when use 'inspect element' the panel title REVIEW Between the brackets is the link which is shown on the right hand side in the developer tool element { (inline ) --> meaning this defined on the page itself, but there is nothing. } a:focus { (bootstrap.css:1101) --> this is defined on line 1101 in bootstrap.css outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:focus, a:hover { (scaffolding.less:58) --> this is the colour which is used on the website color: #23527c; text-decoration: underline; } a { color: #337ab7; text-decoration: none; } a { background-color: transparent; }
  25. I'm fine-tuning columns and stuff in a 2.3.4 responsive new install and needed to know what bootstrap 3 breakpoint I'm using on each device, so I made this module. It adds a <div> on header that states if we're seeing -xs, -sm, -md, -lg or -xl screen setup. I've also added a new -ms breakpoint as noted here (a really amazing fix bor bootstrap 3 I highly recommend): http://forums.oscommerce.com/topic/408594-bootstrap-min-width-480px-and-max-width-768px-fix-the-frustration/ Obviously this module is intended to be used only when debugging, not on a live shop.