How To Upgrade Free Hot Bokeh To Premium - HotThemes

Search Form and Social Buttons

HotThemes Logo and Top Menu

If you are satisfied with free Hot Bokeh from our free Joomla templates collection, but need to upgrade to premium version and get additional features, this tutorial will help you to upgrade without losing data of the site you created with free version.

First of all, after successful subscription to our Joomla template club (or after buying single Hot Bokeh template), you should download ZIP archive "hot_bokeh_jXX_unzip_first.zip". In this file, XX is version that matches your current Joomla version where you installed the free template (in example 25 or 31 for Joomla 2.5 or Joomla 3.1). Unzip this file locally on your computer and you will get 7 more ZIP archives.

Replace free template files with premium template files

Unzip archive hot_bokehXX.zip (XX is version of Joomla) locally on your computer - you will get one folder "hot_bokeh" and many files inside. Open your favorite FTP client, browse to folder /templates/hot_bokeh on your server. You will see folder "hot_bokeh" there as well. Rename it, in example to "hot_bokeh_old" and upload folder "hot_bokeh" of the premium version from your computer.

The template upgrade is done and if you open template parameters now (Extensions > Template Manager > Hot Bokeh), you will see 10 color styles available and export option activated.

Install and configure Hot Full Carousel and Hot Film Tape

Responsive Joomla carousel Hot Full Carousel and Hot Film Tape modules are included with Hot Bokeh premium template. You can install them now. In the archive you unzipped previously ("hot_bokeh_jXX_unzip_first.zip"), there are premium modules files "mod_hot_full_carousel25_30.zip" and "mod_hot_film_tape25_30.zip". From your Joomla Administration, go to Extensions > Extension Manager. Click Choose File button and select file "mod_hot_full_carousel25_30.zip". Click Upload & Install button and the module will be installed. Repeat the procedure for file "mod_hot_film_tape25_30.zip".

Now, go to Extensions > Module Manager > Hot Full Carousel and copy all settings from the following screen shots:

bokeh free to premium - hot full carousel 1 bokeh free to premium - hot full carousel 2


bokeh free to premium - hot full carousel 3 bokeh free to premium - hot full carousel 4
bokeh free to premium - hot full carousel 5 bokeh free to premium - hot full carousel 6

In the last screen shot, you will notice field "Select an Image". You should select image for Hot Full Carousel slide there. If you want original images from our Bokeh demo, unzip archive "hot_bokeh31_hotstart.zip". Now, browse to folder /images/carousel and you will find 4 images there bokeh1.jpg, bokeh2.jpg, bokeh3.jpg and bokeh4.jpg. Upload folder "carousel" to the /images folder of your web site (use FTP client). To pick an image for each slide, in "Select an Image" option click Select button, browse to "carousel" folder and pick an image. You can change default images with your images. It's recommended to make images in resolution 1920 x 500 pixels.

Under Menu Assignment tab, you can select Home (under Main Menu item). This will make the module to appear only on the home page (as on our demo). For Module Assignment option, select "Only on the pages selected" option.

IMPORTANT: Hot Full Carousel will not start working until you enable at least 3 slides.

Let's configure Hot Film Tape now. Go to Extensions > Module Manager > Hot Film Tape. You can copy all the options from the following screen shots:

bokeh free to premium - hot film tape 1 bokeh free to premium - hot film tape 2


bokeh free to premium - hot film tape 3

The last screen shot shows one of the available slide slots. There you have editor, so you can put any content you like (text and images). Original images from our demo can be found in folder /images/film_tape. You can get them from archive "hot_bokeh31_hotstart.zip".

Under Menu Assignment tab, you can select menu items where you'd like to publish this module. If you want the module to be published on a specific page, create a menu item for this page (in Menu Manager > Menu Name), then select this menu item on this list here. For Module Assignment option, select "Only on the pages selected" option.

Install and configure Hot Maps

Hot Maps, Joomla Google Maps module and plugin are included with premium version of Hot Bokeh. After unpacking the file "hot_bokeh_jXX_unzip_first.zip", you will have file "hot_maps_unzip_first.zip". Unpack this file as well, and you will get module and plugin files "mod_hot_mapsXX.zip" and plg_hot_mapsXX.zip (XX indicates Joomla versions). Go to Extensions > Extension Manager, click Choose file and select "mod_hot_mapsXX.zip". Click Upload & Install button and Hot Maps module will be installed.

Go to Extension > Module Manager > Hot Maps. You can copy all settings from the following screen shots. Make sure you changed our sample address with your real address.

bokeh free to premium - hot maps module 1 bokeh free to premium - hot maps module 2

This module should be published on all pages, so in the Menu Assignment tab select Module Assignment: On all pages.

Install and configure newsletter component

Our demo uses free Acymailing Starter from Acyba. You can download this free component from developer's website. They also have advanced version of the component. File that you will receive is named as "com_acymailing_starter_XX.zip" (XX is version number). Go to Extensions > Extension Manager, click Choose file and select the file you downloaded. Click Upload & Install button and newsletter component and module will be installed at once. Go to Components > Acymailing > Lists and create your subscribers list. If you want to edit other settings of the component, consult documentation.

The settings for Acymailing module can be copied from the following screen shot:

bokeh free to premium - newsletter

Under Options tab, you can leave all default options, just change Size to 95%.

Links, Partners and Social Media