Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • realbighits Friend
    #1092771

    Hello guys. I really like your template and one of the best features is this video opening without going into the article. But unfortunately, it’s working only with Joomla articles. And what about your 100% support of EasySocial? Well, I’m trying to merge your video module from the main page and easysocial video module from social network. What I want eventually – is to get videos from easysocial on the main page, the same way as they are in your module right now.

    Bellow is the code I’m writing right now ( just merged easysocial video module and your module ), I can fully understand all CSS and PHP part of your code, but what isn’t working is the request to open white window above site with video on it. I managed to get a video URL right now and linked it to play button. But how do I start video to play in a white window above? I understand that it is Javascript bellow your php code. But for some reason, it’s not working for my case…Can you look into it? I truly believe that this feature will be very useful for users in future. Whenever user add easysocial to Ja Mood – he never use articles again. He will use video in easysocial only. And your template working great with this social network module. The only issue I managed to find out after 2 weeks of testing – was this video problem

    
                    getDuration();?>
    
                getTitle();?>
    
                             getCategory()->title); ?>
    
                             html('html.user', $video->getAuthor());?>
    
                         getHits();?>
    
                         getLikesCount();?>
    
                         getCommentsCount();?>
    
    (function($){
      jQuery(document).ready(function($) {
        $("#video-list-<?php echo $module->id; ?> .html5lightbox").html5lightbox({
            autoslide: true,
            showplaybutton: false,
            jsfolder: "<?php echo JUri::base(true).'/templates/ja_mood/js/html5lightbox/' ?>"
        });
        $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").imagesLoaded(function(){
            $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
              items: <?php echo $columns; ?>,
              nav : true,
              navText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
              slideBy: 1,
              autoplay: false,
              lazyLoad: true,
              dots: true,
              loop: false,
                    navRewind: false,
              responsive : {
    
                // breakpoint from 0 up
                0 : {
                  items: 1,
                  dots : false
                },
    
                // breakpoint from 480 up
                480 : {
                  items: 2,
                  dots : false
                },
    
                // breakpoint from 768 up
                768 : {
                  items: 2,
                  dots : false
                },
    
                // breakpoint from 992 up
                992 : {
                  items: 3,
                  dots : true
                },
    
                // breakpoint from 1200 up
                1200 : {
                  items: 4,
                  dots : true
                },
    
                // breakpoint from 1460 up
                1460 : {
                  items: <?php echo $columns; ?>,
                  dots : true
                }
              },
    
              onRefresh: function () {
                $("html[dir='ltr'] #video-list-<?php echo $module->id; ?> .owl-carousel").find('div.owl-item .article-video').height('');
              },
    
              onRefreshed: function () {
    
                // Select and loop the container element of the elements you want to equalise
                    $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').each(function(){  
    
                      // Cache the highest
                      var highestBox = 0;
    
                      // Select and loop the elements you want to equalise
                      $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).each(function(){
    
                        // If this box is higher than the cached highest then store it
                        if($(this).height() > highestBox) {
                          highestBox = $(this).height(); 
                        }
    
                      });  
    
                      // Set the height of all those children to whichever was highest 
                      $("html[dir='ltr'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).height(highestBox);
    
                    });
              }
            });
          });
          $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").imagesLoaded(function(){
            $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").owlCarousel({
              items: <?php echo $columns; ?>,
              nav : true,
              navText : ["<i class='fa fa-angle-left'></i>", "<i class='fa fa-angle-right'></i>"],
              slideBy: 1,
              autoplay: false,
              lazyLoad: true,
              dots: true,
              loop: false,
                    navRewind: false,
                    rtl: true,
              responsive : {
    
                // breakpoint from 0 up
                0 : {
                  items: 1,
                  dots : false
                },
    
                // breakpoint from 480 up
                480 : {
                  items: 2,
                  dots : false
                },
    
                // breakpoint from 768 up
                768 : {
                  items: 2,
                  dots : false
                },
    
                // breakpoint from 992 up
                992 : {
                  items: 3,
                  dots : true
                },
    
                // breakpoint from 1200 up
                1200 : {
                  items: 4,
                  dots : true
                },
    
                // breakpoint from 1460 up
                1460 : {
                  items: <?php echo $columns; ?>,
                  dots : true
                }
              },
    
              onRefresh: function () {
                $("html[dir='rtl'] #video-list-<?php echo $module->id; ?> .owl-carousel").find('div.owl-item .article-video').height('');
              },
    
              onRefreshed: function () {
    
                // Select and loop the container element of the elements you want to equalise
                    $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').each(function(){  
    
                      // Cache the highest
                      var highestBox = 0;
    
                      // Select and loop the elements you want to equalise
                      $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).each(function(){
    
                        // If this box is higher than the cached highest then store it
                        if($(this).height() > highestBox) {
                          highestBox = $(this).height(); 
                        }
    
                      });  
    
                      // Set the height of all those children to whichever was highest 
                      $("html[dir='rtl'] #video-list-<?php echo $module->id; ?>").find('.owl-carousel').find($('.article-video', this)).height(highestBox);
    
                    });
              }
            });
          });
      });
    })(jQuery);
    &lt;/script&gt;
    
    • This topic was modified 1 year, 5 months ago by  realbighits.
    Saguaros Moderator
    #1093118

    Hi,

    You’re right, that’s special Article Video Content Type implemented for this template specific. Could you detail the Easysocial module that you’re working on? and share the FTP account, I will take a look, I will try to check if it takes less time.

    realbighits Friend
    #1093149
    This reply has been marked as private.
    Saguaros Moderator
    #1093432

    Could you try to contact provider of Easysocial also? as it will require the customization for their module.

    realbighits Friend
    #1093522
    This reply has been marked as private.
    Saguaros Moderator
    #1093988

    Hi,

    Thanks but if there are more people interested in this feature, we will update it as a new feature. Kindly contact stackideas for further help.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 5 replies, has 2 voices, and was last updated by  Saguaros 1 year, 4 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum