Limit the Twitter feed to 10 tweets

3 replies · opened Feb 24, 2018

RRustproofFeb 24, 2018

I'd like to limit the amount of tweets on my home page.

Here is the code that I'm using.

<h4>Follow Us on Twitter</h4>
                           <div class="fslider customjs testimonial twitter-scroll twitter-feed" data-username="envato" data-count="2" data-animation="slide" data-arrows="false">
 <div class="widget widget-twitter-feed clearfix">
<h4>Twitter Feed</h4>
<ul>
<li>
<a class="twitter-timeline" href="https://twitter.com/DCConceptsDFW">Tweets by DCConceptsDFW</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
                           </li>
                        </ul>

                        <a href="https://twitter.com/DCConceptsDFW" class="btn btn-default btn-sm fright">Follow Us on Twitter</a>

                     </div>
                           </div>
                        </div>

                        <div class="widget clearfix">
RRustproofFeb 24, 2018

I just realized that I didn't setup an API... Once I setup an api, maybe I'll be able to limit tweets displayed on my page through twitter?

RRustproofFeb 24, 2018

according to the functions.js It looks like it should stop at 3 tweets.


twitterFeed: function(){

         if( typeof sm_format_twitter === 'undefined' ) {
            console.log('twitterFeed: sm_format_twitter() not Defined.');
            return true;
         }

         if( typeof sm_format_twitter3 === 'undefined' ) {
            console.log('twitterFeed: sm_format_twitter3() not Defined.');
            return true;
         }

         var $twitterFeedEl = $('.twitter-feed');
         if( $twitterFeedEl.length > 0 ){
            $twitterFeedEl.each(function() {
               var element = $(this),
                  twitterFeedUser = element.attr('data-username'),
                  twitterFeedCount = element.attr('data-count'),
                  twitterFeedLoader = element.attr('data-loader');

               if( !twitterFeedUser ) { twitterFeedUser = 'twitter' }
              
 if( !twitterFeedCount ) { twitterFeedCount = 3 }

               if( !twitterFeedLoader ) { twitterFeedLoader = 'include/twitter/tweets.php'; }

               $.getJSON( twitterFeedLoader + '?username='+ twitterFeedUser +'&count='+ twitterFeedCount, function(tweets){
                  if( element.hasClass('fslider') ) {
                     element.find(".slider-wrap").html(sm_format_twitter3(tweets)).promise().done( function(){
                        var timer = setInterval(function(){
                           if( element.find('.slide').length > 1 ) {
                              element.removeClass('customjs');
                              var t = setTimeout( function(){ SEMICOLON.widget.loadFlexSlider(); }, 500);
                              clearInterval(timer);
                           }
                        },500);
                     });
                  } else {
                     element.html(sm_format_twitter(tweets));
                  }
               });
            });
         }
      },
RRustproofFeb 26, 2018

I figured it out. Please close this ticket.

The Tweet limit is set by adding the tweet number amount data-tweet-limit="9" to the link element.
`
Tweets by TwitterName/a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard