Advanced setting

Advanced setting


Current version 1.4.4 (Jan 20, 2015)

ZO2 Framework allows to integrate your Joomla site and show up with CSS Styles, Javascript code, tracking code, developer’s options and some other advanced features for you to make your site load faster, be responsive, save on bandwidth and some more.

Now Go to Extensions > Template manager > zo2_hallo - Default > Zo2 tab > open Advanced setting panel.

1. Advanced feature


Some modern and advanced features for your site like RTL, responsive layout, style switcher, and sticky menu and at our disposal, you enable or disable any of them.

advanced

2. Custom CSS and JS


With Zo2, you can simply customize your joomla template with your own custom code ( CSS and JS)

Custom CSS enables you to create unique design, customize the appearance of selected elements: colors, border radius, font size and background color or even using a image as a background etc. Besides using our default, you can include your own addtional CSS Style and JavaScript code as well.

custom-css-js

Some characteristics of the custom.css file

  • The file is not included by default, you need to create new one.
  • The file is the last file to be loaded in your site.
  • The file is not a compiled file from LESS so it will not be overridden or lost when you compile.

3. Tracking code


Zo2 enables tracking code system on your site in simple and effective way. Paste your Google Analytics (or other) tracking code in the box, then it will be added before the closing body tag in the template. Your code should be something like:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-48916789-2', 'auto');
  ga('send', 'pageview');

</script>

code

4. Development Mode


At your disposal, you can choose to enable development mode or not.

If not: Optimaization tab to enable/disable combine CSS or JS files into one file will be available

optimize