Quote

We're also available for Custom Joomla Development

Hire us now
nfbauti on Sunday, November 26 2017, 11:50 AM

Scrolling down the Related Items Extended overlaps some modules

Hello

I see that when you show the module Related Items Extended with the option Layout Type slideoutdark it overlaps when you go down with the scroll as you can see in the screenshot

Is there a possibility that when you touch other modules down, the Related items Extended is hidden before it touches other modules down?

thanks for your help

Attachments:

       
  • Replied by admin on Sunday, November 26 2017, 02:51 PM · Hide· #1
    Hi, try to add this code to your css file
    #slidebox {
    z-index:999!important}
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
  •  
  • Replied by nfbauti on Monday, November 27 2017, 11:38 AM · Hide· #2
    The code worked perfect

    There is a point where the module exits automatically but does not hide automatically but I have to manually close it

    Could you please give me two codes, one to establish at what point I can show it and another to hide it, I would greatly appreciate it.
  •  
  •  
    Replied by admin on Thursday, November 30 2017, 02:25 AM · Hide· #3
    The hide and show point is generated automatically depends on the end of the article. If you're willing to customize it you can try to modify it by opening file :
    modules/mod_relateditems_xtd/tmpl/slideoutdark.php
    You can modify the $effects variable located between lines 90-115

    $effects="
    	jQuery(document).ready(function () {
    	    jQuery(function() {
    		jQuery(window).scroll(function(){
    			var distanceTop = jQuery('#slidetag').offset().top - jQuery(window).height();
    
    			if  (jQuery(window).scrollTop() > distanceTop)
    				jQuery('#slidebox').animate({'right':'-0.1em'},300);
    			else
    				jQuery('#slidebox').stop(true).animate({'right':'-$slideoutw'},100);
    		});
    		jQuery('#slidebox .slideclose').bind('click',function(){
    	            jQuery('#slidebox').stop(true).animate({'right':'-$slideoutw'},100, function(){
    	                jQuery('#slidebox').remove();
    	            });
    	            return false;
    			});
    	    });
    	});
    ";
    Please post rating at the Joomla! Extensions Directory - http://extensions.joomla.org/profile/profile/details/264
Your Response
Please login first in order for you to submit comments