Jump to content
Latest News: (loading..)

Search the Community

Showing results for tags 'responsive'.

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 18 results

  1. Hi, I have a long standing osCommerce 2.2-MS2 site that over time was pretty heavily modified. Is it possible somehow to make this site responsive so that its suitable for use on tablets and mobile devices? I'm really not keen to have to migrate to a new platform but these days responsive is becoming important. Many thanks for any input or suggestions. Paul
  2. 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.
  3. Responsive images

    Hi all, Responsiveimages could be a real adaptation? https://responsiveimages.org/ <picture> <source media="(min-width: 40em)" srcset="big.jpg 1x, big-hd.jpg 2x"> <source srcset="small.jpg 1x, small-hd.jpg 2x"> <img src="fallback.jpg" alt=""> </picture> <img src="small.jpg" srcset="large.jpg 1024w, medium.jpg 640w, small.jpg 320w" sizes="(min-width: 36em) 33.3vw, 100vw" alt="A rad wolf"> Project page: https://github.com/Gergely/oscom_responsiveimages
  4. Hi everyone, I'm looking for some addon or some code which allow me to send all responsive mails from osCommerce kinda template with (header+logo, content, footer) - if possible to orders show the image of the product. I've found this one that seems to look fine -> https://apps.oscommerce.com/rGczK&mail-manager-for-v2-3 .. but anyone knows anyone else that works fine?
  5. 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>
  6. 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!
  7. 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
  8. We are happy to release the new MTS version: 1.6.0 Following is new: 1) Pages This is a brand new system to create pages in admin. Pages can be anything, static pages, special landing pages for promotions of products, a image or video gallery. Pages can be edited in your admin panel using ckeditor, you can easily format the text, upload images to the page content etc. Other page elements are a meta title, the meta description and a short description. You can upload a small and a large image for each page, that are used in the modules that list the pages Pages can have a parent/child structure of any depth, the status can be switched on or off and you can also decide if you want to show a page to registered customers only, to unregistered customers only or to both categories. There are 6 page templates available – more will be added soon Single page: That is a page that display its content as set in admin Parent page: That is a page that list the small image and the short description of all its child pages Products: You an select a product category and display it on that page. Manufacturer: You can select a manufacturer and display its products on that page Image gallery: That is a page that you can use for a nice gallery of images using the MTS banner manager and the existing banner modules Video gallery. This work same as the image gallery, the template use some extra code to make your youtube (or vimeo) videos have a nice responsive behaviour 2) New Modules New Module to display pages on the front page. The module will display the child pages of any selected parent page on your stores front page. here are various configuration options available, so you can create a very “information style” front page of you want New all pages manufacturers module. You can now display your manufacturers on any page you like 3) Improvements to the modules Variable width for modules. Modules can now occupy any percentage of the screen and display inline with other modules side by side. This allow very nice banner and product displays Hide the “buy now” button if product is out of stock or if the product price is zero. There is a new setting that let you hide the button in case the product is out of stock or if you don’t have a price set Sort by sort order. In case you have a “products sort order” modification installed, you can sort the products that way and let your visitors use it Show all products of all subcategories of a given parent category, does’t matter how deep the category structure is. Hide empty categories in category modules and menus. Empty categories do not contain any active products, neither themselves or any of their subcategories. You can decide if you want to show or hide them Hide manufacturers with no active products. You have now he option to show only manufacturers that have products. The feature apply to both manufacturer display modules (front page and all pages) Badges. You can now add “badges” to each product of the modules that display products. Badges are available for “new product”, “specials” and “bestsellers”. The “specials” badge display automatically in case the product is a special. For the “new product” badge you can set the maximum “age” of the product (e.g. 30 days). Same for the “bestseller” badge where you can set the minimum amount of units sold 4) Template improvements Compile css in admin side upon saving he template instead of creating it in real time on the front side. Several css files are merged into a single minified css file.All shadow files are LESS files instead of php files, parameters like shadow colour, opacity and intensity are pushed via the template class when saving the template.. Special shadows for old Internet Explorer versions compatibility removed New shadow combination 20_c. This wrap the top heading line and the body into 2 separate containers, leaving the main header area at the same “level” as the page background Better logo behaviour. You can decide if you want to adjust logo size or not, this depend on the visual result you want to achieve 5) Various improvements and corrections There are many smaller and bigger improvements done all over the system, like Structured data corrections for modules that list products. Container width correction for breadcrumb Separate module title for new products module Better calculation of description size in case you decide to show a short description in the product modules jquery.cookie.js file renamed to ligri.js. Some servers were blocking the jquery.cookie.js file Less intrusive and easier installation. MTS use now its own language files only, no additions to existing language files needed, new language installation is handled intependet cPath calculation correctios: cPath was not set correctly in case of manual category links Image thumbnailer parameters and image quality adjustments Accept category request for product listing module. The product listing module can now be called by requesting a specific category. In plain words, you can tell the module “show me category 123”. This is used by the (new) pages feature, where you can attach to any page any category you like Thank you all for your valuable feedback, pointer, questions and suggestions. The new version is available to download right away. Existing mini template system users will be notified by email. Upgrade packages will start sending on Monday 14/11/2016. Please be patient up to 48 hours before asking why you didn’t receive the upgrade. Please note that upgrades are sent to the email that you used when purchasing MTS Existing users, please note, that you can perform the upgrade on any osCommerce version 2.3.1, 2.3.2, 2.3.3,,,, or 2.3.4 We will keep maintaining MTS for the osCommerce versions of the 2.3.xx series, however, main focus of development is now the new 2.4 version, that will got out of beta stage soon hopefully. We aim and hope to create and great new MTS, without the need of changing any core files and the ability to choose the css/js framework you like
  9. hello looking at the start for a responsive admin from gl walker. i liked the looks and feel of this responsive design for my webshop i also needed a multi store admin. the result is multi store responsive shop and admin with more than 120 addons along with gl walkers design i also mixed in some elements from TSIMI and Gergely bs admin Addons are to name a few : - seperate prices per customer groups ( plus all addons ) SPPC - html emails for new customer, orders etc - multi store but can be used as single shop of cource - content modules for index, product info, contact us etc - option type for products - SEO urls - Headertags - JAVA ans CSS can loaded from own site or from a CDJNS - add new order - Supertracker etc i am now at a point that i am a little developer blind. so a fresh pair of eyes should be helpful All code is from 2.3.4 and 2.3.4. gold. All addons are based on 2.3.4 the files can be found at https://github.com/nieuw1409/admin_responsive thanks to everybody who made the original addons without them i never could put this together greeting eric
  10. 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:
  11. 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
  12. 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.
  13. This addon is designed to replace the navigation bar on a Responsive osCommerce store with a set of modules. The modules needed to replace the stock navigation bar are included, and additional modules are planned. The goal is to make it possible to change the navigation bar to suit any store without making changes to the core code. There are no core code changes needed to install these modules. Upload the files according to the instructions in the included User's Manual, then make your changes in your store's Admin. Addon is here: http://addons.oscommerce.com/info/9440 Regards Jim
  14. We are happy to start the new year with a new MTS version: 1.5.2. Following is new: 1) Structured data All modules include now structured data according to google recommendations and guidelines. The breadcrumb include now all required properties, the product modules are using “Rich Snippets” According to google, “When your web pages include structured data markup, Google (and other search engines) can use that data to index your content better, present it more prominently in search results, and surface it in new experiences like voice answers, maps, and Google Now.” 2) New module: cookie consent module We created that module for all stores that need to comply the european cookie law by informing users that your site has cookies The module display a layer upon page entry, informing visitors that cookies are used and asking them to accept. You can optionally add a link to a page that explain your cookies policy (like e.g. privacy.php). There are various styling options available, so you can create a unique looking cookie consent message, without having to touch a single line of code The module is based on the latest version of the silktide Cookie Consent module 3) New module: back to top module A completely customisable floating “arrow” that lead visitors back to the top of the page. Simply enable in admin and let your imagination free to create a great looking arrow. Maybe just a small detail, but details make often the big difference 4) New options for product modules Hide products out of stock: You can now decide if you want to display products that are out of stock or not. There is a separate setting for each of the modules that display products Additional product sorting option: date modified. You can now sort products by date modified, for example you can show that products first where you recently changed the price or some specification etc. That is useful in case you have older products that would never make it to the top of the listings using any of the other listing criteria. You can use “date modified” as a initial sort order for any of the product modules. You can also enable it as a sorting option for the product listing module The new features apply to following modules Front page: New Products, Specials, Bestsellers Subcategory pages: New Products, Specials, Bestsellers Product listing pages: Product listing module 5) Separate sorting settings for new products, specials and regular product listing pages Till now there was a common setting for the initial sort order for all product listing pages. Now you can set a different sort order per page (new products, specials, listing within a category). So, for example, you can set the sort order for new products by date added, for specials by price and for regular category listings by products name 6) Limit the “age” of new products shown You can now limit the “age” of the new products shown on the “new products” page and in the new products modules (on the front page and on the subcategories pages) This gives you much of flexibility, some examples: New products page: The new products page was showing till now all of your products (sorted by date added if you had this selected). Setting the age to e.g. 60, it will show only the products added in the last 60 days. Your visitors can sort the list by any criteria they want (e.g. by price), they will still get only the products of the last 60 days instead of all Product modules: You can limit the age for example to 60 days and set the sort order to e.g. “name”. So you’ll get the products of the last 60 days ordered by product name alphabetically 7) New theme options We added some great new options that give you a much better control over the boxes in the left/right hand columns. You can now set border colours, border radius, margins etc regardless the ui theme you have selected There are also 3 new great looking ui themes, you can easly select them in admin and try them out 8) Various improvements and corrections As usual there are many smaller and bigger improvements done all over the system, like: Breadcrumb is build up using a different function, that ensures a correct display even if some breadcrumb element is not a link (for example on the checkout confirmation page) Hide the list/grid switch in case the product listing default to a grid display (this is happening on small screens, when a “list” display wouldn’t look nice anymore) Category path (cPath) correction for subcategories modules Improvements of the behaviour of the “banner boxes” on small screens and in case they display after the main content. This result in a “smarter” decision about how many banners to display side by side Correction of the top heading menu that was causing a horizontal scroll bar in some cases on small screens Thank you all for your valuable feedback, MTS is getting better and better because of that The new version is available to download right away. Existing mini template system users will be notified by email. Upgrade packages will start sending on Friday 8/1/2016. Please be patient up to 48 hours before asking why you didn’t receive the upgrade. Please note that upgrades are sent to the email that you used when purchasing MTS Existing users, please note, that you can perform the upgrade on any osCommerce version 2.3.1, 2.3.2, 2.3.3,,,, or 2.3.4 Minimum php version requirement is 5.3
  15. We are happy no announce the release of a new Mini Template System version: Version 1.5.1. Following is new: 1) New modules Banner boxes. This is a new series of modules allowing you to display banner in the left or right column of the store. Each module has various available settings,, similar to the content banner modules. You can display banners as a slider or as a grid having the one under the other. The modules have a very nice responsive behaviour, that you can also configure in admin Front page manufacturer module. You can now display your manufacturer logos on the front page, there are various configuration setting available, same like for the other modules 2) New features New “full screen position” for banner modules. You can set each banner to display as full screen, covering 100% of the screen regardless the store width that you use. You can display a banner in “full screen” mode, either on top (after the header) or at the bottom (before the footer) of the page Setting added to allow <br> tags in product descriptions on the product listing pages and in the various modules that display products. The rest of the html formatting you use is still stripped out Separate “sort by” options for the product listing module not related to the content displayed. That mean that you can e.g. let people sort the listings by “weight” and “date added”, while you don’t display that information on the screen. The opposite is possible to, to display e.g. the quantity and while you don’t allow a sorting by quantity. The exact configuration is entirely up to you A number of new colour settings allowing you to use nice semi transparent colours almost everywhere. For each area you can set the colour and its opacity and create that way very interesting effects. Also added many settings for detail areas, for example the slider controls, where you can now create great looking arrows, entirely css based and just by doing settings in admin Also included: 6 new great looking ui themes, try them out 3) Improvements and fixes - thank you all for your valuable feedback Improved SPPC compatibility for the product listing module Improved behaviour for the main navigation when switching from collapsed to expanded mode or when you resize the browser window Fixed the “division by 0” problem for banner and product modules. The problem occurred if you accidentally left the valuees for “total number of products”, “maximum number of products per row” and “minimum number of products per row” empty Double listing of “linked” products in advanced search results fixed The link to the shopping cart page, within the shopping cart drop down in the header, appear now on the top of the list of products in case there are more than 4 products in the shopping cart Improved behaviour of “faux columns” and top heading image in case you use the 100% store width Improved behaviour of the top heading area in case you set it to be “sticky” Improved display of shadow numbers 31 and 41 As usual, there are also many improvements and fixes that affect the processes happening “behind the scenes” The new version is available to download right away. Existing mini template system users will be notified by email. Upgrade packages will start sending on Monday 30/11. Please be patient up to 48 hours before asking why you didn’t receive the upgrade. Please note that upgrades are sent to the email that you used when purchasing MTS Existing users, please note, that you can perform the upgrade on any osCommerce version 2.3.1, 2.3.2, 2.3.3,,,, or 2.3.4 Minimum php version requirement is 5.3
  16. We are happy no announce a new version of Mini Template System that got released today: Version 1.5.0. This is a major mini template system upgrade, following is new: 1) A new, great and fully responsive theme. We are very happy and proud to release after really a lot of work, our responsive template. Our development had 3 targets and we think that we achieved all of them compatibility with the existing osCommerce release, the existing add ons and the many users who use osCommerce 2.3.4 or already use MTS the highest possible grade of flexibility: We want you to decide yourself about the way your store look like and about how it should behave on various screen sizes the less possible core code changes The new responsive template work on the current 2.3.4 osCommerce release (and any previous release of the 2.3 series) . There are no core code changes necessary in order to get it working – other than to install MTS itself of course, that is an easy task as many of you know In other words, you can simply install MTS on any store of series 2.3 and have a responsive store that you can configure as you like We are using LESS to transform the existing grid system into a responsive framework. The whole system is dynamic, in the meaning of accepting settings you do in your administration panel. So, for example, you can set the total store width your self or set it to full width of 100% of the screen set the breakpoints for the different screen sizes your self. You can set your self what e.g. a “medium” screen is, you don’t have to use 992 pixels or whatever decide your self about the layout for each breakpoint. So you can decide what to do with the columns for a small screen and do a different setting for a extta small screen. If you want to hide them, display left, right or under the body, that is your choice for each breakpoint. also decide about the behaviour of many modules. For example, you can set the breakpoint where the main navigation turn from expanded into a “hamburger” button your self. Similar settings are possible all over, we’ll update the usage instructions for more details The LESS files are compiled and minified automatically into regular css files upon saving the settings 2) main template improvements There is a whole new and long list of available settings for both, the new responsive or the existing static templates. You can control now almost every detail of the store, including header and footer colours (and responsive behaviour for responsive templates) For example, you can set a “sticky” top bar, that will stay in place while you scroll down the page. Same you can have for the main navigation if you want. That “sticky” status accept different settings, so you can have a different colour or a different height if you want What we want to point out are the “dynamic shadow settings”: Even shadows are not that much in fashion anymore, they are still a very good way for setting the overall page layout. So we made all shadows “dynamic”, in the meaning that they accept settings you do in your administration panel. For each shadow scheme, you can now select the shadow colour, the shadow intensity and the colour opacity. It is your choice to have a very strong or very light, even invisible shadow We included the latest jQuery and jQueryUI versions and created a couple a new nice themes 3) Various improvements to all modules All modules, including banners, product modules, menus, main navigation are responsive, in case of course you use a responsive template. There are breakpoint specific settings you can do, for example, you can set the maximum and minimum items per row for any product or banner module, you can decide if you want to allow “orphan” rows or not and much more. There are also automated adjustments where you don’t have to worry about: For example, in case a super fish flight menu has to display under the main body in a small screen, it turn itself automatically into a accordion menu – a “fly out” wouldn’t make a sense of course on small screens Beside that, there are many new settings and small improvements done, for example: For the product modules, you can now set a different image size for each of the modules that display products, you can set the display order and of course do a lot more design settings, shadows, border, opacity of colours and much more For the fly out menus, there is now a “hover intent” script preventing the menu to expand “by accident”: It expand only after the mouse rest for a short while over the menu tab. If you wish you can set the menu to act only “on click”. There are separate colour settings for top and flight level, you can even set the colour of the arrows that indicate deeper levels in the menu For banner modules, beside all other improvements to the banner manager itself, there is a whole new list of settings you can do for each banner module, including colours, shadows, coption manipulation etc etc. Additional, there is a unique id added to each of them, that allow a very specific individual styling for each banner via css in case you need that 4) Banner manager We did a complete rework for our banner manager. Multilingual banners: this was a request of many MTS users who have multilingual stores. You can now upload a separate image for each of the store languages and of course add a different banner text for each language. The language specific image is optional: You can skip it, in that case the system use the default banner image. That way you can upload additional language specific images only for banners where you need it, for example banners that contain a text as part of the image Banner link: Additional to what you could do till now, link the entire banner to a url, you can now create a link or button as part of the banner body. You can set the link target as you like, name the link (or button) as you like individually per language and do various settings in the banner modules New admin layout: A much nicer and much more organised admin page to help you setup your banners in a more efficient way 5) A new product listing module This is a very nice and flexible module that will let you setup your product listing exactly the way you want it. The module allow a listing in “grid” or “list” mode, allowing a switch by the page visitor. For responsive templates, the module switch automatically to “grid” mode after a given screen size, this is the size where a “list” mode make no sense anymore. Also possible;e: Display your products in a slider mode The grid/list switch is part of the product listing toolbar, that contain also a nice drop down for the sort order of the products. The entire module is completely configurable, you can do settings for the whole area, for each product box, set any colours, shadows, borders etc, you can decide about the display way, decide about the information you want to display, set the image size etc etc. Even the toolbar or the pager can be designed down to the smallest detail The module is also used on the new products page, the specials page and the advanced search results page 6) New module group for category pages. You have now a special set of modules available for all pages that display subcategories: Available modules are: categories module new products module specials module bestsellers module available, Each module display subcategories and products of that parent category. The configuration settings for each module are same as for the front page modules, the modules are responsive 7) New admin interface and improved functionality Till now each setting for each module, had its own “row” in the sidebar. As a result, the sidebar became very long in some cases, making it hard to find and do the desired settings. What we did is, to combine options into sections and each section into groups of options. Each section is poping up in a fancy box window, so you can set all options much more easy and intuitive A second advantage of this new system is, that the database rows that each module occupy in the configuration table are reduced to a minimum. While before we had e.g. 40 database rows for 40 settings, now we need just 4 database rows, one for each section That way, we could add more settings, and give you much more control over the design. In case you are interested in the technical background of the whole system, there will be a post on the multimixer blog soon 8) Improved module upgrade functionality There is no need to un-install and re-install any module in order to upgrade it. We developed a function that is doing the upgrade completely automatically: New database records are added, redundant database records are removed, database records are merged or assigned to new keys as needed 9 ) combine and compress css files Various css files are included into new common file, are getting compressed there and send to the server as a single minified file. This reduce the server requests and improve speed. The process is automated, there is nothing you have to worry about, it simply work behind the scenes 10) Various small improvements like: Change of execution for the main navigation: In case the link group selected don’t exist, main navigation display the default navigation of header.php instead of returning empty string A new smarter text truncate function for front page and product listing modules We Noticed that some users are adding html tags to the product or manufacturer name, that is not correct or at least not necessary. All MTS modules do strip that tags out before printing anything to the screen Central query for banners and product modules. Query results are stored and kept available in the system, so they can be reused if necessary instead of making a query again A new smarter “cPath” calculation for all menus There is much more of course, smaller and bigger improvements and changes, like e.g. reducing the overall filezize, optimising processes, that all happens behind the scenes. The new version is available to download right away. Existing mini template system users will be notified by email, the upgrade is as usual free of charge. Upgrade packages will start sending on Monday 13/7. Please be patient up to 48 hours before asking why you didn’t receive the upgrade. Please note that upgrades are sent to the email that you used when purchasing MTS Existing users, please note, that you can perform the upgrade on any osCommerce version 2.3.1, 2.3.2, 2.3.3,,,, or 2.3.4 The demo store is still based on the previous MTS version 1.4.05, we are working on the update. If you want to take a look at the new version, please check here: Responsive MTS example Thank you all for using mini template system
  17. Opened this topic to discuss further the available options for menu/navigation integration to the 2334BS bootstrap versions.
  18. This is the support thread for Dynamic Frame Controller. - http://addons.oscommerce.com/info/8963 Please post any questions or feedback.