Home›Support›English Support›[Resolved] Change url in custom Gutenberg block or disable auto url change in href
[Resolved] Change url in custom Gutenberg block or disable auto url change in href
This thread is resolved. Here is a description of the problem and solution.
Problem:
Custom Gutenberg block was being corrupted when switched to other language, as well as, the link wasn't being translated in block's scaffold (other than the HTML representation).
When duplicating content to a new language, it changes the link in the href but does not change the url in the custom gutenberg block(e.g. example.com/kontakt turns into example.com/en/contact). Unfortunately, this causes an error in the block (inconsistent data). Is it possible to force WPML to also change the url in a custom block or disable the automatic change in the href?
I tried adding in wpml-config but it doesn't work for duplication.
By default WPML is set to auto-generate slugs from title but you can change this setting in WPML → Settings → Translated documents options.
In this case, it won't generate the slug automatically but you can then search for the slug in ATE while translating the post, and can translate it as needed (or can leave it as it is).
Alternatively, you can go to WPML -> Settings -> Translate Link Targets and click "Scan now and adjust links" to adjust links in posts and strings so they point to the translated content.
Remember to take full backup of site and database before proceeding with any of these.
The problem is not the slug translation(it is generated correctly).
The problem is with the content of posts and pages.
When I copy a page to another language, the links in the content are automatically replaced, but they are not changed in the gutenberg block attributes.
Changing "WPML → Settings → Translated documents options" does not change the way the link is replaced in the content
Using "WPML -> Settings -> Translate Link Targets" change url in
I need to take a closer look at your site. So I request temporary access (WP-Admin and FTP), preferably to a test site where the problem has been replicated.
Your next answer will be private, to share this information safely.
Also provide detailed steps to reproduce the issue and links to pages in admin and on frontend.
IMPORTANT: Please take a complete backup of the site to avoid data loss. I may need to activate/deactivate plugins also.
I was able to observe the problem by trying different things. I observed that the problem isn't with WPML but coming from "GreenShift - Animation and Page Builder Blocks" plugin itself.
For example, this page hidden link, if you see that button's URL is pointing to correct English version of Kontakt page, while if you edit this page, you'll see the block is broken.
Proof of concept:
- Create a new page with that GreenShift ButtonBox block, in default (Polish) language.
- Set a URL to "Kontakt" page (i.e. hidden link).
- Publish the page.
- Click "duplicate" in Languages section and duplicate the page to English.
- Edit the English translation (duplicated in previous step).
--- (Optional) Click "Translate Independently" in Languages section.
- Make any change to the page, except the block which looks broken.
- Save the page.
- Check on frontend, that button has correct URL to English version of the Kontakt page (hidden link).
- However, if you attempt to recover the block, it recovers fine. But of course, you've to adjust the link by yourself.
Theme and plugin authors are welcome to join WPML’s Go Global program, which helps them make their code multilingual ready. Together with WPML’s compatibility team, they can test and confirm that their theme or plugin works with WPML. See https://wpml.org/documentation/support/go-global-program/ for details and you can refer your theme/plugin provider to this as well.
Because I removed the XML from wpml-config.xml from plugin's folder and block is still corrupted when switched to other language (i.e. duplicating the post).
Another proof of concept is that, if you see the code of corrupted block, the A's href attribute contains translated link already - check this screencast: hidden link
While, in ATE, all the attributes look just fine. I tested this with your XML added to the config, as well as, without the XML (see attached).
For the links, which are by default not visible in ATE, you have to search for http or https to find these links for translation.
WPML offers filters and action hooks that can be used in your WordPress theme or plugin to provide correct multilingual support. Browse following resources for more information:
We use cookies to optimize our website and services. Your consent allows us to process data such as browsing behavior. Not consenting may affect some features.
Functional
Always active
Required for our website to operate and communicate correctly.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
We use these to analyze the statistics of our site. Collected information is completely anonymous.The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
These cookies track your browsing to provide ads relevant to you.
