Joomla Templates Club 406,261 posts

[Alice Ching Friend Alice ChingJoin date: September 2014Posts: 84Downloads:8Uploads:13 Thanks: 3 Thanked: 2 times in 1 posts]

#190333

Hello,

I have my own javascript and css file that I will be uploading to my joomla site via ftp. How do I let these files to join/minify and compress along with other template files? Is there a specific folder that i need to upload to in order to do this?

Thanks,

Will

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#504854

All css and js files on JA University Template, you can find it here

+ Css files: templates/ja_university/css/

+ JS files: You need to change to match each extension on your site

You can turn off css and js compress from back-end of JA University Template.

and process to change js and css files.

---

Attachments:

1. 

[Alice Ching Friend Alice ChingJoin date: September 2014Posts: 84Downloads:8Uploads:13 Thanks: 3 Thanked: 2 times in 1 posts]

#504898

Hi,

You didnt answer my question, I dont want to turn off compress. I want to turn it on. I want my own files to be included in the compression.

So I have shadowbox.css and shadowbox.js files, and I want these files to be compressed, how do I do that?

Thanks,

Will

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#504933

I mean you can turn of the compress on your site change js and css files after that you can turn on compress on your site 🙂

If you want to add shadowbox.css and shadowbox.js files to be compressed on JA University Template, this way will help you to do that

Open templates/ja_university/etc/layouts/default.xml file

From


<!--Extra css load for this layout-->
<stylesheets>
<file>css/template.css</file>
<file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>
</stylesheets>

Change to


<!--Extra css load for this layout-->
<stylesheets>
<file>your_path_shadowbox.css_file</file>
<file>css/template.css</file>
<file media="only screen and (max-width:719px)">css/layout-mobile.css</file>
<file media="only screen and (max-width:479px)">css/layout-mobile-port.css</file>
<file media="only screen and (min-width:720px) and (max-width: 985px)">css/layout-tablet.css</file>
</stylesheets>
<scripts>
<file>your_path_shadowbox.js_file</file>
</scripts>


Remember to clear cache from Admin area after changing. Let me know if it helps

1 user says Thank You to Ninja Lead for this useful post

1. Alice Ching

[Alice Ching Friend Alice ChingJoin date: September 2014Posts: 84Downloads:8Uploads:13 Thanks: 3 Thanked: 2 times in 1 posts]

#505150

yes, that works. thank you.

[Author]

Posts