Перейти к содержанию
kavi

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

Рекомендуемые сообщения

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

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

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/

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

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

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