Jump to content


Photo
- - - - -

Модуль JBZoo items новый шаблон carousel (карусель изображений)

рецепт jbzoo jbzoo 2.0+ items карусель изображений

42 replies to this topic

#21 mdcsfk

mdcsfk
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 207
  • topics: 49

Posted 09 February 2015 - 04:49

Спасибо за рецепт, очень полезен)

А не могли бы вы подсказать, как изменить количество колонок и шаг?

У меня почему-то не появилась вкладка "Шаблон jsCarousel" в настройках модуля, м.б. проще сделать это непосредственно в скрипте?

 

все, сам разобрался)


Edited by mdcsfk, 09 February 2015 - 04:49.

  • 0

#22 mdcsfk

mdcsfk
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 207
  • topics: 49

Posted 15 February 2015 - 05:11

что добавить в код, чтобы модуль не выводился совсем, когда пуст?

Сейчас там вот что:

<div class="module-content">
	                		
<style type="text/css">
    #module-items-211989 li{
        width: 200px ;
    }
</style>

<script type="text/javascript">
    jQuery(function($){
        $('.jcarousel').jcarousel({}).on('jcarouselautoscroll:destroyend', function() {
            alert('p');
        });;

        
        $('#module-items-211989 .prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                // Options go here
                target: '-=3'
            });

        $('#module-items-211989 .next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                // Options go here
                target: '+=3'
            });
    });
</script>

	                	</div>

  • 0

#23 registr

registr
  • JBZoo User (rus)
  • User rate: 0
  • posts: 1210
  • topics: 345

Posted 18 February 2015 - 11:40

А насколько реально сделать отдельно модуль карусели? Потому что например надо вывести отдельно просто модуль JBZooItems а отдельно карусель


  • 0

#24 Na_uM

Na_uM
  • JBZoo User (rus)
  • User rate: 15.9
  • posts: 782
  • topics: 61

Posted 18 February 2015 - 11:51

А насколько реально сделать отдельно модуль карусели? Потому что например надо вывести отдельно просто модуль JBZooItems а отдельно карусель

если я вас правильно понял, то модуль не обязательно делать новый, можно просто сделать новый шаблон вывода 


  • 0

#25 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 18 February 2015 - 12:12

А насколько реально сделать отдельно модуль карусели? Потому что например надо вывести отдельно просто модуль JBZooItems а отдельно карусель

Так сейчас вы можете выводить как обычный список так и карусель. Установите нужный шаблон и все.


  • 0
Изображение
 

#26 mdcsfk

mdcsfk
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 207
  • topics: 49

Posted 19 February 2015 - 11:32

 

что добавить в код, чтобы модуль не выводился совсем, когда пуст?

Сейчас там вот что:

<div class="module-content">
	                		
<style type="text/css">
    #module-items-211989 li{
        width: 200px ;
    }
</style>

<script type="text/javascript">
    jQuery(function($){
        $('.jcarousel').jcarousel({}).on('jcarouselautoscroll:destroyend', function() {
            alert('p');
        });;

        
        $('#module-items-211989 .prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                // Options go here
                target: '-=3'
            });

        $('#module-items-211989 .next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                // Options go here
                target: '+=3'
            });
    });
</script>

	                	</div>

 

Как это сделать?


  • 0

#27 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 19 February 2015 - 13:51

mdcsfk, занесите весь код в условие 

if ($count) {

} 

  • 0
Изображение
 

#28 mdcsfk

mdcsfk
  • JBZoo User (rus)
  • User rate: 0.1
  • posts: 207
  • topics: 49

Posted 19 February 2015 - 16:11

Спасибо)


  • 0

#29 Юра Мамонтов

Юра Мамонтов
  • JBZoo User (rus)
  • User rate: 2.2
  • posts: 258
  • topics: 55

Posted 17 March 2015 - 16:01

поставил, но вот только настройки модуля почему-то не отображаются,не выставить ни шаг ни количество колонок.

 

Как победить эту карусель?))) вроде у кого то уже была такая проблема...

 

поглядел в     ...tmpl\carousel.php

 

 

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


Edited by Юра Мамонтов, 17 March 2015 - 16:25.

  • 0

#30 Cheren-dow

Cheren-dow
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 17 March 2015 - 18:00

Юра Мамонтов, забыл в рицепте указать конфигурации. Посмотрите пункт 2.1 добавил полное содержимое файла mod_jbzoo_item.xml. 


  • 0
Изображение
 





Also tagged with one or more of these keywords: рецепт, jbzoo, jbzoo 2.0+, items, карусель изображений

Click to return to top of page in style!