Revisions to Load a specific file/CSS only in a certain page

Fix for pages with a defined entry

Source Link

edited Jul 20, 2018 at 21:31

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry is defined and entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" with the id of the entry you'd like to load the CSS for.

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" with the id of the entry you'd like to load the CSS for.

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry is defined and entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" with the id of the entry you'd like to load the CSS for.

Fix typo

Source Link

edited Jul 20, 2018 at 20:31

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" withewith the id of the entry you'd like to load the CSS for.

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" withe the id of the entry you'd like to load the CSS for.

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" with the id of the entry you'd like to load the CSS for.

Source Link

created Jul 20, 2018 at 18:16

You can check a specific URL segment. For example if you need to load some CSS on the About page and that URL is yoursite.com/about you can do this:

{% if craft.app.request.segments|first == 'about' %}
    {# Load CSS #}
{% endif %}

You could also check by entry.id

{% if entry.id == '123' %}
    {# Load CSS #}
{% endif %}

Replace "123" withe the id of the entry you'd like to load the CSS for.

Return to Answer