JUX LOGO SHOWCASE

created: 12/01/2014
latest update: 12/01/2014
By: Joomlaux
Email: contact@joomlaux.com

1.1.What is Logo Showcase?

JUX_Logo_ShowCase is a powerful responsive module with many options that allows you to display logos in a simple and unique style. You can to upload the logos of clients along with title, Url, or choose Url target type.

It’s perfect to display logos in two different ways, Responsive Slider and Responsive Grid. You can choose display the logos on a grayscale version and a bit of transparency. You also can select show original image when hover.

2.1. Frontend

JUX Logo ShowCase display Responsive Grid style

JUX Logo ShowCase for Responsive Slider style

2.2.Backend

3.1.Server Requirements

Logo ShowCase has several system requirements as follow:

Apache 2.0 or above - http://www.apache.org recommended: Apache 2.0 or above.
PHP 5.2.4 or above - http://www.php.net recommended: PHP 5.3 or above.
MySQL 5.0.4 or above - http://www.mysql.com recommended: MySQL 5.0.4 or above.
Joomla! 3.x or above - http://www.joomla.org recommended: Joomla! 3.

You have to ensure that your system has already installed, XML and Zlib-Support built into your PHP.

PHP should be compiled with support for https (openSSL) and cURL.

PHP Safe Mode should be turned off.

3.2.Client Requirements

This module can run well on major browsers such as: Internet Explorer (version 9+), Firefox, Chrome, Opera 9+, and Safari.

4.1.Download

After purchasing our product, you’ll see the download link at Logo ShowCase product page: http://www.joomlaux.com/download.html.

Note: If there is any problem, Please contact us via Support: http://www.joomlaux.com/support/contact-us.html

4.2.Package

The installation package that you downloaded to your computer. You will see these files:

Modules

mod_jux_logo_showcase

4.3.Installation

Go to Administrator site => “Extension”=> “Extension Manager” in the Top Menu.

In “Upload Package File” block, please upload & install our extensions:

Browse the JUX Logo Showcase folder, select mod_jux_logo_showcase.zip then choose Upload and install.

Figure 1: Extension Manager

You can choose display style for Logo Showcase: Responsive Slider or Responsive Grid.

Figure 2: Tab Module

Display Style

Display style have 2 types : Responsive Slider and Responsive Grid

You can choose folder and upload one or more images. After that, you can enter Title, Url and choose Url Target for each image. You also can delete or drag & drop image to change the display order.

Note: Images will display the same size.

Figure 3: Tab Logo Collections

Select Folder

Select folder to gallery display images. You can upload, delete or drag & drop image order for slider.

You can set up as opacity if you want to have transparency, or change value padding, margin, border style and Shadow for list image of logo Showcase.

Figure 4: Tab Item Style

Image Opacity	Can enter Opacity for image. The opacity have value from: 0.0 - 1.0. When an image has a value of 0 the element is completely invisible whereas a value of 1 is completely opaque (solid).
Padding	Padding value. Enter from 1 to 4 values. Use separated, lowercase lists without spaces. For example: 1px, 2px,3px,4px
Margin	Margin value. Enter from 1 to 4 values. Use separated, lowercase lists without spaces. For example: 1px, 2px, 3px ,4px
Background Color	Can choose background color for images
Border	Can choose border type, border color for image.
Border Radius	The border-radius CSS property allows Web authors to define how rounded border corners. You can enter border Radius value for top-left, top-right, bottom-right, bottom-left
Box Shadow(px)	The box-shadow property attaches one or more drop-shadows to the box. Can enter box shadow value and choose insert or no insert

You can setting for list image when hover effect (padding, margin, No inset shadow, inset shadow, border color, background color), Grayscale (enabled, disabled)

Figure 5: Tab Hover Style

Hover Opacity	Can enter opacity value when hover.
Padding	Padding value. Enter from 1 to 4 values. Use separated, lowercase lists without spaces. For example: 1px, 2px,3px,4px
Margin	Margin value. Enter from 1 to 4 values. Use separated, lowercase lists without spaces. For example: 1px, 2px, 3px ,4px
Background Color	Can choose background color for images
Tooltip Style	Can choose tooltip Style: Have 3 style
Border	Can choose border type, border color
Box Shadow (px)	Can enter box shadow value and choose no insert or insert
GrayScale	Can choose yes or no

You can enter width or height for Slider Style or Grid Style. When choose Slider Style, you can setting follow the steps as bellow.

Figure 6: Tab Display Type

Image Width(px)	Enter width images display
Image height(px)	Enter height image display
Slider Style
Number of item	Can enter number of items
Autoplay	Can choose yes or no
Autoplay value	Can enter auto play value
pagination	Can display or don't display pagination
Pagination Speed	Can enter value for pagination speed
StopOnHover	Can choose yes or no