[Помогите] Переместить модуль за "Шаблон"

CrazYViruS · 26 ноя 2013

Всем доброго времени, появилась немного труднообъяснимая проблемка ...
Вкратце
Есть модуль карусельки ProScroller 1.9 и его нужно разместить так чтобы:
Он не касался остальных дивов
Перемещался вместе со скролом ну это можно и не делать
И размещался справа за column_right т.е как я это представляю он должен быть либо в header либо вообще на отдельной схеме ...

Вот пример ...

Справа уже мною реализована панелька с категориями, она реализована в header.tpl

Код:

<body>

<div class="header-bg">
<div id="menuvert" align="right">
 
    <?php foreach ($categories as $category) { ?>
   
    <?php if ($category['active']) { ?>
      <a href="<?php echo $category['href']; ?>" class="selected"><span><?php echo $category['name']; ?></span></a>
    <?php } else { ?>
      <a href="<?php echo $category['href']; ?>" class="normal"><span><?php echo $category['name']; ?></span></a>   
    <?php } ?>
      <?php if ($category['image']) { ?>
        <div class="cat-image"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['image']; ?>" alt="<?php echo $category['name']; ?>" /></a></div>
          <?php } else { ?>
            <div class="cat-image"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['noimage']; ?>" alt="<?php echo $category['name']; ?>" /></a></div>
          <?php } ?>
<?php if ($category['children']) { ?>
      <div>
        <ul>
          <?php if ($category['image']) { ?>
            <!--
<li><div class="cat-image"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['image']; ?>" alt="<?php echo $category['name']; ?>" /></a></div></li>-->

          <?php } else { ?>
            <!--
<li><div class="cat-image"><a href="<?php echo $category['href']; ?>"><img src="<?php echo $category['noimage']; ?>" alt="<?php echo $category['name']; ?>" /></a></div></li>-->

          <?php } ?>
        </ul>
        <?php for ($i = 0; $i < count($category['children']);) { ?>
        <ul>
          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>
          <?php for (; $i < $j; $i++) { ?>
          <?php if (isset($category['children'][$i])) { ?>
          <!--
<li><a href="<?php echo $category['children'][$i]['href']; ?>" class="child-menu"><span><?php echo $category['children'][$i]['name']; ?></span></a></li>-->

          <?php } ?>
          <?php } ?>
        </ul>
        <?php } ?>
        <ul>
      </div>
      <?php } ?>
    </li>
    <?php } ?>
  </ul>
</div>

Вот заместо её надо както всунуть этот модуль, пробовал всовывать его в код из .tpl модуля в header ничего толком не получилось ошибки лезут, правил в контроллере но также не выход ... =( помогите пожалуйста

Спойлер productcarousel.tpl

Код:

<?php if ($products) {?>
<div class="box">
    <div class="box-heading"><?php if($caption){?><?php echo $caption ?><?php }?></div>
    <div class="box-content" style="padding:5px;">
    <div id="productcarousel<?php echo $module; ?>" >
          <ul class="jcarousel-skin-product">
            <?php foreach ($products as $product) { ?>
            <li <?php if(isset($this->request->get['product_id']) && $this->request->get['product_id'] == $product['product_id']){ ?>class="active"<?php } ?>>
                <?php if ($product['thumb']) { ?>
                <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" /></a></div>
        <?php } ?>
        <?php if ($product['thumb_popup']) { ?>
                <div class="image_popup">
            <a href="<?php echo $product['href']; ?>"><img id="productcarousel<?php echo $module; ?>_imagepopup_<?php echo $product['product_id']; ?>" src="<?php echo $product['thumb_popup']; ?>" alt="<?php echo $product['name']; ?>" /></a>
            <?php if (($popup_detail == '1') || ($popup_detail == '3'))  { ?>
                    <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
            <?php } ?>
            <?php if (($popup_detail == '2') || ($popup_detail == '3'))  { ?>
                    <?php if ($product['price']) { ?>
              <div class="price">
                      <?php if (!$product['special']) { ?>
                <?php echo $product['price']; ?>
                <?php } else { ?>
                <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
                      <?php } ?>
              </div>
              <?php } ?>
            <?php } ?>
            </div>
                <?php } ?>
                <?php if ($show_name == '1') { ?>
                <div class="name"><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></div>
        <?php } ?>
                <?php if ($show_price == '1') { ?>
                    <?php if ($product['price']) { ?>
                    <div class="price">
                      <?php if (!$product['special']) { ?>
                      <?php echo $product['price']; ?>
                      <?php } else { ?>
                      <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span>
                      <?php } ?>
                    </div>
                    <?php } ?>
        <?php } ?>
                <?php if ($show_cart == '1') { ?>
                <div class="cart"><a onclick="addToCart(<?php echo $product['product_id'] ?>);" class="button"><span><?php echo $button_cart; ?></span></a></div>
        <?php } ?>
        </li>
            <?php } ?>
          </ul>                                                                                                   
        </div>
    <?php if ($display_view_all) { ?>
    <a class="view_all" href="<?php echo $href_view_all;?>"><?php echo $text_view_all;?></a>
    <?php } ?>
    </div>
</div>
<script type="text/javascript"><!--

jQuery(document).ready(function() {
    jQuery('#productcarousel<?php echo $module; ?> ul').jcarousel({
        vertical:<?php if($axis == '0') { ?>false<?php } else { ?>true<?php }?>,
        visible:<?php echo($scroll_limit);?>,
        auto:<?php echo($autostart);?>,
        scroll:<?php echo($scroll);?>,
        animation: <?php echo($animation);?>,
        wrap: 'last',
        enabled_popup:<?php if ($enabled_popup) { ?>true<?php } else { ?>false<?php } ?>,
        setupCallback: mycarousel_setupCallback<?php echo $module; ?>,
        initCallback: mycarousel_initCallback<?php echo $module; ?>
    });
   
        $("body").append('<div id="jCarousel-boxpopup<?php echo $module; ?>" class="jCarousel-boxpopup" />');
});

var is_jCarousel_popup = false;

function mycarousel_initCallback<?php echo $module; ?>(carousel) {
        // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        if (!is_jCarousel_popup) carousel.startAuto();
    });
                       
        // Pause autoscrolling if the user moves with the cursor over the clip.
    $(carousel.list).find('div.image a').hover(function (e) {
            if (carousel.options.enabled_popup && !is_jCarousel_popup) {
                    carousel.stopAuto();
                    $('#jCarousel-boxpopup<?php echo $module; ?>').html('');
                    var ibox = $('#jCarousel-boxpopup<?php echo $module; ?>');
                    var el = $(this).parent().parent().find('div.image_popup');
                    $(el).clone().prependTo(ibox);
                    var context = $(this).parent().parent();
                    $(ibox).stop().fadeTo(40, 1, function () {
                            $(ibox).position({
                                    of: $(context).find('div.image img'),
                                    my: 'center center',
                                    at: 'center center'
                            })
                    })
                    is_jCarousel_popup = true;
                    $('#jCarousel-boxpopup<?php echo $module; ?>').bind({
                        mouseenter: function(e) {
                        is_jCarousel_popup = true;
                        },
                        mouseleave: function(e) {
                        is_jCarousel_popup = false;
                        $('#jCarousel-boxpopup<?php echo $module; ?>').hide();
                        carousel.startAuto()
                        }
                    });
            }
    }, function () {
    });
};
       
