[Помогите] Проблемы с модулем карусель OpenCart 1.5.4.1

Тема в разделе "OpenCart", создана пользователем kindly, 5 сен 2013.

  1. kindly

    kindly

    Регистрация:
    19 ноя 2012
    Сообщения:
    49
    Симпатии:
    1
    Доброго время суток, у меня возникла проблема с модуле карусель. А Именно первые 2 производителя отображаются, чуть ниже а не в строчку как положено. Пробовал уменьшать размер картинок, не помогло при увеличение размера вместо двух спрыгивают 3.. ссылка на сайт http://na4alo.16mb.com/

    [​IMG]

    HTML:
    .jcarousel-skin-opencart .jcarousel-container {
        background: #FFF;
        margin-bottom: 20px;
    }
    .jcarousel-skin-opencart .jcarousel-direction-rtl {
        direction: rtl;
    }
    .jcarousel-skin-opencart .jcarousel-container-horizontal {
        padding: 0px 40px;
    }
    .jcarousel-skin-opencart .jcarousel-clip {
        overflow: hidden;
        width: 100%;
    }
    .jcarousel-skin-opencart .jcarousel-clip-horizontal {
    }
    .jcarousel-skin-opencart .jcarousel-item {
        text-align: center;
    }
    .jcarousel-skin-opencart .jcarousel-item-horizontal {
        margin-left: 0;
        margin-right: 10px;
    }
    .jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-item-horizontal {
        margin-left: 10px;
        margin-right: 0;
    }
    .jcarousel-skin-opencart .jcarousel-item-placeholder {
        background: #fff;
        color: #000;
    }
    /**
    *  Horizontal Buttons
    */
    .jcarousel-skin-opencart .jcarousel-next-horizontal {
        position: absolute;
        top: 23px;
        right: 5px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: url('../image/button-next.png') center no-repeat;
    }
    .jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-next-horizontal {
        left: 5px;
        right: auto;
        background: url('../image/button-previous.png') center no-repeat;
    }
    .jcarousel-skin-opencart .jcarousel-next-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-horizontal:focus {
    }
    .jcarousel-skin-opencart .jcarousel-next-horizontal:active {
    }
    .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-next-disabled-horizontal:active {
        cursor: default;
        background: none;
    }
    .jcarousel-skin-opencart .jcarousel-prev-horizontal {
        position: absolute;
        top: 23px;
        left: 0px;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: url('../image/button-previous.png') center no-repeat;
    }
    .jcarousel-skin-opencart .jcarousel-direction-rtl .jcarousel-prev-horizontal {
        left: auto;
        right: 0px;
        background: url('../image/button-next.png') center no-repeat;
    }
    .jcarousel-skin-opencart .jcarousel-prev-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-horizontal:focus {
    }
    .jcarousel-skin-opencart .jcarousel-prev-horizontal:active {
    }
    .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-opencart .jcarousel-prev-disabled-horizontal:active {
        cursor: default;
        background: none;
    }
    
    HTML:
    <div id="carousel<?php echo $module; ?>">
      <ul class="jcarousel-skin-opencart">
        <?php foreach ($banners as $banner) { ?>
        <li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></li>
        <?php } ?>
      </ul>
    </div>
    <script type="text/javascript"><!--
    $('#carousel<?php echo $module; ?> ul').jcarousel({
        vertical: false,
            auto: 5,
            wrap: 'circular',
        visible: <?php echo $limit; ?>,
        scroll: <?php echo $scroll; ?>
    });
    //--></script>
     
  2. Baco

    Baco Антихронофаг Команда форума

    Регистрация:
    9 окт 2012
    Сообщения:
    648
    Симпатии:
    327
    visible: <?php echo $limit; ?>, - отвечает за отображение нужного кол-ва в карусели, или сделайте так: visible: 5, или в админке задайте в настройке модуля нужную цифру.
     
    kindly нравится это.
  3. kindly

    kindly

    Регистрация:
    19 ноя 2012
    Сообщения:
    49
    Симпатии:
    1
    Спасибо, что пытаетесь помочь. Я пробовал менять количество но это не помогло поставил допустим 2, получается что под первым все равно вылазит еще один (

    Можно сделать размер всей карусели фиксированным? Я думаю причина в том что ей просто не хватает места на главной
     
    Lasted edited by : 5 сен 2013
  4. Baco

    Baco Антихронофаг Команда форума

    Регистрация:
    9 окт 2012
    Сообщения:
    648
    Симпатии:
    327
    Вот как я решил эту проблему:
    [​IMG]
     
    kindly нравится это.
  5. kindly

    kindly

    Регистрация:
    19 ноя 2012
    Сообщения:
    49
    Симпатии:
    1
    Огромное спасибо )) Хорошая идея добавить высоту я до этого не додумался ( Но вот в чем дело я не знаю где именно в стилях ее прописать так как в carousel.css этих стилей нет. Не подскажите где их искать?
     
  6. Baco

    Baco Антихронофаг Команда форума

    Регистрация:
    9 окт 2012
    Сообщения:
    648
    Симпатии:
    327
    Пропишите непосредственно в <li style="height:120px"...
     
    kindly нравится это.
  7. kindly

    kindly

    Регистрация:
    19 ноя 2012
    Сообщения:
    49
    Симпатии:
    1
    Прописал тут, ничего не вышло

    <li><a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" /></a></li>

    Проблему еще не решил (
     
    Lasted edited by : 8 сен 2013