New to the community? Start here

Slide In Not Showing On Home Page of Site using Genesis Framework

0

So I installed Slide In, set up a slide in, set it to show on the home page and I am getting nothing. I am using a child theme of the Genesis framework. I tried adding a “home” page and setting it under settings->reading, but it still doesn’t show I am guessing because the home page is entirely widgetized?

FYI – Also I added second Slide In on pages (you can see it here, http://gangwer.jumpasada.com/our-team/) And something is wonky with the wdsi-slide-close class before & after psuedo elements. They are displaying in the wrong spot. I can play around with the bottom position and get it where it is supposed to be, but I htought you might want to fix it. Looking at the inspector, I don’t see that I have any styles that are impacting the slide in.

One last note, if I am filling out the form (in the SlideIn) and stop and the time for it to hide passes, it hides it and there is no way for the user to finish filling out the form. Maybe there should be a way for the automatic hiding to be turned off?

Thanks!

Thu, 6 Nov 2014 0:14:11
  • Vinod Dalvi
    • WP Unicorn

    Hi @Matthew Lee,

    I hope you are well today and thank you for your questions.

    So I installed Slide In, set up a slide in, set it to show on the home page and I am getting nothing. I am using a child theme of the Genesis framework. I tried adding a “home” page and setting it under settings->reading, but it still doesn’t show I am guessing because the home page is entirely widgetized?

    Could you please try changing “Custom injection hook” in Slide In Global Settings from loop_end to something like wp_head or wp_footer?

    FYI – Also I added second Slide In on pages (you can see it here, http://gangwer.jumpasada.com/our-team/) And something is wonky with the wdsi-slide-close class before & after psuedo elements

    I can see it’s not displaying correctly on your site but it’s displaying fine on my test site.

    Could you please tell me what you have set in the APPEARANCE SETTINGS of Slide In Global Settings( Share screenshot of it ) so that i can reproduce and troubleshoot the issue?

    One last note, if I am filling out the form (in the SlideIn) and stop and the time for it to hide passes, it hides it and there is no way for the user to finish filling out the form. Maybe there should be a way for the automatic hiding to be turned off?

    Thanks for your feedback. I will move this over to the features & feedback section. This way it can be considered for future development, and we can also see what other community members think about the feature request.

    Currently you can increase the value of Slide In option “Hide message after”.

    Kind Regards,

    Vinod Dalvi

  • Matthew Lee
    • Design Lord, Child of Thor

    Hi Vinod,

    Changing the global hook did the trick with showing the slide In on the home page. Thank you!

    I have attached a screenshot of my appearance settings.

    I have set "Hide message after" as high as it goes, but it would be great to turn it off entirely if desired. We'll see if others feel the same way.

    Thanks!

    [attachments are only viewable by logged-in members]

  • Vinod Dalvi
    • WP Unicorn

    Hi @Matthew Lee,

    Thank you for your reply.

    Changing the global hook did the trick with showing the slide In on the home page. Thank you!

    That’s great news! Glad it’s working for you now :slight_smile:

    I have attached a screenshot of my appearance settings.

    Thank you for sharing the screenshot.

    I set the same Slide In settings on my test site as displayed in your shared screenshot but couldn’t reproduce the issue.

    I troubleshooted more and found your theme contains following CSS code in your style.css theme file which is causing to reproduce this issue.

    /* Box Sizing

    
*/
    
*, input[type="search"] {
    
-moz-box-sizing: border-box;
    
box-sizing: border-box;
    
}

    To resolve this issue try adding the following CSS code in the “Custom CSS” field of your Slide In Global Settings.

    .wdsi-slide-close a {
    
box-sizing: content-box;
    
}

    Best Regards,

    Vinod Dalvi

  • Vinod Dalvi
    • WP Unicorn

    Hi @Matthew Lee,

    I have set “Hide message after” as high as it goes, but it would be great to turn it off entirely if desired. We’ll see if others feel the same way.

    Currently you can achieve this by adding the following code in the functions.php file of your child theme or add it in your site using any of the following plugins.

    http://wordpress.org/plugins/code-snippets/

    http://wordpress.org/plugins/add-actions-and-filters/

    function custom_js(){ ?>
    
<script type="text/javascript">
    
jQuery( window ).load(function(){
    
jQuery( "#wdsi-slide_in .wdsi-slide-content" ).hover(function(){
    
jQuery( "#wdsi-slide_in" ).css({ 'visibility' : 'visible', 'right' : '0' });
    
});
    
jQuery( ".wdsi-slide-close" ).click(function(){
    
jQuery( "#wdsi-slide_in" ).css({ 'visibility' : 'hidden', 'right' : '-100%' });
    
});
    
});
    
</script>
    
<?php }
    
add_action('wp_head', "custom_js", 999);

    The above code will stop slide in from hiding when you hover over the content of slide in and you have to manually close the slide in on clicking the close button of it.

    Best Regards,

    Vinod Dalvi

  • Matthew Lee
    • Design Lord, Child of Thor

    ok, I didn’t change anything other than the above and now the slide in isn’t showing on the home page again? I turned off the new jQuery, I deleted and recreated the Slide In and it still doesn;t show on the home page. I changed the global hook to wp_head form wp_footer and back again without success. FYI – wp_footer is what worked for me before. I am completely baffled…

  • Vinod Dalvi
    • WP Unicorn

    Hi @Matthew Lee,

    I checked the home page of your site and found the Slide In markup is not loading on that page.

    Would you mind if I logged in to your site and did some testing? This might help get to the bottom of this faster. If this is ok, just grant me temporary admin access to your site by clicking “Grant Access” button in the WPMU DEV Dashboard Settings as described on the following page and reply on this thread after granting it?

    https://wpmudev.com/manuals/wpmu-dev-dashboard-enabling-staff-login/

    Regards,

    Vinod Dalvi

  • Vinod Dalvi
    • WP Unicorn

    Hi @Matthew Lee,

    Thank you for granting me support staff access.

    I logged in to your site and found you have set to display your latest posts on your front page not static page as displayed in the attached screenshot therefore you have to set the option "any of my archive page" in your slide in settings as displayed in the second attached screenshot to make it work.

    Regards,

    Vinod Dalvi

    [attachments are only viewable by logged-in members] [attachments are only viewable by logged-in members]