Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

Old addon do not fit with osc2.3.4BS


Recommended Posts

  • Replies 51
  • Created
  • Last Reply

@@root123

 

Hi Benjamin,

 

What old add-on did you try to install? If you tell us we might be able to help.

The old add-ons haven't been coded to work with osc2.3.4bs i.e. not responsive (BTW there's no 2.3.5bs).

 

When you say old, for which version of osCommerce was it written for. If it's for osc2.2 then the add-on would need to be completely re-written. If it's for osc2.3.x then it most likely can be modified to work with 2.3.4bs. The current osc2.3.4bs module boxes are now made up of 2 files; the main module and a template file inside the template folder. If you have a look at the currently installed modules in "catalog\includes\modules\boxes\" and "catalog\includes\modules\boxes\templates\" you will get idea of how they are coded and using bootstrap.

 

cheers

 

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

@@root123

 

Benjamin,

 

You need to make sure the add-ons you select are bootstrap versions if you're installing on osc2.3.4BS. At the moment there aren't that many bootstrap versions available. The ones that are bootstrap will state that they are.

 

Look at this thread here: http://www.oscommerce.com/forums/topic/399572-28-days-of-code-february-2015-rocking-oscommerce/ and then add yourself to the mailing list on the 28daysofcode site.

 

This particular add-on (scrolling boxes) you installed isn't a bootstrap version. It will require some recoding. If I get a chance I will have a look at it. Or perhaps @@De Dokta can assist. :D

 

cheers

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

@@root123

@@auzStar

 

Or perhaps @@De Dokta can assist. :D

 

Just an attempt on the fly as an example for the specials scroller. :rolleyes: Tested in bootstrap gold.

 

includes/modules/boxes add a new file bm_specials_scroller.php:

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2015 osCommerce

  Released under the GNU General Public License


created: O.F.Y. - osCommerce for You
   http://www.oscommerceforyou.hu
  email: [email protected]