function mycarousel_setupCallback<?php echo $module; ?>(carousel)
{
    <?php if ($show_name == '1') { ?>
    var div_name_height = $('div#productcarousel<?php echo $module; ?> .jcarousel-skin-product .jcarousel-clip-verticale div.name:first').height();
  <?php } else {?>
    var div_name_height = 0;
    <?php }?>
    <?php if ($show_price == '1') { ?>
    var div_price_height = $('div#productcarousel<?php echo $module; ?> .jcarousel-skin-product .jcarousel-clip-verticale div.price:first').height();
    <?php } else {?>
    var div_price_height = 0;
    <?php }?>
    <?php if ($show_cart == '1') { ?>
    var div_cart_height = $('div#productcarousel<?php echo $module; ?> .jcarousel-skin-product .jcarousel-clip-verticale div.cart:first').height();
    <?php } else {?>
    var div_cart_height = 0;
    <?php }?>   
  <?php if($axis == '1') { ?>
  var image_height = <?php echo ($image_height * $scroll_limit); ?> + ((div_name_height + div_price_height + div_cart_height + 20) * <?php echo $scroll_limit ?>);
  $('div#productcarousel<?php echo $module; ?> .jcarousel-skin-product .jcarousel-clip-verticale').css('height', image_height + 'px');
  $('div#productcarousel<?php echo $module; ?> div.jcarousel-prev-verticale').css('left',($('div#productcarousel<?php echo $module; ?>').width() - $('div#productcarousel<?php echo $module; ?> div.jcarousel-prev-verticale').width())/2);
  $('div#productcarousel<?php echo $module; ?> div.jcarousel-next-verticale').css('left',($('div#productcarousel<?php echo $module; ?>').width() - $('div#productcarousel<?php echo $module; ?> div.jcarousel-next-verticale').width())/2);
  <?php } else { ?>
  $('div#productcarousel<?php echo $module; ?> div.jcarousel-prev-horizontale').css('top',($('div#productcarousel<?php echo $module; ?>').height() - $('div#productcarousel<?php echo $module; ?> div.jcarousel-prev-horizontale').height())/2);
  $('div#productcarousel<?php echo $module; ?> div.jcarousel-next-horizontale').css('top',($('div#productcarousel<?php echo $module; ?>').height() - $('div#productcarousel<?php echo $module; ?> div.jcarousel-next-horizontale').height())/2);
  <?php } ?>
    if (carousel.size() <= <?php echo $scroll_limit ?>) {
      $('div#productcarousel<?php echo $module; ?> div.jcarousel-prev-horizontale').css('display','none');
      $('div#productcarousel<?php echo $module; ?> div.jcarousel-next-horizontale').css('display','none');
    }
    carousel.reload();
}

//--></script>
<?php } ?>

kama812 · 26 ноя 2013

в гугле "opencart header module position"
рабочие и проверенные варианты http://stackoverflow.com/questions/7421790/opencart-1-5-how-to-add-module-in-a-header

[Помогите] Переместить модуль за "Шаблон"

CrazYViruS

kama812