[TUTORIAL] Adding page-specific CSS and Javascript

[NemoPS]

Seeing plenty of requests about this in the forums, I came up with a short video on how to use the builtin unique classes to create page-specific styles

http://nemops.com/page-specific-css-javascript-prestashop/#.VkCFzrfnvmg

Fabio

[Paulito]

Hello Fabio

 

Thank you for another great tutorial.

 

Will certainly have some fun playing with this.

 

Paul

[fibo]

Hi NemoPS!

 

I see your tutorial, thank you.

I've understood how the changes to global.css and global.js work.

I've a doubt on another kind of change. 
I can't figure very well what I've to do if, for example, I want to add a simple plugin like flexisel.js only to product.tlp

 

 

[NemoPS]

In header.tpl, you can use something like {if $page_name == 'product'} then include the script tag

[nicoX]

I have a JavaScript chat button placed in the footer.tpl that pops up, but I don't wish it to pop-up when a user is signed in to his PS 1.6.1.x.x account.

How do I do it so all pages when a user is signed in doesn't display the chat button? Do I need to enter each page manually?

Edited December 2, 2018 by nicoX (see edit history)