MERRY Christmas

20% DISCOUNT

Extra Features in Sun Framework

Social share, cookie consent, speed optimize features and so on. Little things but come very useful in any Joomla site. Let's learn how to take advantage of them.

Custom code section

Custom Code is known as a part to help users add code to it. You can add HTML, CSS, JavaScript, etc to the 4 positions in template code structure as the picture below.

However, with Custom Code, it is used to add Google Analytic Code or Google Tag Manager to track your website performance, so that you can:

  • Expanding your business’s online reach
  • Converting leads to customers
  • Optimizing a digital marketing strategy to create stronger relationships with your audience.

You can read more about these articles to know in detail how to make use of these tools in your site.

Custom code

Change Favicon

Favicon is a small icon positioned on the left of the address bar of your browser. By default, Joomla has an image, as shown in the screenshot below.

Favicon demo

Here are the instruction on how to do that:

Step 1: Create Favicon File

Favicon is a regular 16px*16px icon file with exact name favicon.ico. In most cases, a favicon is the sized-down version of the company logo saved in the icon format. In some cases, the logo is too specific, and favicon needs to be built from scratch.

You can use some professional icon editor software like:

Step 2: Upload Favicon File

Go to Template Style Setting, choose to browse file in the Favicon parameter, here you need to select favicon.ico updated before, and then click on Save System to finish.

Favicon configuration

After you have got the favicon file, go to images folder to create a new folder and upload the favicon file there.

Step 3: Change the favicon in the template settings

Media selector is opened. Now, select your uploaded favicon file to change.

CDN

Using CDN is one way to increase website loading speed. It's the best used when your website has visitors all over the world.

If you are using CDN provider, our JSN Sun Framework provides a convenient way to add your CDN URL. You can add the following URL: https://cdn.your_domain.com.

Note: Depending on your website protocol, it may be either Non-SSL or SSL.

CDN configuration

Asset optimization

With Sun Framework, we put considerable effort into optimizing our template performance with multiple techniques like image sprites application, clean HTML code output, and now one new step – CSS/JS Compression.

You should use this Compression to combine all continuous CSS/JS files into compressed files and deliver it in GZIP compressed state to browser. This feature significantly reduces HTTP request number to server as well as overall loading size, which results in a significant performance boost.

Note: since it may conflict with all other Joomla extension’s code, so in many cases, you should leave it untouched.

Assets Optimization

Assets Compression

A useful feature helps to compress almost CSS & JS template and Joomla files. Increase your site loading speed significantly.

Max File Size

Set the maximum size of the compressed folder. If the overall quantity exceeds the max size set, then multiple compressed files will be created.

It's recommended setting 100KB for most servers. You can set a more significant number of powerful servers and vice versa.

Cache Directory

The cache directory is where files are stored during background uploads, and after upload for quick access should you need to open the file from the network drive.

With JSN Sun Framework, you can specify the directory for storing compressed CSS/JS files. This directory must be web-accessible.

Exclude From Compression

Set the list of CSS/JS file(s) to be excluded from the compression process. Define one filename per line.

Minify HTML

When you minify your website's HTML files, you can shave some valuable time off of your site's page load speed. How fast your site loads are not only crucial for first-time visitors, but it is also essential for moving search engine ranking.

So, in JSN Sun Framework, you only need a click to "Minify HTML," this will remove all empty spaces found either at the start or at the end of each line and all blank lines.

Move JS To Bottom

If enabled, all script tags will be moved from the head section to the end of the body section.

Cookie consent

A Cookie Consent is a quick way to ask your visitors about their cookie permissions, making sure that your website is compliant with the EU Cookie Consent Policy.

To enable Cookies Consent, go to Extras → Cookie Consent → Select Enable Cookie Consent to config its layout styles and contents.

Cookie consent setting

Your Cookie Policy should have simple information. A complaint policy should inform your users of:

  • What are cookies and why are they in place?
  • Which type of cookies does your site uses and if there are any third party cookies?
  • How do you plan to use cookies?
  • Ways through which a user can opt-out of having cookies on their devices

The message needs to be easy to understand. A simple cookie consent like this should be enough:

Cookie consent example

 

Custom 404

A 404 page is what a user sees when they try to reach a non-existent page on your site (because they've clicked on a broken link, the page has been deleted, or they've mistyped a URL). Customization of your 404 page is the first step when improving your error page.

For example: 404 Page of JSN Agency

404 page demo

To customize 404 pages in Sun Framework:

Go to Extras → Custom 404 → Select Enable Custom 404 to select the article you build for 404 page:

Custom 404 page

We have some 404-page tips for you:

1. Customization is secure and can make a world of difference

In most cases, landing on a page that results in a standard 404 Error means that your viewers will only have the option to return to the previously loaded page. Of course, we can't expect users to put forth this much effort if you have not put forth the effort to make your page more user-friendly.

2. Keep this page basic

Your 404 page should be kept necessary so that you do not intimidate your user. The main goal of your 404-page is to direct your user to the page they were looking for as quickly as possible.

3. Offer your direction

Your 404 page should offer a few key links and instructions your user can choose between. One of the most important links to have is a "Home" link - a quick and friendly way to start over.

4. Be creative but not be crazy

A little creativity on a website usually doesn't hurt, but there is a difference between creative and unorthodox. This applies to your 404 pages, as well. Get too original, and you may not be anymore helpful to your user than the standard message (even though you might have more style).

Custom Coming Soon Page

This page is an equivalent version of “Offline” page in Joomla. 

With this feature you can customize the content on this page for: Page Title, Page Content, Count Down time, Logo and Background image. 

All other design style for this page will not be affected as it will take from the file: offline.php in the template root folder.

Note: All JoomlaShine templates have a unique custom Coming Soon Page built within.

To customize 404 pages in Sun Framework:

Go to Extras → Custom Coming Soon Page → Select Enable Custom Coming Soon Page to customize the content for this page.

custom coming soon page

Learn More

This article is from “Getting Started" series. A series that help new users speed up their development process and utilize every feature in JSN Sun Framework.

Comments (0)

There are no comments posted here yet
Rate this article
(1 Vote)