Категория: Extensions

Need to display your images as a carousel? Easily done with our new Joomla extension.

Hot Joomla Carousel is a simple Joomla module that will help you to show your photos in a carousel style. You can see how it works on this demo site. Usage is very simple. You need to enter path to your images and your carousel is ready.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > Hot Joomla Carousel. You’ll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• FOLDER: Where your images are stored, relative to Joomla root directory.
• OVERALL WIDTH OF MODULE: Overall width of module in pixels (in example 200)
• OVERALL WIDTH OF MODULE: Overall height of module in pixels (in example 150)
• NUMBER OF IMAGES ON SCREEN: Number of images that will be shown on screen at the same time (in example 5)
• WIDTH OF IMAGES: Width of images in carousel in pixels (in example 128)
• HEIGHT OF IMAGES: Height of images in carousel in pixels (in example 128)
• MARGIN BETWEEN TWO IMAGES: Distance beween two neighbor images in pixels (in example 10)
• PADDING BETWEEN BORDER AND IMAGE: Padding beween image borders and images in pixels (in example 2)
• BORDER WIDTH: Width of borders of images in pixels (in example 2)
• BORDER COLOR: Color of borders of images in hexadecimal format (in example 000000)
• SHOW PAGINATION: Select whether to display linked numbers of carousel pages or not
• AUTOSLIDE: Select whether to change images automatically or not
• AUTOSLIDE INTERVAL: Time in milliseconds between change of slides (only if autoslide enabled)
• SELECT TRANSITION EFFECT: Select slide or fade transition effect
• ANIMATION SPEED: Select speed of transition animation
• DIRECTION OF IMAGES: Select horizontal to display images in a row, or select vertical to display images in a column
• TRANSITION LOOP: Select whether to show transition of images in loop or not

Hot Joomla Gallery module is incorporated in this template. You can see how it works on this demo site. Usage is very simple. You need to enter path to your images and your gallery is ready. Control other parameters to make your gallery works better with your theme.

Hot Joomla Gallery module by HotJoomlaTemplates.com is a fully configurable, simple gallery module, based on jQuery.

In module parameters, you have control over module display. You can enable or disable image descriptions. It’s possible to change number of thumbnails. Images can be shown in "per name" or random order. Slide duration is configurable as well. Module colors are configurable. Unlike our other extensions, here you can’t change module width and height. Module width and height are set automatically, based on resolutions of your images. So, please prepare images in a folder before publishing this module.

USAGE INSTRUCTIONS

Open module parameters in Extensions > Module Manager > HOT Joomla Gallery. You’ll see that some default parameters are already there. However, you should change some of them to accomodate module for usage on your site.

• LOAD JQUERY: Select wheter to load jQuery library or not. If your template already loads it, you may disable this to avoid possible javascript errors.
• FOLDER: Where your images are stored, relative to Joomla root directory.
• ENTER DATA: Fill this only if you need photos with description text. Otherwise, leave this empty and photos will be shown without description.
• SHUFFLE IMAGES: Select whether to randomize images order or not.
• TIMER: How long one photo will stay on screen. Time is in milliseconds.
• AUTO-SLIDE: Select whether to rotate photos automatically or not.
• GALLERY COLOR: Enter module’s border color.
• ACTIVE THUMBNAIL BORDER: Border color of active thumbnail image.
• DESCRIPTION TEXT BACKGROUND COLOR: Self explanory.
• DESCRIPTION TEXT COLOR: Self explanory.

Hot Full Carousel is Joomla module that acts as an endless carousel. It can occupy entire space of the screen, no matter how big it is. What’s achieved by this? Well, users with higher screen resolution usually have a lot of empty space when visiting a website that has a regular width. This Carousel can span the entire horizontal space making the site more interesting. User can oversee the slide that’s about to come, and also those that’s passed over the screen recently. Using the navigation, user’s able to browse through the slides. There are several types of easing that can be applied to the scrolling animation. Also, some or all slides from the set can be linked. It’s possible to have up to 20 slides in the rotation (more is not recommended because it could slow down site). For every slide we have a «slot» in the module parameters where we can assign image, heading, text and optionally link.

This module should be placed in a container that has width set to 100%. If you are using another template, make sure that’s your case, otherwise, the module won’t be able to occupy the entire space. If you are developing your template using Sparky Framework, you can make a row, add a class name of your choice to it, and then give set this class’ width to 100% by editing CSS stylesheet. However, in Hot Cinema template everything is pre-configured, so you don’t have to worry about it (especially if you installed the template using the HotStart method).

We believe you will find this module useful for your site!

All buyers of this template will get Hot Full Carousel module FREE (regular price is $15).

Google Maps Module

The most popular online maps service today is certainly Google Maps. This service covers the entire globe. Allmost all places and addresses throughout the world are included in this giant online world map. Modern websites often use free maps from Google to show where the company is located or how to find the company’s offices. Travel websites can use maps to show destinations they offer for vacation trips.

Hot Maps module has been created to allow webmasters to include any map from Google Maps inside Joomla website. Once you install the module and publish it in appropriate module positions, you should enter location that should be displayed (in example «Copacabana beach Brazil») and set dimensions (width and height) of the map. That’s it. Your map is ready! There’s not need to register or copy any code.

In addition, you can include pre-text and post-text (HTML allowed) that will be displayed above and below the map. Also, you can include link to the full map (hosted on Google). Finally, you can select whether to show graphical map or satellite image of the location.

Google Maps Plugin

Installation of the plugin is straightforward and should be done through Joomla Extensions Manager (Extensions > Install/Uninstall). After installation, you should go to the Plugin Manager (Extensions > Plugin Manager) to publish the plugin. Now you are ready to start using the plugin in Joomla content pages.

When you create/edit any page, in place where you’d like a map to be shown, you should add this code:

{*hotmaps}paris eiffel tower,300,200{/hotmaps*}

Important: Please remove asterisks (*) from the above sample! We put it there only to prevent changing the code with map.

Parameters (in the code itself):

LOCATION (in our example: paris eiffel tower): Enter a location, in example «paris eiffel tower» or address, in example «1 Infinite Loop Cupertino CA 95014» . Please use only letters and numbers! Don’t use any special characters!
MAP’S WIDTH (in our example: 300): Enter width of the map’s frame in pixels (in example 300).
MAP’S HEIGHT (in our example: 200): Enter height of the map’s frame in pixels (in example 200).

Parameters of the plugin (in Extensions > Plugin Manager > Content — Hot Maps)

SATELLITE IMAGES: Select whether to show satellite image of the terrain or not.
DISPLAY LINK: Select whether to show link to the full map page (on maps.google.com).
LINK TEXT: Enter the link’s text.

All buyers of this template will get Hot Maps module and plugin FREE (regular price is $15).