*/

    class bm_specials_scroller {
    var $code = 'bm_specials_scroller';
    var $group = 'boxes';
    var $title;
    var $description;
    var $sort_order;
    var $enabled = false;

    function bm_specials_scroller() {
      $this->title = MODULE_BOXES_SPECIALS_SCROLLER_TITLE;
      $this->description = MODULE_BOXES_SPECIALS_SCROLLER_DESCRIPTION;

      if ( defined('MODULE_BOXES_SPECIALS_SCROLLER_STATUS') ) {
        $this->sort_order = MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER;
        $this->enabled = (MODULE_BOXES_SPECIALS_SCROLLER_STATUS == 'True');

        $this->group = ((MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT == 'Left Column') ? 'boxes_column_left' : 'boxes_column_right');
      }
    }

    function execute() {
      global $_GET, $languages_id, $currencies, $oscTemplate;

         $rp_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price from " . TABLE_PRODUCTS . " p, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_SPECIALS . " s where p.products_status = '1' and p.products_id = s.products_id and pd.products_id = s.products_id and pd.language_id = '" . (int)$languages_id . "' and s.status = '1' order by s.specials_date_added desc");
  if (tep_db_num_rows($rp_query)) {

            while ($random_product = tep_db_fetch_array($rp_query)) {

          $rp .= '<p class="text-center"><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . $random_product['products_name'] . '</a></p>';
          $rp .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $random_product['products_image'], $random_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, NULL, NULL, 'img-responsive thumbnail') . '</a>';
          	          
          if(SCROLL_DESC != '0') {	          
          $rp .= '<p class="text-center">' .  substr(strip_tags($random_product['products_description']), 0, SCROLL_DESC). '...<br /></p>';
           }
          
          $rp .= '<p class="text-center"><s>' . $currencies->display_price($random_product['products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) . '</s><br /> <span class="productSpecialPrice">' . $currencies->display_price($random_product['specials_new_products_price'], tep_get_tax_rate($random_product['products_tax_class_id'])) .'</p>';
          $rp .= '<p class="text-center">' .tep_draw_button(SMALL_IMAGE_BUTTON_VIEW, '', tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $random_product["products_id"]), '', '', 'btn-success btn-sm') . '</p>';
          $rp .= '<hr />';  
          }

          ob_start();
          include(DIR_WS_MODULES . 'boxes/templates/specials_scroller.php');
          $data = ob_get_clean();

          $oscTemplate->addBlock($data, $this->group);
        }
    }

    function isEnabled() {
       global $PHP_SELF;
       if($PHP_SELF !== 'specials.php') { 
      return $this->enabled;
    }
    }

    function check() {
      return defined('MODULE_BOXES_SPECIALS_SCROLLER_STATUS');
    }

    function install() {
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Enable Specials Module', 'MODULE_BOXES_SPECIALS_SCROLLER_STATUS', 'True', 'Do you want to add the module to your shop?', '6', '1', 'tep_cfg_select_option(array(\'True\', \'False\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Content Placement', 'MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT', 'Left Column', 'Should the module be loaded in the left or right column?', '6', '1', 'tep_cfg_select_option(array(\'Left Column\', \'Right Column\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Sort Order', 'MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER', '0', 'Sort order of display. Lowest is displayed first.', '6', '2', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Scroll Direction', 'SCROLL_DIRECTION', 'up', 'Change Scroller Direction', '6', '2', 'tep_cfg_select_option(array(\'up\', \'down\'), ',now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroll Height', 'SCROLL_HEIGHT', '260', 'Change Scroller Height, default: 260 px', '6', '3', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroll Speed', 'SCROLL_SPEED', '2', 'Change Scroller Speed, default: 2', '6', '4', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroll Delay', 'SCROLL_DELAY', '20', 'Change Scroller Delay, default: 20', '6', '5', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Description Length', 'SCROLL_DESC', '20', 'Display part of products description, default: 50 (0 = No description)', '6', '6', now())");
}

    function remove() {
      tep_db_query("delete from " . TABLE_CONFIGURATION . " where configuration_key in ('" . implode("', '", $this->keys()) . "')");
    }

    function keys() {
      return array('MODULE_BOXES_SPECIALS_SCROLLER_STATUS', 'MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT', 'MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER', 'SCROLL_DIRECTION', 'SCROLL_HEIGHT', 'SCROLL_SPEED', 'SCROLL_DELAY', 'SCROLL_DESC');
    }
  }
?>

includes/modules/boxes/templates add a new file specials_scroller.php:

<div class="panel panel-default hidden-xs hidden-sm">
   <div class="panel-heading"><a href="<?php echo tep_href_link('specials.php') . '">' . MODULE_BOXES_SPECIALS_SCROLLER_BOX_TITLE; ?></a></div>
    <div class="panel-body text-center">
     <?php echo '<MARQUEE behavior= "scroll"  direction= "' . SCROLL_DIRECTION . '" height="' . SCROLL_HEIGHT . '" scrollamount= "' . SCROLL_SPEED . '" scrolldelay= "' . SCROLL_DELAY . '" onmouseover=\'this.stop()\' onmouseout=\'this.start()\'>'.$rp.'</MARQUEE>'; ?>
   </div>
</div>

includes/languages/Your Language(s)/modules/boxes add a new file bm_specials_scroller.php:

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2014 osCommerce

  Released under the GNU General Public License
*/

  define('MODULE_BOXES_SPECIALS_SCROLLER_TITLE', 'Specials Scroller');
  define('MODULE_BOXES_SPECIALS_SCROLLER_DESCRIPTION', 'Install Specials Scroll Box');
  define('MODULE_BOXES_SPECIALS_SCROLLER_BOX_TITLE', 'Specials');

Install it in your admin -> modules -> boxes, configure it to your needs and have fun! (w00t)

In collapsed view the scroller is hidden. If you want to display it even in collapsed view remove the hidden-xs hidden-sm tags from includes/modules/boxes/templates/specials_scroller.php.

 

J.J.

Link to comment
Share on other sites

@@De Dokta

@@root123

 

Awesome. Thanks Doc. Save me a bit of work. :thumbsup: Things we do for people. :D

 

Have created and uploaded new package for both boxes with some slight changes to the one you posted (full package for both an unchanged non-bootstrap version and the new bootstrap version).

http://addons.oscommerce.com/info/8065

The bootstrap version probably requires the other languages as only english is included.

 

Don't really like the way marquee leaves a blank space between first and last products (I read a while back that the marquee tag was deprecated). May fix that one day using something like what I've done in the Customer Testimonials scroll box using jQuery (where it also pauses inside the box), or unless there is a way with bootstrap. Need to investigate.

 

thanks heaps

 

cheers

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

Ok, since I'm not really satisfied with the marquee version, I've tried something else with jquery.

 

ext/jquery/ add a new file jquery.scroller.min.js:

(function($){$.fn.scroller=function(options) {var that=this;$(window).load(function() {var settings={transition:750,pause:5000,directionIn:1,directionOut:-1,height:150,}; if(options)$.extend(settings,options); var featuresWidth=that.width(),ul=that.find("ul"),li=ul.find("li"),liWidth=li.width(),t=undefined,on=false; that.css({overflow:"hidden"});li.hide().first().show(); var featuresHeight=ul.height(); ul.css({width:featuresWidth+"px",position:"relative",height:settings.height+"px"}); var position=li.first().position();li.css({position:"absolute",width:liWidth+"px"}); var loop=function(){if(on)return;on=true; var li=that.find("li"),first=li.first(),next=first.next(); first.css("top",position.top+"px").show().clone().hide().insertAfter(li.last()); next.css({"top":settings.directionIn*featuresWidth+"px",opacity:0}).show(); first.animate({opacity:0,top:settings.directionOut*featuresWidth+"px"},settings.transition,function(){$(this).remove();}); next.animate({opacity:1,top:position.top+"px",},settings.transition); setTimeout(function(){on=false;},settings.transition); if(t) t=setTimeout(function(){loop();},settings.pause);} 
that.hover(function(){clearTimeout(t);t=undefined;},function(){t=setTimeout(function(){loop();},settings.transition);});t=setTimeout(function(){loop();},settings.pause);});return this;};})(jQuery);

...modules/boxes/bm_whats_new_scroller.php changed to:

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2010 osCommerce

  Released under the GNU General Public License

*/

  class bm_whats_new_scroller {
    var $code = 'bm_whats_new_scroller';
    var $group = 'boxes';
    var $title;
    var $description;
    var $sort_order;
    var $enabled = false;

    function bm_whats_new_scroller() {
      $this->title = MODULE_BOXES_WHATS_NEW_SCROLLER_TITLE;
      $this->description = MODULE_BOXES_WHATS_NEW_SCROLLER_DESCRIPTION;

      if ( defined('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS') ) {
        $this->sort_order = MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER;
        $this->enabled = (MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS == 'True');

        $this->group = ((MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT == 'Left Column') ? 'boxes_column_left' : 'boxes_column_right');
      }
    }

    function execute() {
       global  $oscTemplate, $languages_id, $currencies, $valuein, $valueout;
         
  
          $wn_query = tep_db_query("  select p.products_id, pd.products_name, pd.products_description, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price, s.status from
" . TABLE_PRODUCTS . " p join " . TABLE_PRODUCTS_DESCRIPTION . " pd on pd.products_id = p.products_id left join " . TABLE_SPECIALS . " s on s.products_id = p.products_id where p.products_status = '1' and p.products_id = pd.products_id and pd.language_id = '" . (int) $languages_id . "' order by p.products_date_added desc limit " . MAX_RANDOM_SELECT_NEW);
    
  if (tep_db_num_rows($wn_query)) {
      while ($randoms_product = tep_db_fetch_array($wn_query)) {
     $wn .= '<li>';
        if ($randoms_product['status'] == 1) {
              $p_price = '<s>' . $currencies->display_price($randoms_product['products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id'])) . '</s> ';
              $p_price .= '<span class="productSpecialPrice">' . $currencies->display_price($randoms_product['specials_new_products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id'])) . '</span>';
            } else {
              $p_price = $currencies->display_price($randoms_product['products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id']));
            }

          
          $wn .= '<p class="text-center"><br /><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product['products_id']) . '">' . $randoms_product['products_name'] . '</a></p>';
          
           $wn .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $randoms_product['products_image'], $randoms_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, NULL, NULL, 'img-responsive thumbnail') . '</a>';
          
         if(MODULE_BOXES_WHATS_NEW_SCROLLER_DESC != '0') {
         $wn .= '<p class="text-center">' . substr(strip_tags($randoms_product['products_description']), 0, SCROLLER_DESC). '...<br /></p>';
         }
         $wn .= '<p class="text-center">' . $p_price . '</p>';

         $wn .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product["products_id"]) . '">'.tep_image_button("button_details.gif").'</a>';

         $wn .= '<p class="text-center">' .tep_draw_button(SMALL_IMAGE_BUTTON_VIEW, '', tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product["products_id"]), '', '', 'btn-success btn-sm') . '</p>';
         $wn .= '</li>';
         }

         $direction = MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION;
         if($direction == 'up') {
         $valuein = '1';
         $valueout = '-1';
         }else{
         $valuein = '-1';
         $valueout = '1';
         }

         $wn .='<script src="ext/jquery/jquery.scroller.min.js"></script>';
         $wn .= '<script>$("#whats_new").scroller({ directionIn :' .$valuein .', directionOut:' .$valueout .', pause:' . MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY. ', transition:'. MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED .', height:' . MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT .'});</script>';


          ob_start();
          include(DIR_WS_MODULES . 'boxes/templates/whats_new_scroller.php');
          $data = ob_get_clean();

          $oscTemplate->addBlock($data, $this->group);
        }
      }
   

    function isEnabled() {
       global $PHP_SELF;
       if($PHP_SELF !== 'products_new.php') { 
      return $this->enabled;
    }
    }

    function check() {
      return defined('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS');
    }

    function install() {
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Enable What\'s New Module', 'MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS', 'True', 'Do you want to add the module to your shop?', '6', '1', 'tep_cfg_select_option(array(\'True\', \'False\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Content Placement', 'MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT', 'Left Column', 'Should the module be loaded in the left or right column?', '6', '2', 'tep_cfg_select_option(array(\'Left Column\', \'Right Column\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Sort Order', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER', '0', 'Sort order of display. Lowest is displayed first.', '6', '3', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Scroll Direction', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION', 'up', 'Change Scroller Direction', '6', '4', 'tep_cfg_select_option(array(\'up\', \'down\'), ',now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Height', 'MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT', '260', 'Change Scroller Height, default: 260 px', '6', '5', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Transition Speed', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED', '1500', 'Change Scroller Transition Speed in ms, default: 1500 (Value MUST be smaller than Scroller Pause', '6', '6', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Pause', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY', '2000', 'Change Scroller Pause in ms, default: 2000', '6', '7', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Description Length', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DESC', '20', 'Display part of products description, default: 50 (0 = No description)', '6', '8', now())");
    }

    function remove() {
      tep_db_query("delete from " . TABLE_CONFIGURATION . " where configuration_key in ('" . implode("', '", $this->keys()) . "')");
    }
    
    function keys() {
      return array('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS', 'MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION', 'MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DESC');
    }
  }
?>

and modules/boxes/templates/whats_new_scroller.php to:

<div class="panel panel-default">
   <div class="panel-heading"><a href="<?php echo tep_href_link('products_new.php') . '">' . MODULE_BOXES_WHATS_NEW_SCROLLER_BOX_TITLE; ?></a></div>
    <div id="whats_new" class="panel-body" style="padding:0;">
	<ol style="list-style:none;padding-left: 0;">
     <?php echo '<center>' . $wn .'</center>'; ?>
    </ol>
  </div>
</div>    

includes/languages/your_language/modules/bm_whats_new_scroller.php - no changes.

 

You can see the difference between the two approaches here - New Products with jquery, Specials with marquee.

 

And if someone want to try it: jquery Scroll Box.zip - contains only files for New Products Scroll Box. Installation is simple: Upload files to the appropriate folders, install the module in Admin -> Modules -> Boxes, configure it to your need - ready!

 

J.J.

 

 

Link to comment
Share on other sites

@@grandpaj

@@De Dokta

 

The admin section has been left as default.

 

Any suggestions.

 

Cheers

 

Grandpa

 

Sorry, my mistake: :x

bm_whats_new_scroller.php:

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2015 osCommerce

  Released under the GNU General Public License
*/

  class bm_whats_new_scroller {
    var $code = 'bm_whats_new_scroller';
    var $group = 'boxes';
    var $title;
    var $description;
    var $sort_order;
    var $enabled = false;

    function bm_whats_new_scroller() {
      $this->title = MODULE_BOXES_WHATS_NEW_SCROLLER_TITLE;
      $this->description = MODULE_BOXES_WHATS_NEW_SCROLLER_DESCRIPTION;

      if ( defined('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS') ) {
        $this->sort_order = MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER;
        $this->enabled = (MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS == 'True');

        $this->group = ((MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT == 'Left Column') ? 'boxes_column_left' : 'boxes_column_right');
      }
    }

    function execute() {
       global  $oscTemplate, $languages_id, $currencies, $valuein, $valueout;
         
 
          $wn_query = tep_db_query("  select p.products_id, pd.products_name, pd.products_description, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price, s.status from
" . TABLE_PRODUCTS . " p join " . TABLE_PRODUCTS_DESCRIPTION . " pd on pd.products_id = p.products_id left join " . TABLE_SPECIALS . " s on s.products_id = p.products_id where p.products_status = '1' and p.products_id = pd.products_id and pd.language_id = '" . (int) $languages_id . "' order by p.products_date_added desc limit " . MAX_RANDOM_SELECT_NEW);
    
  if (tep_db_num_rows($wn_query)) {
      while ($randoms_product = tep_db_fetch_array($wn_query)) {
     $wn .= '<li>';
        if ($randoms_product['status'] == 1) {
              $p_price = '<s>' . $currencies->display_price($randoms_product['products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id'])) . '</s> ';
              $p_price .= '<span class="productSpecialPrice">' . $currencies->display_price($randoms_product['specials_new_products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id'])) . '</span>';
            } else {
              $p_price = $currencies->display_price($randoms_product['products_price'], tep_get_tax_rate($randoms_product['products_tax_class_id']));
            }

          
          $wn .= '<p class="text-center"><br /><a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product['products_id']) . '">' . $randoms_product['products_name'] . '</a></p>';
          
           $wn .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $randoms_product['products_image'], $randoms_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, NULL, NULL, 'img-responsive thumbnail') . '</a>';
          
         if(MODULE_BOXES_WHATS_NEW_SCROLLER_DESC != '0') {
         $wn .= '<p class="text-center">' . substr(strip_tags($randoms_product['products_description']), 0, MODULE_BOXES_WHATS_NEW_SCROLLER_DESC). '...<br /></p>';
         }
         $wn .= '<p class="text-center">' . $p_price . '</p>';

         $wn .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product["products_id"]) . '">'.tep_image_button("button_details.gif").'</a>';

         $wn .= '<p class="text-center">' .tep_draw_button(SMALL_IMAGE_BUTTON_VIEW, '', tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product["products_id"]), '', '', 'btn-success btn-sm') . '</p>';
         $wn .= '</li>';
         }

         $direction = MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION;
         if($direction == 'up') {
         $valuein = '1';
         $valueout = '-1';
         }else{
         $valuein = '-1';
         $valueout = '1';
         }

         $wn .='<script src="ext/jquery/jquery.scroller.min.js"></script>';
         $wn .= '<script>$("#whats_new").scroller({ directionIn :' .$valuein .', directionOut:' .$valueout .', pause:' . MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY. ', transition:'. MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED .', height:' . MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT .'});</script>';


          ob_start();
          include(DIR_WS_MODULES . 'boxes/templates/whats_new_scroller.php');
          $data = ob_get_clean();

          $oscTemplate->addBlock($data, $this->group);
        }
      }
   

    function isEnabled() {
       global $PHP_SELF;
       if($PHP_SELF !== 'products_new.php') {
      return $this->enabled;
    }
    }

    function check() {
      return defined('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS');
    }

    function install() {
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Enable What\'s New Module', 'MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS', 'True', 'Do you want to add the module to your shop?', '6', '1', 'tep_cfg_select_option(array(\'True\', \'False\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Content Placement', 'MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT', 'Left Column', 'Should the module be loaded in the left or right column?', '6', '2', 'tep_cfg_select_option(array(\'Left Column\', \'Right Column\'), ', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Sort Order', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER', '0', 'Sort order of display. Lowest is displayed first.', '6', '3', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Scroll Direction', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION', 'up', 'Change Scroller Direction', '6', '4', 'tep_cfg_select_option(array(\'up\', \'down\'), ',now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Height', 'MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT', '260', 'Change Scroller Height, default: 260 px', '6', '5', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Transition Speed', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED', '1500', 'Change Scroller Transition Speed in ms, default: 1500 (Value MUST be smaller than Scroller Pause', '6', '6', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Scroller Pause', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY', '2000', 'Change Scroller Pause in ms, default: 2000', '6', '7', now())");
      tep_db_query("insert into " . TABLE_CONFIGURATION . " (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Description Length', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DESC', '20', 'Display part of products description, default: 50 (0 = No description)', '6', '8', now())");
    }

    function remove() {
      tep_db_query("delete from " . TABLE_CONFIGURATION . " where configuration_key in ('" . implode("', '", $this->keys()) . "')");
    }
    
    function keys() {
      return array('MODULE_BOXES_WHATS_NEW_SCROLLER_STATUS', 'MODULE_BOXES_WHATS_NEW_SCROLLER_CONTENT_PLACEMENT', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SORT_ORDER', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DIRECTION', 'MODULE_BOXES_WHATS_NEW_SCROLLER_HEIGHT', 'MODULE_BOXES_WHATS_NEW_SCROLLER_SPEED', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DELAY', 'MODULE_BOXES_WHATS_NEW_SCROLLER_DESC');
    }
  }
?>

Line 56 is:

         $wn .= '<p class="text-center">' . substr(strip_tags($randoms_product['products_description']), 0, SCROLLER_DESC). '...<br /></p>';

must be: 

   $wn .= '<p class="text-center">' . substr(strip_tags($randoms_product['products_description']), 0, MODULE_BOXES_WHATS_NEW_SCROLLER_DESC). '...<br /></p>';

jquery Scroll Box.zip

 

J.J.

Link to comment
Share on other sites

@@grandpaj
 

Are you looking to do the same to "Specials"


I'll do my best, if I find the time! But why don't you try it yourself? Take the specials files from the contrib that Auzstar created and compare it with my new products files. Then you will see what to do. The difference is not that big.

 

J.J.

Link to comment
Share on other sites

@@De Dokta

 

Hi JJ

Will have a go, and see what happens. Will let you know.

 

Also, with the new products shown in the scroller, can the number of products shown be increased, or how are the products shown, "selected" as on the index page I have 6 new products shown, but in the scroller it shows 10 and I would like to increase to say 20/30 random products.

 

Cheers

 

Grandpa

Link to comment
Share on other sites

@@grandpaj
 

Will have a go, and see what happens. Will let you know.
 
Also, with the new products shown in the scroller, can the number of products shown be increased, or how are the products shown, "selected" as on the index page I have 6 new products shown, but in the scroller it shows 10 and I would like to increase to say 20/30 random products.

Don't hesitate to ask if you have problems.. :)

 

The number of new products displayed in the scroller is defined by Admin -> Configuration -> Maximum Values -> Selection of Random New Products. To increase the number of products shown at the same time would mean to change the script or to write a new one :wacko: .......

 

J.J.
 

Link to comment
Share on other sites

@@De Dokta

 

Also noticed in IE that the just above the "View" image button a wee x appears, Chrome is similar too. FF is OK

 

http://120.138.17.237/~grandp/index.php

 

Cheers

grandpa

 

You are right. Remove in bm_whats_new_scroller.php line 61:

         $wn .= '<a href="' . tep_href_link(FILENAME_PRODUCT_INFO, 'products_id=' . $randoms_product["products_id"]) . '">'.tep_image_button("button_details.gif").'</a>';

I give it up for today! Seems that I'm too tired to bring about something reasonable... :blush:

Link to comment
Share on other sites

@@De Dokta

 

You can knock off now, next shift has arrived :)

 

