Thank you for sharing the admin access.
1. To avoid the spaces in the grid, due to the conditional display of the results, I updated the loop editor content of the view "Sort by distance". Instead of adding separate div containers with class "row" for each row in the grid, I wrapped all the results in a single div container with class "row":
[wpv-layout-start]
[wpv-items-found]
<div class="row ">
<!-- wpv-loop-start -->
<wpv-loop>
<div class="col-md-4">[wpv-post-body view_template="loop-item-in-sort-by-distance"]</div>
</wpv-loop>
<!-- wpv-loop-end -->
</div>
[/wpv-items-found]
[wpv-no-items-found]
<strong>[wpml-string context="wpv-views"]No items found[/wpml-string]</strong>
[/wpv-no-items-found]
[wpv-layout-end]
And in the same view's JS editor, I included this custom script, which hides any grid column divs with the class "col-md-4", that doesn't contain any result:
jQuery(document).ready(function( $ ) {
$('.js-wpv-view-layout .row .col-md-4').each(function() {
if($('.tb-container', this).length <= 0) {
$(this).hide();
}
});
});
Note: You can see these changes in action on the page "Arzt- und Kliniksuche".
2. The button styles from the Elementor are dependent on certain HTML classes, which can't be assigned to the button added through the Toolset's button block.
A workaround is to use some custom JS code, to append those classes to the Toolset's button block output:
jQuery(document).ready(function( $ ) {
$('div.tb-button').each(function() {
$(this).addClass('elementor-kit-5');
$(this).children('a.tb-button__link').addClass('elementor-button');
});
});
I've included this script in the view "Veranstaltungen_final" and its result can be seen on the page "Veranstaltungen".
3. Some of the styles from the Elementor are turning the text in the map markers white, which makes it invisible on the white background.
You can include the following code in the view's CSS editor, to change the color of the text inside the map markers, to make it properly visible:
.gm-style-iw.gm-style-iw-c {
color: #000000;
}
4. I couldn't see the error "Google maps cannot be loaded properly on this page. Check the javascript code." on the pages that you've mentioned. I'll recommend updating all the plugins and the active theme to the latest versions and then checking the page with Google Maps again.
In case the issue persists, you're welcome to start a new ticket, along with the details about the page where this error can be seen.
Note: As per our support policy, we encourage creating separate tickets for each separate question or concern.
( ref: https://toolset.com/toolset-support-policy/ )
