Ajax page transitions will load the target page content container within the original page. Since the target page is not loaded normally the <head> and <body> elements will stay the same.
so the target page container is div cd-main-content and if you open /js/scripts.js you will see the code that loads the page:
l.load(t + " .cd-main-content > *", function(e) {
in function AjaxLoad() that is minimized for good reason.
so basically yo should load the entire page, get what classes you need from the target body , load it in the current body and so on.
I tried, but the post_id_xx is displayed only at first click. If another page is loaded, or portfolio single, the div becomes <div class="cd-main-content"> .
Hello again,
With ajax loading, the page is not really changing.
So the class ".page-id-xx" (in <body> tag) doesn't change either.
However, it is the simplest and unique identifier for applying CSS for a specific page.
Here we can't, and it's a problem.
Could you write dynamically the good unique class in the body tag ?
Thanks !
Hi Romain
Ajax page transitions will load the target page content container within the original page. Since the target page is not loaded normally the <head> and <body> elements will stay the same.
so the target page container is div cd-main-content and if you open /js/scripts.js you will see the code that loads the page:
l.load(t + " .cd-main-content > *", function(e) {
in function AjaxLoad() that is minimized for good reason.
so basically yo should load the entire page, get what classes you need from the target body , load it in the current body and so on.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
I understand the process. But I dont know how to inject the unique id from loaded page in this tag.
If it's not too complex, could you insert it like that in a future update ?
Many thanks !
That's the problem we are facing too it's pretty difficult. We will be looking into it though.
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Ok, thanks for that !
Romain try this plz
In header.php replace line 30 with
<div class="cd-index cd-main-content post_id_<?php echo sanitize_html_class( get_the_ID() ); ?>">
And let us know if it works for you
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio
Thanks for this.
I tried, but the post_id_xx is displayed only at first click. If another page is loaded, or portfolio single, the div becomes <div class="cd-main-content"> .