OWL Carousel

[Rubik]

Здравствуйте, подскажите пж есть модуль для карусели OWL Carousel выводит рекомендуемые на главной не могу найти где подправить что бы товары были в две строки http://joxi.ru/krD7vw1U0ByqpA (сейчас в одну)

[ArtemPitov]

сам плагин выводит только в одну строку, это же слайдер

 

http://owlgraphic.com/owlcarousel/#demo 

[Rubik]

я смотрел на оф сайте. OWL Carousel - выходит нельзя вывести в две строки?

[hoolygan]

Подпилить напильником всегда можно. Важно понять - зачем карусель на 2 строки? Т.е. если в 2 строки - то зачем слайдером 1 модуль крутить. Выводите тогда отдельно рекомендуемые, отдельно рекомендуемые часть2

[Rubik]

а как выйдет часть 2 если рекомендуемые товары для всех добавленных модулей будут одни и теже

[hoolygan]

Не, я имел в виду модуль мультирекомендуемых. А в них уже прописывать вывод через OWL карусельку (если что - говорю про версию 1.5, так как версия движка не указана).

[Rubik]

версия ocStore 1.5.5.1.2

[hoolygan]

Ну тогда да. Тут где-то в дополнениях есть модуль мультирекомендуемые. Его можно использовать, но прописать вывод через owl карусельку. Это намного проще, да и красивее будет - не просто рекомендуемые, а, напр, рекомендуемые с разных категорий (напр, рекомендумые кровати, рекомендуемые стенки и.т.д.).

[Rubik]

но прописать вывод через owl карусельку. Не могли бы подсказать как вывести через owl карусельку?

[hoolygan]

Вам же ссылочку на демку дали )) там нужно на страницах, где используется каруселька прописать вызов скрипта и css карусельки, и каждый элемент обернуть в owl.item или что-то такое, давно делал, не помню точно. В демке точнее, а я с тел пишу )

[hoolygan]

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

<div id="owl-example<?php echo $module; ?>" class="owl-carousel owl-theme">
      <?php foreach ($banners as $banner) { ?>
       <div class="owl-item">
        <a href="<?php echo $banner['link']; ?>"><img src="<?php echo $banner['image']; ?>" alt="<?php echo $banner['title']; ?>" title="<?php echo $banner['title']; ?>" ></a>
       </div>
    <?php } ?>
 </div>   

<script type="text/javascript"> 
       $(document).ready(function() {
	$("#owl-example<?php echo $module; ?>").owlCarousel({
						navigation : false,
					   itemsCustom : [[0, 2], [400, 3], [700, 4], [1000, 5], [1200, 6], [1600, 6]],
						paginationSpeed : 700,
                     	autoPlay : true,
                        stopOnHover : true, 
		pagination:false,
					  }); 
        
    });
</script>

Можете использовать, переделав под себя. Собственно переделать совсем немного, вместо

<?php foreach ($banners as $banner) { ?>

Сделать

<?php foreach ($products as $product) { ?>

Теоретически должно будет заработать. Ну разве что itemsCustom под себя сделать :)

Змінено 7 березня 2016 користувачем hoolygan