Bootstrap Slider for NewProducts Module called in main.html.twig with a simple tag {{ moduleproductsnew() | raw}}

main.html.twig

{# file: includes/apps/index/content/main.html.twig #}
{% extends "base.html.twig" %}
{% block appcontent %}
<div id="bodyContent" class="span{{ GridContentWidth }}">
{{ moduleproductsnew() | raw}}
</div>
{% endblock %}
deuxième test

TwigModules.php

<?php
/**
 * osCommerce Online Merchant
 *
 * @copyright Copyright (c) 2013 osCommerce; http://www.oscommerce.com
 * @copyright (c) 2013, James W Burke
 * @copyright Copyright (c) 2013 modified by FoxP2; http://www.oscommerce.fr
 * @license GNU General Public License; http://www.oscommerce.com/gpllicense.txt
 */
class TwigModules extends Twig_Extension
{

    public function getFunctions()
    {
        return array(
            new Twig_SimpleFunction('moduleproductsnew', 'twig_module_products_new'),
        );
    }
    public function getName()
    {
        return 'ModulesExtension';

    }
}
function twig_module_products_new()
{
  global $currencies;
  if ( (!isset($new_products_category_id)) || ($new_products_category_id == '0') ) {
    $new_products_query = osc_db_query("select p.products_id, pi.image, p.products_tax_class_id, pd.products_name, pd.products_description, if(s.status, s.specials_new_products_price, p.products_price) as products_price from " . TABLE_PRODUCTS . " p left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_IMAGES . " pi, " . TABLE_PRODUCTS_DESCRIPTION . " pd where p.products_status = '1' and p.products_id = pd.products_id and p.products_id = pi.products_id and pi.sort_order = 1 and pd.language_id = '" . (int)$_SESSION['languages_id'] . "' order by p.products_date_added desc limit 6");
  } else {
    $new_products_query = osc_db_query("select distinct p.products_id, pi.image, p.products_tax_class_id, pd.products_name, pd.products_description, if(s.status, s.specials_new_products_price, p.products_price) as products_price from " . TABLE_PRODUCTS . " p left join " . TABLE_SPECIALS . " s on p.products_id = s.products_id, " . TABLE_PRODUCTS_DESCRIPTION . " pd, " . TABLE_PRODUCTS_TO_CATEGORIES . " p2c, " . TABLE_CATEGORIES . " c,  " . TABLE_PRODUCTS_IMAGES . " pi, where p.products_id = pi.products_id and pi.sort_order = 1  and p.products_id = p2c.products_id and p2c.categories_id = c.categories_id and c.parent_id = '" . (int)$new_products_category_id . "' and p.products_status = '1' and p.products_id = pd.products_id and pd.language_id = '" . (int)$_SESSION['languages_id'] . "' order by p.products_date_added desc limit 6");
  }
  $num_new_products = osc_db_num_rows($new_products_query);

  while ($new_products = osc_db_fetch_array($new_products_query)) {

      $products[] = $new_products;

  }

  if ($num_new_products > 0) {

  $string = '<h2>' . sprintf(TABLE_HEADING_NEW_PRODUCTS, strftime('%B')) .'</h2>' . "\n";

  $string .= '<div class="contentText">' . "\n";

  $string .= '<div id="main_area">' . "\n";

  $string .= '  <div class="row">' . "\n";

  $string .= '      <div class="span12" id="slider">' . "\n";

  $string .= '          <div class="row">' . "\n";

  $string .= '              <div class="span8" id="carousel-bounding-box" style="background-color: #e9e8e8;margin-left:20px;margin-right:-20px;">' . "\n";

  $string .= '                  <div id="myCarousel" class="carousel slide">' . "\n";

  $string .= '                      <div class="carousel-inner">' . "\n";

  for ($i = 0; $i < sizeof($products); $i++) {

      $class = ($i == 0) ? 'item active'  : 'item';

      $string .= '                          <div class="' . $class . '" data-slide-number="' . ($i - 1) . '">' . osc_image(DIR_WS_IMAGES . $products[$i]['image'], $products[$i]['products_name']) . '</div>' . "\n";

  }
  $string .= '                      </div>' . "\n";

  $string .= '<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>' . "\n";

  $string .= '<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>' . "\n";

  $string .= '                  </div>' . "\n";

  $string .= '              </div>' . "\n";

  $string .= '          <div class="span4" id="carousel-text"></div>' . "\n";

  $string .= '          <div style="display: none;" id="slide-content">' . "\n";

  for ($i = 0; $i < sizeof($products); $i++) {

  $string .= '      <div id="slide-content-' . ($i - 1) . '">' . "\n";

  $string .= '<h3>' . $products[$i]['products_name'] . '</h3>' . "\n";

  $string .= '<h4>' . $currencies->display_price($products[$i]['products_price'], osc_get_tax_rate($products[$i]['products_tax_class_id'])) . '</h4><br /><p class="sub-text">' . $products[$i]['products_description'] . '</p>' . "\n";

  $string .= '<span class="pull-right">' . osc_draw_button(IMAGE_BUTTON_BUY_NOW, 'play', osc_href_link('products', 'id=' . $products[$i]['products_id']), 'primary') . '</span><br /><br />'  . "\n";

  $string .= '      </div>' . "\n";

  }

  $string .= '          </div>' . "\n";

  $string .= '      </div>' . "\n";

  $string .= '  </div>' . "\n";

  $string .= '</div>' . "\n";

  $string .= '<div class="row hidden-phone" id="slider-thumbs">' . "\n";

  $string .= '  <div class="span12">' . "\n";

  $string .= '      <ul class="thumbnails">' . "\n";

  for ($i = 0; $i < sizeof($products); $i++) {

  $string .= '          <li class="span2">' . "\n";

  $string .= '              <a class="thumbnail" id="carousel-selector-' . $i . '">' . "\n";

  $string .= osc_image(DIR_WS_IMAGES . $products[$i]['image'], $products[$i]['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT) . "\n";

  $string .= '              </a>' . "\n";

  $string .= '          </li>' . "\n";

  }

  $string .= '      </ul>' . "\n";

  $string .= '  </div>' . "\n";

  $string .= '</div>' . "\n";

  $string .= '</div>' . "\n";

  $string .= '</div>' . "\n";

  $string .= '<script>' . "\n";

  $string .= 'jQuery(document).ready(function($) {' . "\n";

  $string .= '$(\'#myCarousel\').carousel({interval: 5000});' . "\n";

  $string .= '$(\'#carousel-text\').html($(\'#slide-content-0\').html());' . "\n";

  $string .= '$(\'[id^=carousel-selector-]\').click( function(){
                var id_selector = $(this).attr("id");
                var id = id_selector.substr(id_selector.length -1);
                var id = parseInt(id);
                $(\'#myCarousel\').carousel(id);
               });' . "\n";
  $string .= '$(\'#myCarousel\').on(\'slid\', function (e) {
                var id = $(\'.item.active\').data(\'slide-number\');
                $(\'#carousel-text\').html($(\'#slide-content-\'+id).html());
        });' . "\n";

  $string .= '});' . "\n";

  $string .= '</script>' . "\n";

  return $string;
  }
}
?>
3ème test