Contents

1. I just purchased this template and I get a "failed" red bar on top. Is this supposed to be a one click install? Greatly would appreciate your help.

2. Why am I seeing javascript errors with the Mortgage calculator integrated into my site?

3. for some reason when i try to edit a lead the save button doesn't work so the lead is not being updated... how can i fix this?

4. Return to Top and Sticky Navigation example customizations

1. I just purchased this template and I get a "failed" red bar on top. Is this supposed to be a one click install? Greatly would appreciate your help.

The Mojo Marketplace advertises one click installs, that should work just fine but is out of our control.  If you have trouble there you can always install by following the documentation and uploading the theme through your wordpress admin.  Of course, let us know if you didn't get the theme or documentation and we'll get it to you!

Here is a link to Mojo's 'one click' installation process and file download instructions https://mojosupport.zendesk.com/hc/en-us

2. Why am I seeing javascript errors with the Mortgage calculator integrated into my site?

Chances are that you are already loading a version of jquery with your site and need to disable the Mortgage Calculators inclusion of it.  On line 10 of divLoad.php comment out or remove the jquery script call like this:

<!-- <script src="<?php echo URL;?>/js/jquery-1.9.1.min.js"></script>  -->

3. for some reason when i try to edit a lead the save button doesn't work so the lead is not being updated... how can i fix this?

Make sure all of the subfolders of your LCM installation have the same permissions as the parent folder.  If you are able to check the ajax respose and see the message '403 Forbidden'...that is a sure indicator that permissions are the problem.

4. Return to Top and Sticky Navigation example customizations

Question:

Hi,

When working with long lists i scroll down a lot. And the main nav bar also scrolls away.

Can you make the nav bar sticky?

And introduce a "Go to Top" that pops up on the bottom right corner when scrolling down?

Answer:

You can but the simplest solution is to limit your results per page to something manageable in your backend settings.  

Otherwise - Remember you can use your Custom CSS and Custom JS sections in the Backend Settings to make all sorts of modifications,  and having a working knowledge of both will be to your benefit with these kinds of things.

Here's some example code for these items...

Sticky bar, clone and overlay it...

CSS

.new-toolbar {
   position:fixed;
   top:0;
   z-index:999;
}
.pure-toggle-label {
   z-index: 1000;
   position: fixed;
   top:0;
}

if you want the sidebar fixed, simple css....

.pure-drawer {

position: fixed;

}

In the file assets/js/frontend.js you'll need to wrap a function in a window load function so about line 100 to 157 needs to be wrapped.

$(window).load(function() {

// lines 100 to 157 (depending on what's changed in the plugin) go in here... its the /*Select search lists*/ section

});

Then you can add the following js to the custom js section...

jQuery(function ($) {
    /* clone toolbar */
    $(document).ready( function() {
        var $toolbar = $('.wcp-toolbar').clone(true);
        $('.wcp-toolbar').remove();
        $toolbar.addClass('new-toolbar');
        $('body').prepend($toolbar);
    });
});




Return to top button link

CSS

/* scroll top */
a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
        line-height: 60px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
        text-align:center;
        color: #fff;
    background-color: #27AE61;
    border-radius: 5px;
}

JS

jQuery(function ($) {
    $('body').prepend('<a href="#" class="back-to-top">Top</a>');

    var amountScrolled = 300;

    $(window).scroll(function() {
    if ( $(window).scrollTop() > amountScrolled ) {
        $('a.back-to-top').fadeIn('slow');
    } else {
        $('a.back-to-top').fadeOut('slow');
    }
    });

    $('a.back-to-top').click(function() {
    $('html, body').animate({
        scrollTop: 0
    }, 700);
    return false;
    });
});