[Resolved] WPML messing up with Cornerstone Page Builder on Pro Theme

Hey there,

I'd like to completely deactivate all automatic translations and do it all by myself, old style:

I'd like to duplicate pages for the alternative language and define it all manually using the WordPress Editor for the basic stuff (defining language and Feature Image, etcetera), then jump in the Cornerstone Page Builder (from my Pro Theme from ThemeCo), and do all the translations manually by myself.

It seems that WPML prevents me editing inside Cornerstone Page Builder, and also keeps automatic translating things in the background. It became very complex on this matter, and as long as it breaks all my Cornerstone pages, It will be an issue to work multi language.

I really need your help to stop having all hero (first section) images superimposed over the contents as it's being generated now. I can create a Staging version of the site and give you folks Admin Access so to debu what's wrong there. I've tried disabling all plugins but WPML (main) plugin, but it breaks the site anyway. I assume is something with my Pro Theme.

Hey there,

I've installed WPML + String + Media + Contact Form 7 that's what I need.

First issue is with the Brazilian Language, that I'd need to change it from /pt-br/ to just /br/. I've tried on Languages --> Edit Languages as you can see on the screenshot, but the translated (I use duplicate and translate independently to work better with Cornerstone) content still loads using /pt-br/ slugs instead of /br/ that's what i'd like (/br/).

So I'd need some help on making this work before I start translating content. Once I start translating content I can check if the Hero Image issue persists on this fresh install.

I'll keep looking forward from you the /br/ issue on how to fix that, so I can start translating content and check if the visual glitch appears when I add Header and Footer to the pages.

Thank you once more for your support, best regards.

Hey Itamar, thanks for getting back irmão!

The situation is, when I install WPML i can create a custom language but it can't since pt_BR mapping is assingned to /pt-br/ hreflang and /pt-br/ code tags from "Portuguese (Brazil)".

I've had to do the "old indian trick" of converting the default "Portuguese (Brazil)" /pt-br/ code, its language mapping and hreflang tags to "dummy", then added a new "Brazilian Portuguese" custom language with /br/ as code and hreflang tags, and mapped it to pt_BR.

This afternoon I'll translate my first, simple page made with Cornerstone. To have better results (I've tested all "modes") I duplicate, then independently translate each page in Cornerstone. As I test it this afternoon I get back here to see if the Hero Images are superimposing.

Thank you once more for you help and support, best regards!

Hey Itamar,

I'm sorry for some delay, had some rushed days at the office. I'll keep you posted.

Thank you for your patience and support, cheers!

Hey Itamar, first of all sorry for my long delay to reply.

I've started translating the first page with Cornerstone. I've succesfully created the original page in English, then selected to translate it using the WordPress Editor (pic 1). Then saved, checked the box for the Portuguese and clicked the button to Duplicate. Saved, closed and went back to Pages, selected Portuguese on the top admin bar.

Clicked Edit on the Portuguese page, selected to translate independently, then saved and closed the page. On Pages, I've clicked Edit with Cornerstone on the Portuguese duplicated page. I have to add the CSS below on this page, to hide the Social Shares (left side of the screen) and Info Bar (right side of the screen) wich appears on other pages but not this one:

.socialshares {
display:none !important;
}

.infobar {
display:none !important;
}

When I save the Portugues page, with the correct design and text and Contact Form, and the proper CSS added to Page CSS, as the page is rendered on the Frontend, or saved on the Backend, this code becomes this below (wich doesn't hide the Social Shares or the Info Bar):

n.socialshares {n display:none !important;n}nn.infobar {ndisplay:none !important;n}n

I've tried deleting the CSS, saving the page, reopening and re-adding. I've tried creating a new page and imported my exported layout (wihtout the Page CSS, sections-only), then added the code and it works, but as I tell WP that that page is a translation of the English one, then the CSS is messed-up again and I really can't find a way to make it work.

I kindly ask you folks from WPML to help me to hide those Social Shares and the Info Bar on the translated pages, otherwise it will be a huge problem. I assume that this have to do with the Pro Theme and Cornerstone, so please make contact with the people from ThemeCo so we can have this fixed to work properly.

hidden link --> original page in english without the items
hidden link --> translated page where the code always gets messed up

This is the first compatibility issue I've found on translating Cornerstone pages, even using the most "classic" way, that should work.

Other issue, is when I create the translations for Cornerstone Components, the Visual Editor simply refuses to preview the translated Components, it only shows the original english one.

I'll keep looking forward from you, thank you very much.

Hey there,

In order to help turning possible to translate Cornernstone pages with WPML, maye it could help tweaking some options like Posts and Pages Syncronization, Translated Documents Options, Slug Translations and others below that point on the settings page?