Conditionally load CSS

support
1

I want to conditionally include a CSS file and am wondering if/how that’s feasible. What I’m trying to do:

  • in a partial that is executed in the main part of the page, use $.Scratch.Set "include" "true"
  • in the footer template (which is executed well after the first one) inquire the value of $.Scratch.Get "include".

However, $.Scratch.Get "include" always returns nil. Is there a reliable way to achieve what I want, or should I simply drop the idea?

I’m aware that I could use .hasShortcode, but in my context, there is no shortcode in use.

2

$.Store may helps, similar to Scratch but won’t be reset on server rebuilds.

3

Thanks, but that doesn’t work either. I’m probably doing something stupid somewhere…

4

From your examples above, it looks like both partials expect to receive a page in context.

Do your partial calls pass the page as context? Or to put it another way, are you missing the “dot” anwhere?

{{ partial "footer.html" . }}
{{ partial "thing-that-does-the-include.html" . }}
2 Likes
5

That was it. I should probably add “of course”. Too stupid.

Just one related question: I’d rather add the CSS to the header template conditionally. But as that is executed before the one that might set the Scratch, I suppose that’s not possible?

6

in a partial that is executed in the main part of the page

Is the partial called from a shortcode, either directly or indirectly?

7

No, there’s no shortcode involved, neither directly nor indirectly

8

Correct. If you were calling the partial from a short code, we could evaluate Content at the top of the template, which should bring the Scratch into scope.

9

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.