I've investigated a way of doing it with bootstrap carousel. Still testing. Works OK in IE11 so far but not scrolling properly in Chrome. Still to check FF.

Might look at fade-in/out also as PupStar suggested.

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

Hi guys,

 

I've created a new Specials box - fading version (file attached) - using bootstrap carousel, if you'd like to have a look at.

(Please remove any installed Specials/Specials Scroller boxes first via admin)

 

I've also created a Specials scrolling version, also using bootstrap carousel, but getting it to scroll vertically with some css. Tested OK in IE11, latest FF and latest Chrome but not scrolling too perfect in Chrome. In Chrome, the current display just disappears instead of easing out, otherwise all good. Tried a few things to fix but nothing worked. I'll post this code here for everyone to look at and possibly test to see if anyone can uncover what the issue is with Chrome.

 

Aim is to eventually package complete working versions that everyone is happy with, with the ability to choose between scroll or fade, for both What's New and Specials.

 

At the moment, neither have the extra options i.e. up/down for scrolling etc. It's a work in progress.

 

Below is the code for the bootstrap carousel "vertical scrolling" version for the Specials box. (The attached file is the fading version)

 

catalog\includes\languages\english\modules\boxes\bm_specials_scroller.php

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2014 osCommerce

  Released under the GNU General Public License
