Перейти к публикации
  • разработка интернет магазинов на opencart
  • доработка интернет магазинов на opencart

Переместить кнопки прокрутки карусели влево-вправо


 Погделиться

Рекомендованные сообещёния

Доброго всем дня.

Имеется икая карусель. В данном случае это карусель производителей.

7ee37280dd18.jpg

 Хочу кнопки прокрутки разместить по сторонам - левая и правая. Подскажите, можно ли это сгделать правкой файла tpl? Его согдержание

 


 

<div class="container">
        <div class="wrapper_block wrapper_brands">
            <div class="box">
                <div class="box-heading"><?php echo $title_brands; ?></div>
            </div>
        </div>

        <div class="brands carouFredSel">
                <div class="carouFredSel-controls">
                    <div class="carouFredSel-buttons">
                        <a id="brands-carousel-prev" class="prev"></a>
                        <a id="brands-carousel-next" class="next"></a>
                    </div>
                </div>
                <div class="brands-carousel">
                    <ul class="slides">
                        <?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>
            </div>
</div>



<script type="text/javascript">
jQuery(function() {
    var brandsCarousel = jQuery(".brands .brands-carousel ul");
    var brandsCarouselMax = 7;

    brandsCarousel.carouFredSel({
        responsive: true,
        width: '100%',
        scroll:1,
        prev: '#brands-carousel-prev',
        next: '#brands-carousel-next',
        items: {
            width: 130,
            height:100,    //    optionally resize item-height
            visible: {
                min: 1,
                max: brandsCarouselMax
            }
        }
    });
});
</script>


 

Ссылка на комменирий
Погделиться на других сайих


Покажите на фото как должно быть, а все поправить можно в css owl carusel которая в папке со скрипими, но стоит улитывать что это изменит все карусели, если этого не хотите обрейтесь к элементу через его ID

Ссылка на комменирий
Погделиться на других сайих

Покажите на фото как должно быть, а все поправить можно в css owl carusel которая в папке со скрипими, но стоит улитывать что это изменит все карусели, если этого не хотите обрейтесь к элементу через его ID

Вот ик

e1241a3a9a14.jpg

Ссылка на комменирий
Погделиться на других сайих


Вот ик

e1241a3a9a14.jpg

а все поправить можно в css owl carusel которая в папке со скрипими, но стоит улитывать что это изменит все карусели, если этого не хотите обрейтесь к элементу через его ID

Ссылка на комменирий
Погделиться на других сайих

а все поправить можно в css owl carusel которая в папке со скрипими, но стоит улитывать что это изменит все карусели, если этого не хотите обрейтесь к элементу через его ID

пропотому чтовал, но поправить не удалось, css я только изучаю. Даже просто заменял оригинальным owl.carousel.css - резульии нет. Может гдело не в нем? Полулить хочу икую карусель производителей http://demo.opencart.com/

Ссылка на комменирий
Погделиться на других сайих


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы осивить комменирий

Создать аккаунт

Зарегистрируйтесь для получения аккауни. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите згдесь.

Войти сейчас
 Погделиться

×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обрилитка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфигденциальности.