Staff replied SP Page Builder

LinkedIn Follow-button screwed my backend

Asked by Alexander Schuch 4 years ago Last activity 4 years ago

Hi,
I wanted to add a LinkedIn Follow-button on my website.
Therefore, I created a raw HTML-module in my DE-footer, and added following script (I changed the word "script" of the code, otherwise it won´t let me post here):

<s... src="https://platform.linkedin.com/in.js" type="text/javascript"> lang: de_DE</scr...>
<s... type="IN/FollowCompany" data-id="000000000" data-counter="right"></scr...>

Well - it works on the frontend. But in the admin backend, it totally screwed my module. It shows text strings over many lines - like this:

","class":"text-center","global_background_type":"none","global_background_gradient":{"color":"#00c6fb","color2":"#005bea","deg":"45","type":"linear"},"global_background_image":{"src":""},"global_background_repeat":"no-repeat","global_background_size":"cover","global_background_attachment":"inherit","global_background_position":"50% 50%","global_use_overlay":0,"global_overlay_type":"overlay_none","global_gradient_overlay":{"color":"rgba(127, 0, 255, 0.8)","color2":"rgba(225, 0, 255, 0.7)","deg":"45","type":"linear"},"global_pattern_overlay":{"src":""},"global_overlay_pattern_color":"","blend_mode":"normal","global_user_border":0,"global_border_width":"","global_border_radius":0,"global_margin":{"md":"0px 0px 0px 0px","sm":" ","xs":" "},"global_padding":{"md":" ","sm":" ","xs":" "},"global_boxshadow":"0 0 0 0 #ffffff","global_use_animation":0,"global_animationduration":"300","global_animationdelay":"0","global_custom_css":".bottom-footer-list li {\n\twidth: auto !important;\n\tdisplay: inline-block !important;\n\tvertical-align:

I cannot work on this module anymore, i.e., I cannot remove the script anymore.

What shall I do? Thanks!

8 replies

Ofi Khan Staff

4 years ago

Hello Alex

I cannot access your administrator. Please share administrator link in the hidden content box.

Best regards

Alexander Schuch Asked this

4 years ago · edited

I have shared it, pls. check the link in the hidden sector, thank you.

EDIT: added https:// - seems without, it didn´t forward correctly...

And - it is about this module:

.../administrator/index.php?option=com_modules&view=module&layout=edit&id=164&client_id=

Alexander Schuch Asked this

4 years ago

Hi, did you have a chance to check? Thank you.

Ofi Khan Staff

4 years ago

I have checked the module. Because of the script tag, this might happened. Please script tag from raw HTML addon.

Alexander Schuch Asked this

4 years ago

Hi,
what do you mean with "Please script tag from raw HTML addon."?

And: How can I remove the script from the module?
Or in general: How can I add scripts in SPPB?

Ofi Khan Staff

4 years ago

Oh pardon my mistake. I mean to say you have to remove script tag. You cannot use script tag in raw HTML addon. You can load it in Template Settings. Go to Helix Template Options -> Custom Code -> Before Body or After Body and there you can use script tag.

Alexander Schuch Asked this

4 years ago

Thank you Ofi, but this is not something like a counter or Analytics snippet.

The JS I wanted to add is from LinkedIn - it will show a box on the frontend, and when the user clicks on it, then the user will be forwarded to the company page on LI and automatically "likes the page".

You know, how to place this JS-box on the site with SPPB?

Thanks

Ofi Khan Staff

4 years ago

You are welcome 😊

Please follow this documentation to use Custom JavaScript on SP Page Builder pages.