svenebens
Forum Replies Created
-
Hi,
Sorry for the late reply!
That indeed fixed the issue, thank you for the help!
Hi @tahmidulkarim thanks for your reply.
I had also opened a ticket on the plugin’s website and we have resolved the issue.
Just writing this here, for if anyone else has a similar “issue”.It was indeed just a case of the unsubscribe links not showing in the test mails, after some more testing they do indeed show up in actual campaign mails. I misunderstood this as a bug.
The reason I noticed this and thought it was a bug, is because in the older version (2.5.8 at least) the unsubscribe links did also work/were also generated in test mails, therefor I immediately assumed it was broken when I saw plaintext/shortcodes in the test mails instead of the actual link. Downgrading to the older version also verified this behavior where the unsubscribe links did show up again also in the test mails.
It might be smart to list these kind of changes in the changelog for updates, as I did check if there was any change related to the unsubscribe/smart codes in there, but didn’t find any info on this functionality changing (the unsubscribe link now only being generated in actual campaign mails and not in test mails as well).
Anyways thanks for the support!
Thanks for the update!
Unfortunately, there still seems to be something wrong with the updated version you shared. I installed it on the staging site and changed the admin mail, to receive the mail again. This time the link shows correctly, however lines of CSS appear as plaintext after “96” and not everything is styled/formatted how it should be. You can check a screenshot of the mail here.Great! Will be patiently waiting on the update.
Dutch is the English name for the language of the Netherlands/Nederland (NL) not German/Deutsch(DE). Sorry, haha guess it’s not that obvious if you’re not from here and I am not sure why they ever thought to name it “Dutch” in English as it’s just “Nederlands” in our own language, but anyways. See the screenshot below:
https://stack.se-d.nl/s/Kl64b8KFqh74FYg8As I already changed the admin mail again for that site (was just testing to view the mail last time), I rather wouldn’t change it again there (as the person already confirmed).
However, I set up a copy on another/test domain and changed WP to English there. And indeed the link shows up correctly in the English admin change mail.
See screenshotWhen I changed back to Dutch and changed the mail again, it shows the plain text again. So it definitely has something to do with the translated version.
See screenshotAlso below you can find the HTML of both mails (not sure if it helps).
English Mail
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- So that mobile will display zoomed in --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <!-- enable media queries for windows phone 8 --> <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS --> <!--[if gte mso 9]><xml> <o:OfficeDocumentSettings> <o:AllowPNG/> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml><![endif]--> <style> body { background-color: #99cf16; margin: 0; padding: 10px; } .header, .title, .subtitle, .footer-text { font-family: Helvetica, Arial, sans-serif; } .container-padding { padding-left: 24px; padding-right: 24px; } .header { font-size: 20px; font-weight: normal; font-style: italic; text-transform: none; color: #ffffff; background: #f3f3f3; font-family: Times New Roman, Georgia, serif; text-align: left !important; padding: 30px 20px 30px 20px; line-height: 1.2; text-decoration: none; } .header a { font-size: 20px; font-weight: normal; font-style: italic; text-transform: none; color: #ffffff; font-family: Times New Roman, Georgia, serif; text-decoration: none; } .header-image { height: auto; vertical-align: top; border: none; } .full-width-header-image { width: 100%; display: block; } .footer-text, .footer-text th, .footer-text td, .footer-text li { font-size: 12px; line-height: 16px; color: #aaaaaa; background: #000000; } .footer-text a, .footer-text th a, .footer-text td a, .footer-text li a { color: #aaaaaa; } .container { width: 600px; max-width: 600px; } .content { padding-top: 12px; padding-bottom: 12px; background-color: #ffffff; } code { background-color: #eee; padding: 0 4px; font-family: Courier, monospace; font-size: 12px; } hr { border: 0; border-bottom: 1px solid #cccccc; } .hr { height: 1px; border-bottom: 1px solid #cccccc; } h1 { font-size: 28px; font-weight: bold; font-style: normal; text-transform: none; color: #99cf16; font-family: Helvetica, Arial, sans-serif; text-align: left; } h2, h3, h4 { font-size: 17px; font-weight: bold; font-style: normal; text-transform: none; color: #000000; font-family: Helvetica, Arial, sans-serif; text-align: left; } .subtitle { font-size: 16px; font-weight: 600; color: #2469A0; } .subtitle span { font-weight: 400; color: #999999; } .body-text, .body-text td, .body-text th, .body-text li { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #000000; font-weight: normal; font-style: normal; line-height: 1.5; } .body-text, .body-text td, .body-text th { text-align: left; } a { color: #99cf16; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none; } .body-text .content-twocol td, .body-text .content-twocol h1, .body-text .content-twocol h2, .body-text .content-twocol h3, .body-text .content-twocol h4 { text-align: left; vertical-align: top; } body { margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } table { border-spacing: 0; } table td { border-collapse: collapse; } .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .ReadMsgBody { width: 100%; background-color: #99cf16; } table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } .yshortcuts a { border-bottom: none !important; } /**** ADD CSS HERE ****/ @media screen and (max-width: 599px) { table[class="force-row"], table[class="container"] { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 400px) { td[class*="container-padding"] { padding-left: 12px !important; padding-right: 12px !important; } .header-image { max-width: 100% !important; height: auto !important; } table[class*="content-twocol"] { float: none; } table[class*="content-twocol"], table[class*="content-twocol"] p, table[class*="content-twocol"] h1, table[class*="content-twocol"] h2, table[class*="content-twocol"] h3, table[class*="content-twocol"] h4 { text-align: left !important; } } @media screen and (max-width: 400px) {} /**** ADD MOBILE CSS HERE ****/ .ios-footer a { color: #aaaaaa !important; text-decoration: underline; } </style> </head> <body style="background-color: #99cf16; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; padding: 0;"> <span style="display:none; visibility:hidden; font-size: 1px !important;">Howdy sven, Someone with administrator capabilities recently requested to have the administration email address changed on this site: https://techtown.email To confirm this change, please click on the</span> <!-- 100% background wrapper (grey background) --> <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" class="###plugin-class###" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td align="center" valign="top" style="border-collapse: collapse;"> <br> <table id="holder" class="container" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px!important;" align="center"> <tr> <td align="center" style="border-collapse: collapse;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td style="border-collapse: collapse;"> <!--[if (gte mso 9)|(IE)]> <table id="outlookholder" class="container" width="600" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td> <![endif]--> <!--header-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding header" align="left" style="border-collapse: collapse; padding-left: 24px; padding-right: 24px; background: #f3f3f3; color: #ffffff; font-family: Times New Roman,Georgia,serif; font-size: 20px; font-style: italic; font-weight: normal; line-height: 1.2; padding: 30px 20px 30px 20px; text-align: left !important; text-decoration: none; text-transform: none;"> <table width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="header-image" align="center" style="border-collapse: collapse; border: none; height: auto; vertical-align: top; text-align: center;"> <a href="https://techtown.email" style="color: #ffffff; font-family: Times New Roman,Georgia,serif; font-size: 20px; font-style: italic; font-weight: normal; text-decoration: none; text-transform: none;"><img class="header-image" src="https://techtown.email/wp-content/uploads/2022/08/TechTown_logo_web_flat.png" style="-ms-interpolation-mode: bicubic; border: none; vertical-align: top; width: 300px; height: 66px;" width="300" height="66" alt="Enjoy our Recipes!"></a> </td> </tr> </table> </td> </tr> </table> <!--/header-table--> <!--content-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="content" align="" style="border-collapse: collapse; background-color: #ffffff; padding-bottom: 12px; padding-top: 12px;"> <div class="body-text" style="color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding" style="border-collapse: collapse; padding-left: 24px; padding-right: 24px; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left;"> <p>Howdy sven,</p> <p>Someone with administrator capabilities recently requested to have the<br> administration email address changed on this site:<br> <a href="https://techtown.email" style="color: #99cf16; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none;">https://techtown.email</a> </p> <p>To confirm this change, please click on the following link:<br> <a href="https://techtown.email/wp-admin/options.php?adminhash=a8371d57116e7c9b5f81eccc0f9acdaa" style="color: #99cf16; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none;">https://techtown.email/wp-admin/options.php?adminhash=a8371d57116e7c9b5f81eccc0f9acdaa</a> </p> <p>You can safely ignore and delete this email if you do not want to<br> take this action.</p> <p>This email has been sent to [email protected] </p> <p>Regards,<br> All at Tech Town<br> <a href="https://techtown.email" style="color: #99cf16; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none;">https://techtown.email</a> </p> </td> </tr> </table> </div> </td> </tr> </table> <!--/content-table--> <!--footer-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding footer-text" align="left" style="border-collapse: collapse; font-family: Helvetica, Arial, sans-serif; padding-left: 24px; padding-right: 24px; background: #000000; color: #aaaaaa; font-size: 12px; line-height: 16px;"> <br> <p><span style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; ">TechTown – Jij maakt het nieuwe Rotterdam</span></p> <br> </td> </tr> </table> <!--/footer-table--> <!--[if (gte mso 9)|(IE)]> </td></tr></table> <![endif]--> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!--/100% background wrapper--> </body> </html>Dutch Mail
< !DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> < !-- So that mobile will display zoomed in --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> < !-- enable media queries for windows phone 8 --> <meta name="format-detection" content="telephone=no"> < !-- disable auto telephone linking in iOS --> < !--[if gte mso 9]> <xml> <o:OfficeDocumentSettings> <o:AllowPNG /> <o:PixelsPerInch>96</o:PixelsPerInch> </o:OfficeDocumentSettings> </xml> < ![endif]--> <style> body { background-color: #99cf16; margin: 0; padding: 10px; } .header, .title, .subtitle, .footer-text { font-family: Helvetica, Arial, sans-serif; } .container-padding { padding-left: 24px; padding-right: 24px; } .header { font-size: 20px; font-weight: normal; font-style: italic; text-transform: none; color: #ffffff; background: #f3f3f3; font-family: Times New Roman, Georgia, serif; text-align: left !important; padding: 30px 20px 30px 20px; line-height: 1.2; text-decoration: none; } .header a { font-size: 20px; font-weight: normal; font-style: italic; text-transform: none; color: #ffffff; font-family: Times New Roman, Georgia, serif; text-decoration: none; } .header-image { height: auto; vertical-align: top; border: none; } .full-width-header-image { width: 100%; display: block; } .footer-text, .footer-text th, .footer-text td, .footer-text li { font-size: 12px; line-height: 16px; color: #aaaaaa; background: #000000; } .footer-text a, .footer-text th a, .footer-text td a, .footer-text li a { color: #aaaaaa; } .container { width: 600px; max-width: 600px; } .content { padding-top: 12px; padding-bottom: 12px; background-color: #ffffff; } code { background-color: #eee; padding: 0 4px; font-family: Courier, monospace; font-size: 12px; } hr { border: 0; border-bottom: 1px solid #cccccc; } .hr { height: 1px; border-bottom: 1px solid #cccccc; } h1 { font-size: 28px; font-weight: bold; font-style: normal; text-transform: none; color: #99cf16; font-family: Helvetica, Arial, sans-serif; text-align: left; } h2, h3, h4 { font-size: 17px; font-weight: bold; font-style: normal; text-transform: none; color: #000000; font-family: Helvetica, Arial, sans-serif; text-align: left; } .subtitle { font-size: 16px; font-weight: 600; color: #2469A0; } .subtitle span { font-weight: 400; color: #999999; } .body-text, .body-text td, .body-text th, .body-text li { font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #000000; font-weight: normal; font-style: normal; line-height: 1.5; } .body-text, .body-text td, .body-text th { text-align: left; } a { color: #99cf16; font-weight: bold; font-style: normal; text-transform: none; text-decoration: none; } .body-text .content-twocol td, .body-text .content-twocol h1, .body-text .content-twocol h2, .body-text .content-twocol h3, .body-text .content-twocol h4 { text-align: left; vertical-align: top; } body { margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } table { border-spacing: 0; } table td { border-collapse: collapse; } .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .ReadMsgBody { width: 100%; background-color: #99cf16; } table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; } img { -ms-interpolation-mode: bicubic; } .yshortcuts a { border-bottom: none !important; } /**** ADD CSS HERE ****/ @media screen and (max-width: 599px) { table[class="force-row"], table[class="container"] { width: 100% !important; max-width: 100% !important; } } @media screen and (max-width: 400px) { td[class*="container-padding"] { padding-left: 12px !important; padding-right: 12px !important; } .header-image { max-width: 100% !important; height: auto !important; } table[class*="content-twocol"] { float: none; } table[class*="content-twocol"], table[class*="content-twocol"] p, table[class*="content-twocol"] h1, table[class*="content-twocol"] h2, table[class*="content-twocol"] h3, table[class*="content-twocol"] h4 { text-align: left !important; } } @media screen and (max-width: 400px) {} /**** ADD MOBILE CSS HERE ****/ .ios-footer a { color: #aaaaaa !important; text-decoration: underline; } </style> </head> <body style="background-color: #99cf16; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; padding: 0;"> <span style="display:none; visibility:hidden; font-size: 1px !important;">Hallo sven, Iemand met beheerdersrechten heeft onlangs verzocht om het beheerdere-mailadres van deze site te wijzigen: ##SITEURL### Om deze wijziging te bevestigen klik je op de volgende link: https:/</span> <!-- 100% background wrapper (grey background) --> <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" class="###plugin-class###" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td align="center" valign="top" style="border-collapse: collapse;"><br> <table id="holder" class="container" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%; max-width: 600px!important;" align="center"> <tr> <td align="center" style="border-collapse: collapse;"> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td style="border-collapse: collapse;"> < !--[if (gte mso 9)|(IE)]> <table id="outlookholder" class="container" width="600" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td> < ![endif]--> < !--header-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding header" align="left" style="border-collapse: collapse; padding-left: 24px; padding-right: 24px; background: #f3f3f3; color: #ffffff; font-family: Times New Roman,Georgia,serif; font-size: 20px; font-style: italic; font-weight: normal; line-height: 1.2; padding: 30px 20px 30px 20px; text-align: left !important; text-decoration: none; text-transform: none;"> <table width="100%" cellpadding="0" cellspacing="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="header-image" align="center" style="border-collapse: collapse; border: none; height: auto; vertical-align: top; text-align: center;"> <a href="https://techtown.email" style="color: #ffffff; font-family: Times New Roman,Georgia,serif; font-size: 20px; font-style: italic; font-weight: normal; text-decoration: none; text-transform: none;"><img class="header-image" src="https://techtown.email/wp-content/uploads/2022/08/TechTown_logo_web_flat.png" style="-ms-interpolation-mode: bicubic; border: none; vertical-align: top; width: 300px; height: 66px;" width="300" height="66" alt="Enjoy our Recipes!"></a> </td> </tr> </table> </td> </tr> </table> < !--/header-table--> < !--content-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="content" align="" style="border-collapse: collapse; background-color: #ffffff; padding-bottom: 12px; padding-top: 12px;"> <div class="body-text" style="color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left;"> <table width="100%" border="0" cellpadding="0" cellspacing="0" id="" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding" style="border-collapse: collapse; padding-left: 24px; padding-right: 24px; color: #000000; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5; text-align: left;"> <p>Hallo sven, </p> <p>Iemand met beheerdersrechten heeft onlangs verzocht om het<br>beheerdere-mailadres van deze site te wijzigen:<br>##SITEURL### </p> <p>Om deze wijziging te bevestigen klik je op de volgende link:<br><a href="https://techtown.email/wp-admin/options.php?adminhash=e68d471b53a05e9f543078d5a3f22c69" style="color: #99cf16; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none;">https: //techtown.email/wp-admin/options.php?adminhash=e68d471b53a05e9f543078d5a3f22c69</a> </p> <p>Je kunt deze e-mail veilig negeren en verwijderen als je deze actie niet wil ondernemen. </p> <p>Deze e-mail is verzonden naar [email protected] </p> <p>Met vriendelijke groet, <br>Iedereen van Tech Town<br><a href="https://techtown.email" style="color: #99cf16; font-style: normal; font-weight: bold; text-decoration: none; text-transform: none;">https: //techtown.email</a> </p> </td> </tr> </table> </div> </td> </tr> </table> < !--/content-table--> < !--footer-table--> <table width="100%" border="0" cellspacing="0" cellpadding="0" style="border-spacing: 0; mso-table-lspace: 0pt; mso-table-rspace: 0pt;"> <tr> <td class="container-padding footer-text" align="left" style="border-collapse: collapse; font-family: Helvetica, Arial, sans-serif; padding-left: 24px; padding-right: 24px; background: #000000; color: #aaaaaa; font-size: 12px; line-height: 16px;"> <br> <p><span style="font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #ffffff; ">TechTown – Jij maakt het nieuwe Rotterdam</span> </p><br> </td> </tr> </table> < !--/footer-table--> < !--[if (gte mso 9)|(IE)]> </td> </tr> </table> < ![endif]--> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> < !--/100% background wrapper--> </body> </html>@haseeb0001 Hi,
Thanks for your reply!
Here is a screenshot of the admin confirmation mail.
I haven’t changed the content of this mail, so it should be pretty standard, I am guessing it differs from yours a little, because of my theme [Astra theme] (and the different language).
It is in Dutch (as it’s a Dutch website & uses Dutch WP translation), I have also added a translation below:Hi sven,
Someone with administrator privileges recently requested the
to change this site’s administrator email:
##SITEURL###To confirm this change, click on the following link:
https://techtown.nu/XXXYou can safely ignore and delete this email if you don’t want to take this action.
This email has been sent to XXX
Sincerely,
All at Tech Town
https://techtown.nuBest,
SvenForum: Plugins
In reply to: [Mapster WP Maps] Category Filter Bug (on V1.2.6 and up)Awesome it works!
I installed/upgraded the v1.2.10 plugin on my test domain to the v1.2.11 beta version that was mailed to me and the bug is indeed gone.
As you can see at https://test.se-d.nl/mapster-test/ the category filter works as intended again, on this version. Haven’t walked into any other issues with this version either, so I think it should be good to go.
Thanks again for taking the time and fixing it!
Forum: Plugins
In reply to: [Mapster WP Maps] Category Filter Bug (on V1.2.6 and up)Hi!
Sorry was out of the office yesterday.
Good to hear you most likely have it fixed and yes I can try it out on the test domain, that’s no problem. I will send you a mail, so you can send the beta zip.
Thanks for the work you have put in!
Forum: Plugins
In reply to: [Mapster WP Maps] Category Filter Bug (on V1.2.6 and up)Thank you for your quick response!
Will be following the thread for the update.Forum: Plugins
In reply to: [Responsive Portfolio Image Gallery - Portfolio Gallery] HTML in ExcerptHi,
Sorry for the very late reply, apparently I didn’t have notifications turned on for the thread. Anyways, thanks for the reply! Totally understandable, will wait then and again thanks a lot for your effort on developing and supporting this plugin.
Unfortunately, I am not a pro at jquery either but never hurts to try, so when I have some time I will take a look at the JS too.
best,
Sven