This plugin requires at least WordPress 3.0
Installation - https://www.youtube.com/watch?v=LVrjgk2fZY0
How to use the Add-On - https://www.youtube.com/watch?v=pfPpUXjjZNc
Step 1. Enter in your wordpress CMS and go to Plugins menu
Step 2. Under Plugins menu click "Add New"
Step 3. Select "Upload", choose the archive 'lbg_logo_showcase_addon_visual_composer.zip' that you downloaded and hit "Install Now"
Step 4. After the plugin is installed click "Activate Plugin"
| assets | the folder contains the .css, .js and .png files used by the plugin |
| carousel | the folder contains the carousel version files |
| grid | the folder contains the grid version files |
| perspective | the folder contains the perspective version files |
| vc_contentadmin | the folder contains the files used by the plugin backend |
| vc_extend.php | the plugin itself |
From this section you can define the showcase settings.
A. GRID TYPE
| Colum Width | The column width |
| gutter | The space between the columns |
| Left Margin | The plugin left margin |
| Right Margin | The plugin right margin |
| Top Margin | The plugin top margin |
| Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responisve relatively to browser dimensions false - the plugin will be responisve relatively to parent div |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
B. CAROUSEL (GROUP) TYPE
| General settings | |
| Skin | Possible values: - black - white |
| Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responisve relatively to browser dimensions false - the plugin will be responisve relatively to parent div |
| Showcase Width | carousel width |
| Auto Play | You can define the time (in seconds) until the next photo will play. If you set it 0 the plugin will not autoplay |
| Number Of Thumbs Per Screen | The number of thumbs per screen. If you set it to 0, it will be calculated automatically. You can set a fixed number, for example 3 |
| Enable Touch Screen | Possible values: true - mobile touch screen support enabled false - mobile touch screen support disabled |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Controllers Settings | |
| Show All Controllers | Possible values: true - all controllers will appear (next, previous, bottom navigation) false - all controllers will not appear (next, previous, bottom navigation) |
| Show Navigation Arrows | Possible values: true - next, previous buttons will appear false - next, previous buttons will not appear |
| Show Navigation Arrows On Init | Possible values: true - next, previous buttons will appear on first plugin init false - next, previous buttons will not appear on first plugin init |
| Auto Hide Navigation Arrows | Possible values: true - next, previous buttons will hide when mouse out false - next, previous buttons will not hide when mouse out |
| Show Bottom Navigation | Possible values: true - bottom navigation buttons will appear false -bottom navigation buttons will not appear |
| Bottom Nav Position | Bottom navigation bottom margin |
| Bottom Nav Margin-Bottom | Bottom navigation position. Possible values: 'left', middle', 'right' |
| Item Settings | |
| Image Width | image width |
| Image Height | image height |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
C. PERSPECTIVE AND CAROUSEL ONE-BY-ONE TYPE
| General settings | |
| Skin | Possible values: - black - white |
| Responsive |
Possible values: true - the plugin will responsive false - the plugin will not be responsive |
| Responsive Relative To Browser | Possible values: true - the plugin will be responisve relatively to browser dimensions false - the plugin will be responisve relatively to parent div |
| Showcase Width | plugin width |
| Auto Play | You can define the time (in seconds) until the next photo will play. If you set it 0 the plugin will not autoplay |
| Number Of Visible Items | The number of visible items. It has to be an odd number: 3,5,7,9,11 etc Please note that the total number of image should be grater than numberOfVisibleItems |
| Elements Horizontal Spacing | The horizontal distance between visible items |
| Elements Vertical Spacing | The value with which the elements are becoming smaller |
| Animation Time | The speed with which the elements are moving (in seconds) |
| Eeasing | The animation easing. Possible values: easeInQuad easeOutQuad easeInOutQuad easeInCubic easeOutCubic easeInOutCubic easeInQuart easeOutQuart easeInOutQuart easeInSine easeOutSine easeInOutSine easeInExpo easeOutExpo easeInOutExpo easeInQuint easeOutQuint easeInOutQuint easeInCirc easeOutCirc easeInOutCirc easeInElastic easeOutElastic easeInOutElastic easeInBack easeOutBack easeInOutBack easeInBounce easeOutBounce easeInOutBounce |
| Enable Touch Screen | Possible values: true - mobile touch screen support enabled false - mobile touch screen support disabled |
| Target | Possible values: '_blank' - the link associated to the primary photo will open in a new window '_slef'- the link associated to the primary photo will open in the same window |
| Show Tooltip | Possible values: true - the tooltip will appear false - the tooltip will not appear The text for the tooltip will be the image title |
| Grayscale | Possible values: true - the images will be grayscale false - the images will not be grayscale |
| Controllers Settings | |
| Show All Controllers | Possible values: true - all controllers will appear (next, previous, bottom navigation) false - all controllers will not appear (next, previous, bottom navigation) |
| Show Navigation Arrows | Possible values: true - next, previous buttons will appear false - next, previous buttons will not appear |
| Show Navigation Arrows On Init | Possible values: true - next, previous buttons will appear on first plugin init false - next, previous buttons will not appear on first plugin init |
| Auto Hide Navigation Arrows | Possible values: true - next, previous buttons will hide when mouse out false - next, previous buttons will not hide when mouse out |
| Show Bottom Navigation | Possible values: true - bottom navigation buttons will appear false -bottom navigation buttons will not appear |
| Bottom Nav Margin-Bottom | margin-bottom for bottom navigation |
| Item Settings | |
| Image Width | image width |
| Image Height | image height |
| Border Width | the image border thikness |
| Border Color OFF State | the image border color for OFF stage. It can be a hexa value or 'transparent' |
| Border Color ON State | the image border color for ON stage. It can be a hexa value or 'transparent' |
| Image | URL to the large image |
| Link For The Image | You can specify a link associated to the image |
| Link Target | Possible values: *** If all your links will behave the same, you can ignore this parameter and use Target Window For Link from Showcase Settings |
| Image Title / Alternative Text | alternative text used to populate "alt" and "title" tags |