Hi, Jon.

Firstly, I would like to sincerely apologize for the delayed response as we have been experiencing an unusually high number of tickets. I am sorry that it has taken longer than usual to respond to your concern and your patience is highly appreciated.

-

I am not able to load the URL you sent, it throws error 404 from our end.

https://everythingreef.com/coral-finder/

But if i understand, the dropdown is not working at all for the filters;

and i presume any dropdowns in our plugin are not working on the front-end?

If that is the case, if you can first please try this "easy fix".

In the main plugin settings, disable this option : Include full bootstrap front-end

Then Save Changes, refresh the page, let me know if the issue remains?

If it does, please open the Browser Developer Console, and look for red text errors,

for example, if you can see anything that mentions a  "Popper.JS", if you use Bootstrap 4 or higher on site,

you might see this error :

'Uncaught TypeError: Bootstrap dropdown require Popper.js'

-

If that is the case, at the moment we have this issue, our plugin has conflicts if you use Bootstrap higher than 3.

There are a couple of users who managed a custom workaround to get our tables working with Bootstrap 4, though.

-

Our developers are doing their best to upgrade our Bootstrap version as soon as possible;

i can't promise an ETA when it will be finished, though.

You can certainly follow our changeLog page if you'd like ( it is also available in the plugin dashboard), where we state any changes/new features/bug fixes during updates;

and our newsletter, so you're informed about new features, bug fixes, freebies, etc.

-

For the moment, i will share the workaround with you, you can try to see if it helps.

Please go to the Customize section in the table settings, and in the Custom CSS section add this: 

.wpDataTablesFilter[data-wpdatatable_id="8"] .dropdown-toggle::after {
    display:none !important;
}
.wpDataTableID-8 .dataTables_length .length_menu.show{
    display:inline-block !important;
}
.wpdt-c .bootstrap-select > .btn-default:after {
    display:none !important;
}

( In this example, we used table ID 8. Change the table ID to your table ID)

Then, in the functions.php file of your child theme add this:

function bootstrap_dequeue_script() {
    $page_content = get_the_content();
    $pageContainsWpdt = has_shortcode($page_content, 'wpdatatable');
    if ($pageContainsWpdt){
        wp_dequeue_script('bootstrap-js');
        wp_enqueue_script( 'bootstrap-popper', 'https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.0.4/popper.js', array('jquery'), null, true );
        wp_enqueue_script( 'bootstrap', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery','bootstrap-popper'), '3.3.5', true );
    }
}
add_action( 'wp_print_scripts', 'bootstrap_dequeue_script', 100 );

Add this to your active Theme, 

or child Theme, and let me know how it goes.  I hope this helps.

Thank you.

Hi, Jon.

1. I presume that you solved the error 403.

This error basically means that there is a permission issue coming from your hosting server setup.

The 403 Forbidden Error happens when the web page (or another resource) that you’re trying to open in your web browser is a resource that you’re not allowed to access. It’s called a 403 error because that’s the HTTP status code that the webserver uses to describe that kind of error.

You usually get this error for one of two reasons. The first is that the owners of the webserver have properly set up access permissions and that you’re really not allowed access to the resource. The second reason is that the owners of the webserver have improperly set up permissions and you’re getting denied access when you really shouldn’t be.

If you see any error 403 again,

you need to contact your hosting provider because you have an issue with your permissions.

But i can see the table loads on the page so it seems you already solved that.

2.  In regards to the dropdowns still not working,

yes - this is a conflict between our plugin's bootstrap version and your Bootstrap version that your Theme is using.

Our developers can help to debug this conflict as quickly as possible, but they will need access.

Would you be able to provide us with a staging site, along with WP-admin (Administrator) user, FTP, and the database, so our developers can debug the plugin, and see what's going on?

If you send credentials, please make sure to mark the reply as PRIVATE, for security reasons.

If you're not able to provide us with a staging site, 

could you please send us a cloned version of your website so that our developers can install it in their test environment and work to isolate the issue?

If yes - I'll ask you to install the All-in-One WP Migration plugin.

It will generate a duplicate copy of the site that you can send me (along with an Administrator user log-in credentials), 

and then I can create an exact copy of your website, see what the issue is and try to resolve it.

Please note that the files will be too large to attach to the ticket, so you can upload them via something like 'wetransfer.com' or 'Google Drive' for example and send me the download link.

3. And just an additional note, you are still in the refund period, 

so we will do our best to resolve this issue for you as quickly as possible,

and we can extend your refund period until we finish troubleshooting,

just to be safe.

Thank you.

Hi, Jon.

I am delighted to hear that this has been resolved. Thank you for letting us know. 

Please don't hesitate to create new tickets for anything else we could assist with.

We see there is a new ticket, going to cover that right away.

Have a great day!