Open Divi Call To Action links in a new browser tab with Divi Children 2.0.7

Open Divi Call To Action links in a new browser tab with Divi Children 2.0.7

Right after I released the Divi Children 2.0.6 update a couple of days ago I received an email from Ian Barber, a Divi Children user, telling me his Divi Call To Action links were not opening in a new browser anymore after updating his child theme with the new Divi Children 2.0.6 plugin version.

Ian is a photographer who has not only his photographer website but also a Photography Training Website both built on Divi. Months ago Ian commented on the Divi Children 2.0.0 release post:

There is one option I am hoping to see in the future and that is when using the CTA, have an option to open the URL in a new window.

I answered Ian that the next plugin update would include a new Magic Code to take care of that option; I´d already tested it and it worked alright. Ian then replied:

That is excellent news Luis. I have 2 websites which are seriously in need of that option so I am looking forward to the update. Keep up your excellent work.

And this was my new reply:

Well if you are in such a hurry, Ian, you better look in your email inbox. You´ve got a nice surprise in exchange for your great suggestion! ;)

What I did was to send Ian a couple of files to be changed in Divi Children in order to have that unreleased feature working for him.

Of course, I also included the new Magic Code and the function to make it work in my Divi Children development files for new releases.

But, as many of you already know, the Divi Children plugin is being completely renewed and I actually didn´t plan to release new intermediate updates until version 3.0.0 was ready. The new Magic Code for the Divi Call To Action module has been part of the next generation of Divi Children code for months now, and I even forgot I had sent it to Ian.

Even though they have been developed and tested, I´m not including new Divi customizing features in the last Divi Children 2.0.X updates because the whole Divi Children Engine that powers the child themes is built over a completely different approach, and therefore it doesn´t make too much sense having to develop new code to allow the updating of pre-existing child themes based on the old code.

But the “open in a new browser tab” Magic Code I´m talking about here is not that difficult to add to the current Divi Children versions, and also the code for updating existing child themes was possible without much hassle. So, even if I have just released version 2.0.6, I´ve finally decided to release yet one more intermediate update to make that feature available not only to Ian but to all of you. And that´s why Divi Children 2.0.7 is here today.

Opening Divi Call To Action links in a new browser tab is something I´m surprised hasn´t been included in Divi yet, because I´m sure many users are demanding it.

Using the new cta_outbound_link Magic Code

This new Divi Children Magic Code for the Divi Call To Action module is very easy to use. Once you´ve created a new Divi child theme with Divi Children 2.0.7 (or updated your existing child theme with it), you will notice that a new Magic Code appears in the Divi Children Custom Code metabox when editing pages: cta_outbound_link (under “Call To Action module”).

divi-children-cta-outbound-link

Just copy that Magic Code and paste it on the CSS ID field of the Divi Call To Action modules for which you want the URLs to open in a new browser tab.

divi-children-cta-outbound-link-2

Save your Divi module settings, update your page and you´re all set.

I hope you all enjoy this new feature!

Updating to Divi Children 2.0.7

The new 2.0.7 version is already available for download. Just follow the instructions for updating it if you have a previous version of the plugin installed in your site.

Updating your existing child themes

I´ve also updated the plugin admin files to make sure that existing child themes created by previous versions of Divi Children can be easily updated to include the new feature.

If you want to update your child theme, just follow this steps:

  • Update Divi Children to 2.0.7.
  • Go to Appearance > Divi Children to open the main plugin page.
  • Open the Install or Update Divi Children Engine tab.
  • Select the child theme you want to update and follow the instructions.

Luis Alejandre

Luis is the creator of Divi4u and the editor of this blog. You can read more about Luis in his About page. Luis also created and runs the free online WordPress tool WPThemeDetector.
Liked this? Please share it!

7 Comments

  1. Thank you for this more Luis, in fact you have been realizing a great job!

    Reply
  2. I installed the plugin that I downloaded today (2.0.7) and I’m getting an error in wordpress: “The following themes are installed but incomplete. Themes must have a stylesheet and a template.”

    Help?

    Reply
    • Hi, Lora.

      I think the problem is that your Divi installation was not done in an standard WP way. You have a double Divi parent theme folder in your site, like this: “/wp-content/themes/Divi/Divi/style.css”

      Reply
      • Thanks. I mentioned this to you already, but since I rely on google searches for answers, I’ll mention this here, too: I moved everything from the …Themes/Divi/Divi folder into Themes/Divi, reactivated the Divi theme, and then the plugin recognized the install and created the child theme.

        I have no idea how Divi got installed improperly, although it was probably something I did somewhere along the line.

        Thanks, Luis.

        Reply
        • You´re quite welcome, Lora.

          Thanks to you for posting it here too.

          Reply
  3. Great plugin, I have noticed though that the child theme’s created tend to close of my head section so that only half of the scripts called during load in the header. The rest get loaded in the body. It seems to have something to do with require_once(‘divi-children-engine/divi_children_engine.php’); because if this is removed from the function.php all the scripts load in the correct place.

    Is this a known issue? What can be done to prevent it as I don’t want to lose the customization capabilities of Div Children by removing the divi-children-engine.

    Cheers

    Reply
    • Hi Chris.

      I can´t see why this is happening to you. Could you please elaborate with a detailed example? You can also send me an email through the contact page with details if you don´t want to get too specific here or if you want me to check your site.

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

×

Get the new Divi 3.0... With a special membership discount for our readers! Get a DISCOUNT on Elegant Themes membership