[sarathlal]

Hi,

 

I'm new on cs cart.

 

I'm using CS Cart 4.3.6.

 

I want to add custom CSS to my header & custom JS file to my footer.

 

I have activated my changes addon. Also I have created styles.post.tpl in /design/themes/my_theme/templates/addons/my_changes/hooks/index/.

 

The code in that file is given below.

{style src="addons/my_changes/custom.less"}

<link href="{$config.skin_path}/addons/my_changes/styles.css" rel="stylesheet" type="text/css" />

I have also added custom.less and styles.css in /design/themes/my_theme/css/addons/my_changes/.

 

The LESS file is compiled and now the rules on this files are available in front end.

 

But the styles.css is added as a new http request in my head and I need that nature. But the variable {$config.skin_path} is not working. So the path is broken.

<link href="/addons/my_changes/styles.css" rel="stylesheet" type="text/css" />

So can any one please help me.

 

I want to add custom css on header and custom js on footer. I have searched too many tutorials and nothing works with my CS cart Version (4.3). 

 

 

 

Thanks in advance.

 

 

[Vivek Gupta]

Follow this path ..

/Design/themes/[THEME NAME]/templates/index.tpl

Open this .. here you will get hooks for header & footer ... use these in your my changes addon.


I hope it will help ... for more help Pm me

[eComLabs]

Please use:

<link href="{'[relative]/[theme]'|fn_get_theme_path:'C'}/css/addons/my_changes/styles.css" rel="stylesheet" type="text/css" />

[sarathlal]

Thanks eComLabs,

 

It works..

<link href="{'[relative]/[theme]'|fn_get_theme_path:'C'}/css/addons/my_changes/styles.css" rel="stylesheet" type="text/css" />

Where I can get such details. ? Totaly I'm new at here and I want to know more.

[sarathlal]

Hi all,

 

I need more help!

 

Same like adding custom css, I want to add custom JS file in my footer.

 

I have created scripts.post.tpl in my_project/design/themes/my_theme/templates/addons/my_changes/hooks/index/ and the content is shown below.

{script src="/js/addons/my_changes/myscript.carousel.min.js"}

Also I have inserted my JS file (myscript.carousel.min.js) at my_project/js/addons/my_changes/.

 

Now the page have an additional http request to /js/addons/my_changes/myscript.carousel.min.js. But It is a broken link because I have missed my project folder URL at the beginning of the link.

{script src="get_my_project_url/js/addons/my_changes/myscript.carousel.min.js"}

So how I get the project URL in CS Cart? Where I can find such details?

 

 

Thanks in advance!

[eComLabs]

Where I can get such details. ? Totaly I'm new at here and I want to know more.

 

It is our experience

 

 

Hi all,

 

I need more help!

 

Same like adding custom css, I want to add custom JS file in my footer.

 

I have created scripts.post.tpl in my_project/design/themes/my_theme/templates/addons/my_changes/hooks/index/ and the content is shown below.

{script src="/js/addons/my_changes/myscript.carousel.min.js"}

Also I have inserted my JS file (myscript.carousel.min.js) at my_project/js/addons/my_changes/.

 

Now the page have an additional http request to /js/addons/my_changes/myscript.carousel.min.js. But It is a broken link because I have missed my project folder URL at the beginning of the link.

{script src="get_my_project_url/js/addons/my_changes/myscript.carousel.min.js"}

So how I get the project URL in CS Cart? Where I can find such details?

 

 

Thanks in advance!

 

There is no need to specify project directory. The system will call scripts starting from root directory of your CS-Cart installation. 

 

Please find instruction here:

 

http://forum.cs-cart...-changes-addon/

[straygecko]

 

Please use:

<link href="{'[relative]/[theme]'|fn_get_theme_path:'C'}/css/addons/my_changes/styles.css" rel="stylesheet" type="text/css" />

 

<style src="addons/my_changes/styles.css"> is simpler.  Put it in the index/head_scripts.post.tpl hook so it doesn't get sucked into the combined css file.

[sarathlal]

Thank you @straygecko.