Ismael, managed to fix it. Thought I share the solution here.

Create a custom DataLayer Variable based on the gtm.element.parentElement.className

Check if the DataLayer Variable is filled when clicking with GTM or Developer Tools

Create Custom Event with contains the CSS class name

And check if the matchin works with GTM Tag Assistant

• This reply was modified 2 weeks, 2 days ago by envis.

Ismael,

Thanx, I thought about this option, but I thought it might get a bit messy with Google Tag Manager (GTM). So I am trying to match in GTM the button with the element. Tried matching #buttonCheckAvailability with contains, RegEx match and matches CSS selector. All options did not work :(

I know this might be outide of support, but maybe you know top of mind if this can be fixed in GTM?

Ismael,

Thank you very much for your solution. I have added your shortcode generator in functions.php of the child-theme.

function av_wpbs_wpml_cb() {
    $lang = apply_filters('wpml_current_language', null);
    $id = 1;
    $language = 'en';

    switch ($lang) {
        case 'nl':
            $id = 1;
            $language = 'nl';
            break;
        case 'en':
            $id = 1;
            $language = 'en';
            break;
        case 'fr':
            $id = 1;
            $language = 'de';
            break;
        default:
            $id = 1;
            $language = 'nl';
            break;
    }

    return do_shortcode('[wpbs id="' . esc_attr($id) . '" language="' . esc_attr($lang) . '" show_prices="yes" title="no" legend="yes" legend_position="side" display="1" year="0" month="0" start="1" dropdown="yes" jump="no" history="1" tooltip="1" highlighttoday="no" weeknumbers="no" show_first_available_date="no" form_id="1" form_position="bottom" auto_pending="yes" selection_type="multiple" selection_style="split" minimum_days="7" maximum_days="0" booking_start_day="6" booking_end_day="6" show_date_selection="no"]');
	
}
add_shortcode('av_wpbs_wpml', 'av_wpbs_wpml_cb');

Then added the shortcode to a text block:
[av_wpbs_wpml]

Test URL:
https://villasari.de/nl/test-shortcode/

I get this error:
Fatal error: Uncaught TypeError: ksort(): Argument #1 ($array) must be of type array, null given in /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php:86 Stack trace: #0 /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php(86): ksort() #1 /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php(66): MLTools_Shortcode_Attribute_Filter->add_tag() #2 /var/www/vhosts/villasari.de/httpdocs/wp-includes/class-wp-hook.php(326): MLTools_Shortcode_Attribute_Filter->do_shortcode_tag_filter() #3 /var/www/vhosts/villasari.de/httpdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters() #4 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(447): apply_filters() #5 [internal function]: do_shortcode_tag() #6 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(273): preg_replace_callback() #7 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(580): do_shortcode() #8 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/textblock/textblock.php(541): ShortcodeHelper::avia_apply_autop() #9 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(1329): avia_sc_text->shortcode_handler() #10 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare() #11 [internal function]: do_shortcode_tag() #12 /var/www/vhosts/villasari.de/httpdocs/wp-includes/shortcodes.php(273): preg_replace_callback() #13 /var/www/vhosts/villasari.de/httpdocs/wp-includes/class-wp-hook.php(324): do_shortcode() #14 /var/www/vhosts/villasari.de/httpdocs/wp-includes/plugin.php(205): WP_Hook->apply_filters() #15 /var/www/vhosts/villasari.de/httpdocs/wp-content/themes/enfold/template-builder.php(102): apply_filters() #16 /var/www/vhosts/villasari.de/httpdocs/wp-includes/template-loader.php(106): include('...') #17 /var/www/vhosts/villasari.de/httpdocs/wp-blog-header.php(19): require_once('...') #18 /var/www/vhosts/villasari.de/httpdocs/index.php(17): require('...') #19 {main} thrown in /var/www/vhosts/villasari.de/httpdocs/wp-content/plugins/multilingual-tools-2.2.6/inc/class-mltools-shortcode-attribute-filter.php on line 86

Any clue?

Maybe this was a human error. The wpml-config.xml was missing from the enfold theme folder. I have put it back there. Can you try again? Or does it have nothing to do with it?

