new version small bugg on the sticky footer with the scroll bar

6 replies · opened Jun 8, 2016

MMikeJun 8, 2016

Hello again, it's been a while hahahaha

so i found out another small bug I would like to fix, I am as you see very perfectionist, but when I look at your template Im not worried I know for sure you are as much as me MINIMUM ! :D

so on the url just after this post, when I click on a picture from the galerie photos, it opens the picture in full screen, BUT when it opens (i think this is called ajax), the scroll bar window on the right is supposed to dissapear, but instead of it it shows through the scroll bar the sticky footer, and I would like that it doesnt happen please, could you help ? :D

SSemicolon WebSTAFFJun 9, 2016

Hello,

We are Really Glad that you are helping us solving the minutest of Bugs in Canvas! :)

Please find the following code inside the lightbox: function() Function Block in the js/functions.js File:

element.magnificPopup({
	delegate: 'a[data-lightbox="gallery-item"]',
	type: 'image',
	closeOnContentClick: true,
	closeBtnInside: false,
	fixedContentPos: true,
	mainClass: 'mfp-no-margins mfp-fade', // class to remove default margin from left and right side
	image: {
		verticalFit: true
	},
	gallery: {
		enabled: true,
		navigateByImgClick: true,
		preload: [0,1] // Will preload 0 - before current, and 1 after the current image
	}
});

and replace it with:

element.magnificPopup({
	delegate: 'a[data-lightbox="gallery-item"]',
	type: 'image',
	closeOnContentClick: true,
	closeBtnInside: false,
	fixedContentPos: true,
	mainClass: 'mfp-no-margins mfp-fade', // class to remove default margin from left and right side
	image: {
		verticalFit: true
	},
	gallery: {
		enabled: true,
		navigateByImgClick: true,
		preload: [0,1] // Will preload 0 - before current, and 1 after the current image
	},
	callbacks: {
		open: function() {
			$('html').addClass('norightmargin');
		},
		close: function() {
			$('html').removeClass('norightmargin');
		}
	}
});

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

MMikeJun 9, 2016

this is working great !!!
by the way, even if everything seems to work fine, the function js file has according to dreamweaver a loooot of errors of code everywhere on the whole page, is it something that should bother me ?

MMikeJun 10, 2016

the very same problem seems to not have been fixed on this page when you open the ajax by clicking on manuelles or automatique (both two first pictures)

http://eden-boites.com/2.0/boites-de-vitesses.html

please how to fix it, and also is it a problem that the initial functions.js file has so many errors in dreamweaver ?

SSemicolon WebSTAFFJun 13, 2016

Hello,

  1. Please find the following code in the js/functions.js File:
if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			},
			open: function() {
				$body.addClass('ohidden');
			},
			close: function() {
				$body.removeClass('ohidden');
			}
		}
	});
}

and replace it with:

if( $lightboxAjaxEl.length > 0 ) {
	$lightboxAjaxEl.magnificPopup({
		type: 'ajax',
		closeBtnInside: false,
		callbacks: {
			ajaxContentAdded: function(mfpResponse) {
				SEMICOLON.widget.loadFlexSlider();
				SEMICOLON.initialize.resizeVideos();
				SEMICOLON.widget.masonryThumbs();
			},
			open: function() {
				$body.addClass('ohidden');
				$('html').addClass('norightmargin');
			},
			close: function() {
				$body.removeClass('ohidden');
				$('html').removeClass('norightmargin');
			}
		}
	});
}
  1. We use a Very Optimized version and Latest Version of jQuery Codes in the js/functions.js File so there is nothing to worry about this.

Do let us know if we can help you with anything else or if you find any further issues with Canvas.

MMikeJun 13, 2016

works 10 / 10 !!! thanks

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