Joomla Templates Club 406,261 posts

[Hung Dinh Friend Hung DinhJoin date: September 2014Posts: 4408Downloads:11Uploads:189 Thanks: 309 Thanked: 3310 times in 3 posts]

#160226

Steps for making your current site look like demo site :

1. Gather Information about your template :

1. Check the Template release article : Not sure how to do it? Read about it HERE.
2. The article will tell you details on the compatible version (J 1.5 or J 1.6), included (free) extensions, T3 framework (T3 v1 or T3 v2) and links to live demo, forums and downloads.
3. Now, check the download folder for the included extensions. You will need to install these one by one and configure them as per the settings in the demo site.

Step I : Install the Template and T3 plugin (if using T3 Template)

1. Install the template and make it default template. The template will install with all default settings as in demo site. Configure template parameters once the complete set up is done.
2. Install the T3 plugin (available in the download section of each template) and enable it (our t3 templates need this to work). You do not need this for our non-T3 templates.

It Does not look like Demo Site?

On comparison with the demo site. You will see that it does not look like the demo site. So, what’s Missing?

1. We use many modules / plugins in our template demo and unless those are installed and configured, the site won’t look like demo site. You can check the download folder for the template for included extensions and also in the article release page.
2. Demo content is missing, especially the images, please note that the images can be of specific size for example the slideshow module will require specific sizes of images as JA Anion requires images of 660×330 whereas JA xxx requires sildeshow image size of yy x yy.
3. To use the demo images, download the quickstart package, unzip it, copy the demo images from the images folder and place them in your respective image folders.
4. Frontpage layout for articles. This will also be different for each template. You need to make sure that the main menu >> home is configured correctly for the number of intro articles, links, and so on. Refer to the screenshots in the userguide.

Step II : Install the included Extensions (modules / plugins / components) and configure them :

How to start ?

1. Install the modules first.

• It is important to note that if you are not using the quickstart the modules will install with default settings which are way different from those used with the demo site.
• To help with this, we provide screenshots of backend settings of each module from the demo site for your reference. So, all you have to do is install the module, then check the userguide for its settings screenshot and replicate the same in your site.

Do this for all the included modules. DO NOT try different settings at this stage please. Complete the setup and then tweak the settings.

1a. Custom HTML Modules :

• If you are trying to configure Custom HTML modules, then you will need to copy the exact code from the setting screenshot or from quickstart installation. Please remember, we use special HTML tags and div classes for the layout. So, simply typing your content may not be sufficient all the time.

2. Install the plugins

• As with the case of modules, the plugins will install with their default settings, which again would be way different from the settings used in the demo site.
• So, refer to the setting screenshot in the userguide and replicate the same for your site.

Now comes the important part.

• You will need to assign the modules for menu items, since the menu items would be different for your site, you will need to assign the modules as per your site pages.

Mega Menu Configs :

If you are new to mega menu, then it is advised to install quickstart on your localhost and refer to each link for the settings, We are sure that it would be one time process and next time it would be easier for you to configure it.

Look at your site now. It should look same as the demo site. Now you can try to tweak the settings in the template / modules/ plugins to suit your taste.

IMPORTANT :

If you are using T3 V2 framework, then you can disable the development mode and enable the compression / optimization of CSS / JS in the template backend. Do this only after completion of your site development or the cache will interfere and you will not see your changes in the frontend.

8 users say Thank You to Hung Dinh for this useful post

1. medin12
2. ellendejong
3. maryposa
4. nods
5. Juan Aguirre
6. John Wesley Brett
7. creativesmythe
8. Hans Zuidinga

[Author]

Posts