ElementsKit Header Offcanvas problems with Polylang

  • Resolved adrielairaldo

    (@adrielairaldo)


    2 months, 3 weeks ago

    I will always speak in the context of a site created with Elementor + Astra + ElementsKit.

    I have a Header designed with ElementsKit, which has an Offcanvas Header button.

    When adding translations to the Header with Polylang (duplicating the post and updating the text to the corresponding language – all this done automatically by Polylang), all the Header content works perfectly. So far, so good.

    The problem lies in translating the Offcanvas content. This content cannot be translated from the Header itself, so to update the content, it is necessary to edit a post in which the header is visible (in my case, my translated landing).

    When editing Offcanvas content in a post that is not in the default language, a message such as “Edit content” will appear on it. This is where the problem begins.

    This will open the editing of a “Widget Area,” with a post name similar to “dynamic-content-widget-c92d005-99.”

    When I go to “Post settings -> Languages -> Add translations” this results in a link opening with the message “Invalid post type.”

    The link that is opening is /wp-admin/post-new.php?post_type=elementskit_content&from_post=1743&new_lang=es&_wpnonce=63a54df49e which makes me think that content of the “elementskit_content” type cannot be recognized by Polylang (for some reason, it is unable to copy this kind of content to the selected secondary language).

    What I have tried:

    • Make sure that in Polylang Settings, under “Custom post types and Taxonomies,” “elementskit_content” is present, and it is.
    • Enabled and disabled the Polylang options to force some kind of refresh.
    • Manually deleted all translations, removed the Polylang plugin, reinstalled it, and repeated the process.
    • Clear all caches on my site (browser and plugins). Uninstall all cache plugins from my site.
    • Clear the Elementor cache. Disable the Elementor cache. Manually disable the cache for elements (Header Offcanvas button).
    • Make sure that in the Elementor settings, under “Post Types,” “ElementsKit items” is selected.

    I don’t know what else to try, I’m not getting any change. I have the latest versions of everything. ElementsKit Lite 3.7.2, Polylang Version 3.7.3, Elementor Version 4.5.5, WordPress 6.8.2; I’m just a little behind with the PHP version, as I’m running 8.2.29 and not 8.3.

    I think the only option I have now is to use the “Language Visibility” feature and try to duplicate the content, translate it, and render it conditionally. This will use the header in the default language. Naturally, this will cause some problems with SEO.

    I am at your disposal if I can be of any help. I can share with you a backup of my site made with WPVivid.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter adrielairaldo

    (@adrielairaldo)

    2 months, 3 weeks ago

    Update:

    There is no way to set the Offcanvas content on a page that is not in the main language.

    In other words, in any of the translations -of my landing, for example-, I cannot define the Offcanvas content to be the one used in the default language.

    When I try to select the page used by the main language (the one I mentioned earlier, dynamic-content-widget-c92d005-99), everything remains the same, and Offcanvas continues to display the message “Click the edit content button to edit/add content.”

    If I could select the same page, at least this would allow me to take advantage of the possibility of hiding content in languages other than the one selected.

    In short, there is no way to use Offcanvas with translations using Polylang.

    Thread Starter adrielairaldo

    (@adrielairaldo)

    2 months, 3 weeks ago

    Update:

    Removing “elementskit_content” from “Custom post types and Taxonomies” in Polylang Settings allows me to use a single Offcanvas for all the translated sites.

    Unfortunately, conditional rendering based on language does not seem to be working properly (it always shows me the blocks associated with the default language). In any case, at least I am able to have my site operational (displaying some content in the wrong language).

    Plugin Support Reedwanul Haque

    (@reedwanul)

    2 months, 3 weeks ago

    Dear @adrielairaldo,

    Thanks for reaching out to us & extremely sorry for the delayed response.

    I understand your concern and would like to inform you that you need to create a separate header for each language. Once you create individual headers, the header off-canvas should work properly. You can also follow the instructions in this video: https://d.pr/v/LQL56p.

    After following the steps, I hope your issue will be resolved. However, if the problem still persists, please share a video showing the steps you have taken and the issue you are facing. This will help us better understand the situation and provide you with a quick solution. We truly appreciate your patience and cooperation.

    Looking forward to your response.

    Regards,
    Reju

    Thread Starter adrielairaldo

    (@adrielairaldo)

    2 months, 3 weeks ago

    Thank you very much! With the reference video, I was able to figure it out. Still, here are some important guidelines that may not be clear in the video.

    – It is important that in Languages -> Settings -> Custom post types and Taxonomies, “elementskit_content” is selected.

    – It is important that the ElementsKit header is a new header (do not add the other language version of the header using the button typically used to add the other language version).

    – I couldn’t get the offcanvas to be different in different headers in different languages. The reason is that I was copying and pasting the content of the headers. Apparently, the Header offcanvas button has some kind of internal reference. Delete the button and create another one, this automatically generates a new post for the offcanvas.

    Plugin Support Reedwanul Haque

    (@reedwanul)

    2 months, 2 weeks ago

    Dear @adrielairaldo,

    I hope you are doing well, and I’m glad to hear that you found the solution and that my reference video was helpful. In my settings, the ElementsKit items (elementskit_content) were selected, and I created a new header instead of copying. However, it’s great to know that your issue is resolved, that really makes me happy! If you have any further questions or encounter any issues, please don’t hesitate to reach out, we’re always here to help.

    Also, if you’re satisfied with the plugin and our support, we’d truly appreciate it if you could take a moment to leave us a 5-star review on WordPress.org!

    Please navigate to the Review link from the sidebar then click the Add your own review link to put your review.

    We’re working so hard to make this plugin more and more useful to our valuable users like you and a 5-star will really help us to grow on the market.

    Best Regards,
    Reju

Viewing 5 replies - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.