kontur

Okay. I see. It doesn’t update this preview, but only when you click the download invoice button again.

No idea as to why this initially didn’t update, because I did test with clicking invoices.

• This reply was modified 5 months, 3 weeks ago by kontur.

Hmm, thanks for testing. This is very odd.

I can see the hooks being registered with debug bar:

But here in this preview I can see the “custom hooks” error log triggering, but not the ones of this plugin. I’ve tested with my code from above being at the start of functions.php:

Why isn’t the name updating then?

Yep, trying to get this to work on invoices. I am also using the checkbox active to use latest settings for older invoices, so I suppose they should regenerate always?

I’ll mark this as resolved.

The issue with elementor is that when the page loads “in pieces” it does not know to load the fontsampler assets required for rendering, even if the shortcode is later loaded into the page.

I’ve looked at supporting elementor in the past, but it is not feasible to do this from the perspective of a plugin — you can contact elementor support to ask for them to implement support for shortcodes like this.

You could add that element to the page before the fontsampler and style the background the same. Or you could use jQuery and the fontsampler init event and insert the element once fontsampler has initialized.

No worries, WordPress is confusing at times even to developers ??

Maybe you have some caching plugin that saved the page without? Try maybe a) not logged in and b) in incognito mode (in addition to clearing caches). Do you have the shortcode on both, the native language and translated page code?

Hey,

The page you linked does not seem to exist (404 message) but in English (with product instead of produkt in the URL) it works. I see the Fontsampler there as well.

Can you provide more information please?

Quite stupidly… the local and remote dev environments were running via http only; switched to https and it is working ??

Also in the frontend developer console:

Uncaught 
Object { description: undefined, fileName: "https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js", lineNumber: 27, message: "Missing helper: 'iff'", name: "Error", number: undefined, stack: "a@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:1393\nd/<@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:1793\nanonymous@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js line 28 > Function:5:86\nh@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:7131\nc@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:2327\nd/<@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:2654\nanonymous@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js line 28 > Function:6:31\ne@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:27:6660\nf@https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/3.0.1/handlebars.min.js:28:6394\ndisplayDynaOrderLists@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:4:9032\nprocessDynaOrderLists@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:4:3893\nparseAndPut@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:30154\nprocess/<@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:25078\nEventHandlerNonNull*loadHandlebarsLib@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:23440\nprocess@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:24538\nhandleData@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:8532\nsuccessHandler@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:14311\nrequest/l.onreadystatechange@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:12990\nEventHandlerNonNull*request@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:12909\nnextRequest@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:6949\nflushChain@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:6846\nparseInput@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:6423\ninit@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:3:3987\n@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:4:9688\n@https://d1f8f9xcsvx3ha.cloudfront.net/sbl/0.8.9/fastspring-builder.min.js?ver=1:4:10058\n" }
handlebars.min.js:27:1582

Hey, you can check the output on [my site](https://underscoretype.com/fonts/constant/), the sampler at the top. The PHP code of this looks like this:

<?php 
echo do_shortcode("[fontsampler text='Try out " . $post->post_title . " for yourself, type here...' fonts='" . $files . "']"); 
?>

$files is a string which holds the output as you can see it when inspecting the page.

On your above linked testpage I still see:

...data-fonts="//dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff"...

“//dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff” is not a valid URL, either “://dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff” or give the full “https://dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff”

Hey Malcom,

on that page, the sampler html receives these font paths from the shortcode: data-fonts=”//dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff”

could you try with and extra “:” in front, or give the full “https://...“, e.g.: “://dtptypes.com/wp-content/uploads/2021/03/HastricoDT-Bold.woff”

Cheers,
Johannes

• This reply was modified 2 years, 5 months ago by Steven Stern (sterndata).

Also the URL for the woff needs to resolve to a file on your server. So if you try “types.com/uploads/HastricoDT-BoldItalic.woff” in the browser it should find a file, and probably prompt a download. If you see anything else, like a 404 page, it likely means the file path is not correct or the file does not exist. Revise the URL ??

Hey Malcom,

the syntax looks right. Could you try make either the outer-most quotes for the fonts attribute single quotes, or all the inner ones double ones? I think WP might not be able to parse the fonts attribute correctly if both the outer quotes and the quotes inside the fonts-string are the same.

J

Okay, understood. You can screenshot the developer tools console and the inspector with the “invisible” Fontsampler selected and email me at the above address.