*/

  define('MODULE_BOXES_SPECIALS_SCROLLER_TITLE', 'Specials Scroller');
  define('MODULE_BOXES_SPECIALS_SCROLLER_DESCRIPTION', 'Show specials scroll box<br />NOTE: Set maximum number of specials to display in scroll box in "admin->configuration->maximum values->Selection of Products on Special"');
  define('MODULE_BOXES_SPECIALS_SCROLLER_BOX_TITLE', 'Specials');

catalog\includes\modules\boxes\templates\specials_scroller.php

<div class="panel panel-default">
   <div class="panel-heading"><?php echo '<a href="' . tep_href_link('specials.php') . '">' . MODULE_BOXES_SPECIALS_SCROLLER_BOX_TITLE . '</a>'; ?></div>
    <div class="panel-body">
     <?php echo $sp; ?>
   </div>
</div>

catalog\includes\modules\boxes\bm_specials_scroller.php

<?php
/*
  $Id$

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2014 osCommerce

  Released under the GNU General Public License
*/

  class bm_specials_scroller {
    var $code = 'bm_specials_scroller';
    var $group = 'boxes';
    var $title;
    var $description;
    var $sort_order;
    var $enabled = false;

    function bm_specials_scroller() {
      $this->title = MODULE_BOXES_SPECIALS_SCROLLER_TITLE;
      $this->description = MODULE_BOXES_SPECIALS_SCROLLER_DESCRIPTION;

      if ( defined('MODULE_BOXES_SPECIALS_SCROLLER_STATUS') ) {
        $this->sort_order = MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER;
        $this->enabled = (MODULE_BOXES_SPECIALS_SCROLLER_STATUS == 'True');

        $this->group = ((MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT == 'Left Column') ? 'boxes_column_left' : 'boxes_column_right');
      }
    }

    function execute() {
      global $languages_id, $currencies, $oscTemplate;

      $sp_query = tep_db_query("select p.products_id, pd.products_name, pd.products_description, p.products_price, p.products_tax_class_id, p.products_image, s.specials_new_products_price from products p, products_description pd, specials s where p.products_status = '1' and p.products_id = s.products_id and pd.products_id = s.products_id and pd.language_id = '" . (int)$languages_id . "' and s.status = '1' order by s.specials_date_added desc limit " . MAX_RANDOM_SELECT_SPECIALS);
      if (tep_db_num_rows($sp_query)) {

        $i = 0;
        $sp .= '<div class="carousel slide vertical">';
        $sp .= '<div class="carousel-inner">';
        while ($specials_product = tep_db_fetch_array($sp_query)) {

          $sp .= '<div class="' . ($i == 0 ? 'active ' : '') . 'item">';
          
          $sp .= '<p class="text-center"><a href="' . tep_href_link('product_info.php', 'products_id=' . $specials_product['products_id']) . '">' . tep_image(DIR_WS_IMAGES . $specials_product['products_image'], $specials_product['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . '</a></p>';
          $sp .= '<p class="text-center"><a href="' . tep_href_link('product_info.php', 'products_id=' . $specials_product['products_id']) . '">' . $specials_product['products_name'] . '</a></p>';

          if(MODULE_BOXES_SPECIALS_SCROLLER_SHORT_DESCRIPTION != '0') {
            $sp .= '<p class="text-center">' .  substr(strip_tags($specials_product['products_description']), 0, MODULE_BOXES_SPECIALS_SCROLLER_SHORT_DESCRIPTION). '...<br /></p>';
          }

          $sp .= '<p class="text-center"><del>' . $currencies->display_price($specials_product['products_price'], tep_get_tax_rate($specials_product['products_tax_class_id'])) . '</del><br /> <span class="productSpecialPrice">' . $currencies->display_price($specials_product['specials_new_products_price'], tep_get_tax_rate($specials_product['products_tax_class_id'])) .'</p>';
          $sp .= '<p class="text-center">' .tep_draw_button(SMALL_IMAGE_BUTTON_VIEW, '', tep_href_link('product_info.php', 'products_id=' . $specials_product["products_id"]), '', '', 'btn-success btn-sm') . '</p>';

          $sp .= '</div>';
          
          $i++;

        }
        $sp .= '</div>';
        $sp .= '</div>';

        $sp .= '<script>$(document).ready(function(){$(".carousel").carousel();});</script>';

        ob_start();
        include(DIR_WS_MODULES . 'boxes/templates/specials_scroller.php');
        $data = ob_get_clean();

        $oscTemplate->addBlock($data, $this->group);
      }
    }

    function isEnabled() {
      global $PHP_SELF;
      if($PHP_SELF !== 'specials.php') {
        return $this->enabled;
      }
    }

    function check() {
      return defined('MODULE_BOXES_SPECIALS_SCROLLER_STATUS');
    }

    function install() {
      tep_db_query("insert into configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Enable Specials Module', 'MODULE_BOXES_SPECIALS_SCROLLER_STATUS', 'True', 'Do you want to add the module to your shop?', '6', '1', 'tep_cfg_select_option(array(\'True\', \'False\'), ', now())");
      tep_db_query("insert into configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, set_function, date_added) values ('Content Placement', 'MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT', 'Left Column', 'Should the module be loaded in the left or right column?', '6', '1', 'tep_cfg_select_option(array(\'Left Column\', \'Right Column\'), ', now())");
      tep_db_query("insert into configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Description Length', 'MODULE_BOXES_SPECIALS_SCROLLER_SHORT_DESCRIPTION', '20', 'Display part of products description, default: 20 (0 = No description)', '6', '6', now())");
      tep_db_query("insert into configuration (configuration_title, configuration_key, configuration_value, configuration_description, configuration_group_id, sort_order, date_added) values ('Sort Order', 'MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER', '0', 'Sort order of display. Lowest is displayed first.', '6', '2', now())");
    }

    function remove() {
      tep_db_query("delete from configuration where configuration_key in ('" . implode("', '", $this->keys()) . "')");
    }

    function keys() {
      return array('MODULE_BOXES_SPECIALS_SCROLLER_STATUS', 'MODULE_BOXES_SPECIALS_SCROLLER_CONTENT_PLACEMENT', 'MODULE_BOXES_SPECIALS_SCROLLER_SHORT_DESCRIPTION', 'MODULE_BOXES_SPECIALS_SCROLLER_SORT_ORDER');
    }
  }
?>

add the following css to the end of of your catalog\user.css

/******* start specials scroller ********/
.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 1s ease-in-out top;
     -moz-transition: 1s ease-in-out top;
      -ms-transition: 1s ease-in-out top;
       -o-transition: 1s ease-in-out top;
          transition: 1s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}
/******** end specials scroller ********/

Scroll box fade.zip

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

i installed what's new_scroller.php but it do not show any scroll , what is my problem? it shows only the products , no scrolling products seen...?

thanks again ...?

 

@@root123

 

Benjamin. Is this De Dokta's one above or the one from the add-ons? If it's De Dokta's one, make sure you followed all the steps. Did you create the new ext/jquery/jquery.scroller.min.js from De Dokta's post (8) above? Maybe that's the reason why it's not scrolling.

Make sure you always remove existing modules in admin before you upload new files (backup existing files first), then install new module.

 

Also, have you tried the new Specials fading version?

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

@@root123

 

I just tested and works OK. Did you download the second file "jquery Scroll Box.zip" at post 11 and then apply the fix at post 17?

 

Silly question, but I have to ask...is javascript enabled in your browser?

 

Maybe try clearing you browser cache a couple of times and reloading the page.

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

@@De Dokta

 

Hi Doc,

 

I saw that you recently added a new bs package to the "Scroll Boxes" addon (replace scrolling marquee with js scroller): http://addons.oscommerce.com/info/8065

 

d'oh! :(

 

I was also about to add a new bs package which I'd been working on but this one uses bootstrap carousel with the ability to enable swipe feature. Has a few options to enable/disable various other features. The bs version is ready and have almost completed updating the non-bs version with the js scroller since I thought I would be a good idea to remove the marquee scroller from there also. I thought the swipe feature would be a good idea for the bs version for use on mobile devices.

 

I hope you don't mind if I add this new package for both versions, or do you want a test run first? 

 

cheers

 

 

 

My Add-ons
Advanced Cache Control Tool for osCommerce 2.3.x (non-bootstrap) Download Support
Ajax Product Listing for osC 2.3.4 (bootstrap) Download Support
Category New Products Carousel for osC 2.3.4 (bootstrap) Download Support
Category Popular Products Carousel for osC 2.3.4 (bootstrap) Download Support
Customer Testimonials for osCommerce 2.3.4 (bootstrap and non-bootstrap) Download Support
Front Page New Products Carousel for osC 2.3.4 (bootstrap) Download Support

Index Nested - Product Listing for osC 2.3.4 (bootstrapDownload Support
Match Categories in Search Results for osCommerce versions 2.3.x (non-bootstrap) Download Support
Modular Category Page for osC 2.3.4 (bootstrap)
Download Support

NEW Australia Post Shipping Modules for osCommerce 2.3.x (non-bootstrap) Download Support
NEW Equal Height Module for osC 2.3.4 (bootstrapDownload Support
Products Low Stock Report for osC 2.3.x (bootstrap and non-bootstrap) Download Support
Twitter Typeahead Autocomplete Search for osCommerce 2.3.4 (bootstrap and non-bootstrap)
Download Support

Upcoming Products Modules for osC 2.3.4 (bootstrap) Download Support

 
Assisted Add-ons
Scroll Boxes for osCommerce 2.3.x (bootstrap and non-bootstrap) Download Support
 
Bootstrap Add-ons created by other members
osCommerce Bootstrap Addons and Code

Link to comment
Share on other sites

Archived

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

×
×
  • Create New...