Show product popup (facebox.js) in the middle

Simpel
Topic Author
Offline
Senior Member

13 years 1 month ago #364 by Simpel

Show product popup (facebox.js) in the middle was created by Simpel

Some tip:

Change in facebox.js (/components/com_oscommerce/includes/javascript/facebox.js)

Code:

$('#facebox').css({
        top:	getPageScroll()[1] + (getPageHeight() / 6),
        left:	485.5
      }).show()

to:

Code:

$('#facebox').css({
   top: getPageScroll()[1] + (getPageHeight() / 10),
   left: ($(window).width() / 2) - ($('#facebox').outerWidth() / 2)
 }).show() 

 $(document).bind('afterReveal.facebox', function() {
	    var windowHeight = $(window).height();
	    var faceboxHeight = $('#facebox').height();
	    if(faceboxHeight < windowHeight) {
	        $('#facebox').css('top', (Math.floor((windowHeight - faceboxHeight) / 2) + $(window).scrollTop()) );
	    }
	});

Now the product popup shows up in the middle of you internetbrower.
If somebody know how to stay there when scrolling your browser let me know! :woohoo:

Please Log in or Create an account to join the conversation.

Show product popup (facebox.js) in the middle

Menu

Events Joomla

About

MarvikShop

Documentation

Site Showcase

Login

Follow us