Lindsey Bugbee

Sorry, I did not see the new comment until now.

I gave up temporarily with the Multisite feature.

Eventually, we migrated to a VPS and made a fresh WordPress install. We tried to install Multisite again and it worked this time.

To be honest, I have no idea what changed so far. The only difference I spot is that in the VPS define(‘DOMAIN_CURRENT_SITE’, ‘www.thepostmansknock.com’); was set to define(‘DOMAIN_CURRENT_SITE’, ‘thepostmansknock.com’); instead.

Here is the code in my file:

//console.log('strx-floating-sidebar/js/main.js loaded ok');
strx = {};
if (typeof console === 'undefined') {
  console = {
    log: function () {},
    dir: function () {}
  };
}

(function () {
	strx.start = function (opts) {
	jQuery(function () {
		opts = jQuery.extend({}, {
		content: '#content',
		sidebar: '#sidebar',
		wait: 3000,
		debounce: 500,
		animate: 3000,
		debug: 0
	}, opts);

	setTimeout(function(){

	var $w = jQuery(window),
		$c = jQuery(opts.content),
		$ss = jQuery(opts.sidebar),
		$b = jQuery('body');

	if ($c.length && $ss.length) {
		$ss.each(function () {
			(function ($s) {
	          	// console.log($c.height() - $s.height());
	            if ( $c.height() - $s.height() > opts.minHDiff || opts.dynamicTop) {
                $s.parent().css('position', 'relative');

                var initialSPos=$s.position(),
					initialSOff=$s.offset();

                //Recupero Top e Left iniziali di tutte le sidebar prima di iniziare il posizionamento
                setTimeout(function(){
					if ( $c.height() > $s.height()) {
	                $s.css({
						position: 'absolute',
						left: initialSPos.left + 'px',
						top:  initialSPos.top  + 'px'
	                }).find('.widget').css('position', 'relative');
					}
					else {
					$s.css({
						position: 'relative',
						left: 0 + 'px',
						top:  0  + 'px'
	                }).find('.widget').css('position', 'relative');
					}

					var lastWidth = $(window).width();
					var lastScrollY = -1,
						sidebarTop = initialSPos.top,
						offsetTop = initialSOff.top - sidebarTop,
						maxTop = sidebarTop + $c.height() - $s.outerHeight(),
					onScroll = function (e) {
						if ($s.height() > $c.height()) {
							$ss.css({
								position: 'relative',
								left: 0 + 'px',
								top : 0 + 'px'
							}).find('.widget').css('position', 'relative');
							return;
						}

						if ($(window).width()!=lastWidth) {
							if ($(window).width() > 940) {
								sidebarTop = 60;
								$s.css({
									position: 'absolute',
									left: 690 + 'px',
									top: sidebarTop + 'px'
								}).find('.widget').css('position', 'relative');
								lastScrollY = -1;
							}
							lastWidth = $(window).width();
						}

	                    var scrollY = $w.scrollTop(),
							t, scrollingDown = scrollY > lastScrollY;

	                    if ((scrollingDown && scrollY > sidebarTop + offsetTop && scrollY + $w.height() > $s.position().top + $s.height() + offsetTop - sidebarTop) || (!scrollingDown && scrollY < $s.position().top + offsetTop)) {
							if (e.type === 'scroll' && ($w.height() > $s.height() || !scrollingDown)) {
							//Scorrimento verso l'alto
							t = Math.max(sidebarTop, scrollY - (offsetTop) + (~~opts.offsetTop));
							} else {
							//Scorrimento verso il basso o resize
							t = Math.max(sidebarTop, scrollY + $w.height() - $s.outerHeight() - offsetTop - (~~opts.offsetBottom));
							}

							t = Math.min(t, opts.dynamicTop ? (sidebarTop + $c.height() - $s.outerHeight()) : maxTop);
							$s.stop().animate({
								top: t + 'px'
							}, ~~opts.animate);
							/*if (opts.debug) {
							window.scrollY = scrollY;
							console.log('top=' + t + ', scrollY=' + scrollY);
							}*/
	                    }
	                    lastScrollY = scrollY;
					};
	                if (opts.debounce && Function.prototype.debounce) {
						onScroll = onScroll.debounce(opts.debounce);
	                }

	                $w.scroll(onScroll).resize(onScroll);
	                onScroll({
						type: 'scroll'
	                });

	                $w.scroll(function(){
						$s.stop();
	                });
                },0);

	            }
	        })(jQuery(this));
	    });

	}
	else {
		if ($c.length === 0) {
			console.log(opts.content + ' not found');
		}
		if ($ss.length === 0) {
			console.log(opts.sidebar + ' not found');
		}
	}
    }, opts.wait);
    });
	};
})();

I don’t use this plugin anymore, but it worked pretty well last time I checked. It was completely responsive. I think you need to check the option dynamicTop in its settings menu.

Also, you may need to change some values in this code. 940 is the width of my content + sidebar, 60 is the height at which my sidebar started, and 690 is the width at which it started.

I’m not sure, but I think you will also need the CSS above. Good luck!

Hi Walter,

I’m not sure what your issue is. My best guess is that it is an issue with your code. I would check the PHP section of the code where you get the featured images. I would start by looking in your code for:

<article class=”secondary-article”>

and see what’s going on there.

This question, however, actually is not related to the Pinterest plugin. I am no longer using the plugin either, so I am going to close this thread.

Good luck!

Lindsey

I decided to check my php error logs in my cpanel and noticed there was an on and off error coming from a function in functions.php that placed Jetpack’s share buttons at the top of the post. I updated this function to a more recent version and this fixed my issue.

I would recommend that anyone having this problem check their php error logs; it might give you a clue.

Cropping the images by CSS won’t work, because we don’t want to crop all images. We want to crop the ones with a weird aspect ratio and unfortunately CSS does not have this information.

I modified the php file to discard any image with a weird aspect ratio and just keep looping until my desired number of pins is found. I tested this in my computer’s localhost and it worked, all the images displayed are nearly square. I haven’t deployed this in my real website though because I think this is a slow solution.

I’m hoping somebody else comes up with a better solution.