throwingmarbles

Hi, thank you for your reply!

Kind regards

Hi @rozroz, you were right: one of the feeds seems to get corrupted after a while. If I only insert one, it works just fine. Thanks for your help!

Hi,
Thank you for your reply.

I am not using the shortcode, but the drag-and-drop feature in elementor to add the feeds:
https://www.liveryvideo.com/wp-content/uploads/2019/09/Screenshot-2019-09-14-at-09.50.27.png

These are the settings:
https://www.liveryvideo.com/wp-content/uploads/2019/09/Screenshot-2019-09-14-at-09.49.52.png

Both feeds I use are valid:
https://medium.com/feed/exmachinagroup/tagged/live-streaming
https://medium.com/feed/livery-video

Hi @devmoo, did you ever manage to make this work? I am running into the same problem and haven’t got a clue how to fix this…

Awesome, thank you so much for all your work!

This always happens, I mess around for days and nights without luck, finally pop the question online, try once more out of pure frustration and finally get it to work…

I had to add the imagesLoaded call to Infinite Scroll as well as the Sampression theme scripts.js. In case anyone else searches, I edited this part in the behaviour script:

_callback_masonry: function infscr_callback_masonry (newElements) {
	$(this).imagesLoaded( function(){
		$(this).masonry('appended',$(newElements));
	});
}

This always happens, I mess around for days and nights without luck, finally pop the question online, try once more out of pure frustration and finally get it to work…

I had to add the imagesLoaded call to your script as well as the Infinite Scroll one. In case anyone else searches, I edited this part in scripts.js:

jQuery(function(){
var $container = jQuery('#post-listing');
$container.imagesLoaded( function(){
	$container.isotope({
		 itemSelector: '.item',
		// resizable: false,
		 masonry : {
	        cornerStampSelector: '.corner-stamp',
			//columnWidth: 240
			columnWidth: $container.width() / 4

	      }
	});
});

In the meantime, I have added some code to replace the timestamp with “x secs/mins/hrs” up until 24 hrs. After that it turns into dates, just like on Twitter.

Might come in handy for someone else. I’m not a php-pro, so I hope I didn’t mess this up. ??

function time_elapsed_string($time) {
    $etime = time() - $time;
    if ($etime < 1) {
        return '0 secs';
    }
    $a = array( 60 * 60	=>  'hr',
                60		=>  'min',
                1		=>  'sec'
              );
    if ($etime < 86400) {

	    foreach ($a as $secs => $str) {
	        $d = $etime / $secs;
	        if ($d >= 1) {
	            $r = round($d);
	            return $r . ' ' . $str . ($r > 1 ? 's' : '');
	        }
	    }
	}
	else {
		return date('M d', $time);
	}
}

Then call function time_elapsed_string($time) in your template and use CSS to style it properly.

Thank you, sir! ??

Wow, that’s a quick reply. ??

Yes, I mean your Twitter profile image, in front of every tweet. Like the current standard Twitter widget does:

https://twitter.com/settings/widgets/new

(Except the iframe is so ugly and impossible to style with CSS, so I’d much rather use your plugin to accomplish the same).

Thanks for the update. Unfortunately, I am doing a no-budget project, so I’ll have to find another way around the standard Twitter Widgets that are just too damn ugly and impossible to style.

Thanks for all your work though!

Kindest regards,
Marloes

Glad you got it to work! ??

I just ran into the next problem: Implementing the imagesLoaded script… That might be a whole new thread in itself, if I can’t figure it out in a few days.

Regards,
Marloes

Yes, that should work. By the way, I just made a small edit to replace “isotope” with “masonry” in the above post, just like it is in the original script.

The entire script reads:

/*
	--------------------------------
	Infinite Scroll Behavior
	Manual / Twitter-style
	--------------------------------
	+ https://github.com/paulirish/infinitescroll/
	+ version 2.0b2.110617
	+ Copyright 2011 Paul Irish & Luke Shumard
	+ Licensed under the MIT license

	+ Documentation: https://infinite-scroll.com/

*/

(function($, undefined) {
	$.extend($.infinitescroll.prototype,{

		_setup_twitter: function infscr_setup_twitter () {
			var opts = this.options,
				instance = this;

			// Bind nextSelector link to retrieve
			$(opts.nextSelector).click(function(e) {
				if (e.which == 1 && !e.metaKey && !e.shiftKey) {
					e.preventDefault();
					instance.retrieve();
				}
			});

			// Define loadingStart to never hide pager
			instance.options.loading.start = function (opts) {
				opts.loading.msg
					.appendTo(opts.loading.selector)
					.show(opts.loading.speed, function () {
						instance.beginAjax(opts);
					});
			}
		},
		_showdonemsg_twitter: function infscr_showdonemsg_twitter () {
			var opts = this.options,
				instance = this;

			//Do all the usual stuff
			opts.loading.msg
				.find('img')
				.hide()
				.parent()
				.find('div').html(opts.loading.finishedMsg).animate({ opacity: 1 }, 1000, function () {
					$(this).parent().fadeOut('slow');
				});

			//And also hide the navSelector
			setTimeout(function() {
      			$(opts.navSelector).fadeOut("slow");
      		}, 1000);

			// user provided callback when done
			opts.errorCallback.call($(opts.contentSelector)[0],'done');

		},
		_callback_twitter: function infscr_callback_masonry (newElements) {
			$(this).masonry('appended',$(newElements));
		}

	});
})(jQuery);

Good luck!
Marloes

Hi,
This turned into quite a mess over the weekend and I got very discouraged after reading this:

https://isotope.metafizzy.co/docs/help.html#infinite_scroll_with_filtering_or_sorting

Seems like the two don’t combine very well at all and the duplicate sticky posts are the least of my problems. ?? Do you have plans to try and implement infinite scroll in your theme in the future?

Regards,
Marloes

Hi,
I added a third function to manual-trigger.js:

,
_callback_twitter: function infscr_callback_masonry (newElements) {
	$(this).masonry('appended',$(newElements));
}

Seems to do the trick. Hope it works for you as well! If so, will you please mark this as resolved?

Regards,
Marloes