I'm trying to use page transitions using smoothstate.js (http://miguel-perez.github.io/smoothState.js/).
What this appears to do is to load the destination of a link in the background when the link is hovered rather than clicked, meaning when it is actually clicked the content is already loaded and can be presented with a smooth transition.
The challenge I'm finding is that I often use an {if segment_3 != ''} type conditional to use one template to show both a listings AND a detail page and avoid having to create an extra template and add an extra segment to my URL. Something like this...
{if segment_3 == ''}
Listings page to go here...
{if:elseif segment_3 != ''}
Detail page to go here...
{/if}
This seems to cause problems and not load the content on these detail pages correctly. I can only assume this is because when the content is loaded, the URL hasn't changed yet, meaning the EE conditional still comes out as false rather than positive.
Any ideas on how to get around this would be massively helpful and appreciated.
Thanks in advance,
Tom