The screenshot was of Google Tag Manager (GTM). I really want to use the GTM solution for form submit measuring. Apparently the built in “Form Submission” trigger, does not fire with the Enfold Form, since there is no page reload on submit. A solution would be if I catch the response of the form submission by CSS id in GTM. 2 Problems with this:

Thank you message code (div id) is very generic
The code is not very unique <div id="ajaxresponse_1" class="ajaxresponse ajaxresponse_1" style="display: block;"><div id="result_ajax_response_1" class="ajaxresponse ajaxresponse_1"><h3 class="avia-form-success ">Jouw bericht is verstuurd!</h3></div></div> but I can fix this with a Page Patch criterium in GTM.

Message stays in screen
The “thank you message” stays in the screen, so if the user accidentily opens the /contact/ page again, the trigger is fired twice and the submits are counted twice as well. Can this be avoided?
<img src="<img src=”https://i.ibb.co/qsc6cmm/2024-02-04-16-01-13-Clipboard.png&#8221; alt=”2024-02-04-16-01-13-Clipboard” border=”0″ />” alt=”Thank you message” />

• This reply was modified 1 year, 3 months ago by envis.
• This reply was modified 1 year, 3 months ago by envis.
• This reply was modified 1 year, 3 months ago by envis.
• This reply was modified 1 year, 3 months ago by envis.

Nikko,

This is new for me, are the classes stored inside the SVG-file? I just downloaded them from their respected websites.
So I have to change them manually? or is there another solution?

With kind regards,

Gerben

Nikko,

I had to escape the ” in one line of your code:
echo "<img src=\"{$thumb_src[0]}\" />";

Then it works, but with 2 major downsides:

1. Logo is extremely biga (looking into a CSS-fix)
2. The logo changes the colors of main logo (here the black in de logo is turned into yellow of van der valk logo)

Screenshot

Best regards,

Gerben

• This reply was modified 3 years, 2 months ago by envis.

Nikko,

The code puts the SVG on the page with size 1 by 1 px.
<img src="https://www.qsolarpanels.nl/wp-content/uploads/2022/01/Huawei_logo.svg" width="1" height="1">

So I added some code to make them show:

/* SVG brands overview */
div#our-brands-logo {
    margin-bottom: 20px;
}

div.our-brands-logo img[src$=".svg"] {
    height: 120px !important;
	width: auto !important;
}

The problem is now that the normal categorie show a large thumb above it. How can I show logo, but hide that thumb?

Nikko,

Notice: Undefined variable: size in functions.php on line 66

Line 66:
$thumb_src = wp_get_attachment_image_src( $thumbnail_id, $size );

Does this have to do with SVG image support?

• This reply was modified 3 years, 2 months ago by envis.

Nikko,

Thank you for your proposed solution. This displays 2 logos on the page and they are below the description of the brand. Can you tell me how I can adjust the code to display the logo above the content?

Screenshot of the brand page

Victoria,

I fixed it. Somehow I hadn’t setup the NEWS page in the Enfold settings.
Doh!

Thanks for your help.

Nikko,

That fixed it. I know that putting a space in an anchor is a bad idee (and I didn’t do it), but that shouldn’t cause a site to malfunction like that right?

Thank you very much :)
Everything works again!

Yigit,

Removed the entire Enfold theme and replaced it with version 4.05.
The problem persists.

I do use a bit of custom code to keep the gallery in view when paginating.
You guys helped me with this:

add_action( ‘wp_footer’, ‘enfold_customization_pagination_anchor’ );
function enfold_customization_pagination_anchor() {
?>
<script type = “text/javascript”>
jQuery(document).ready(function(){
jQuery(‘.pagination a’).each(function(i, e){
var url = jQuery(this).attr(‘href’);
jQuery(this).attr(‘href’, url + “#portfolio”);
});
});
</script>
<?php
}

Can this somehow influence the Tesitmonial rotator?

• This reply was modified 8 years, 1 month ago by envis.

I deactivated all plugins and still nothing :S
Any clue?

Thank you Ismael,

That is making the icon + text bigger.
But I would like to make the icon bigger than the text and keep them both vertically centered.

Do you know any solution for this?