Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Recommended Posts

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

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

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 користувачів

    • Ні користувачів, які переглядиють цю сторінку

×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.