Problem with ImageShow GK4

When we put two different modules on the same page, but each of them of type 'GK4 Imageshow', then only one is displayed and the other not. Can you provide a fix?

And please, don't ask for access to my system!

I think some of the styles used in Image Show GK4 does not allow same styles to be used more then once.

Try changing style to another style and check if module displays.

See you around...

You were right, second module displays only when it has a different style.

We want these two modules to look the same, so what should we do while we cannot use the same style?

I think you can use storebox style which looks similar.

Similar is not enough, it has to be the same style.

On the other hand I don't even have "storebox" style or I look in a wrong place:

style.png

Post a link to your website so I can take a look to see if we can customize one of the other styles for you.

See you around...

I cannot give you the access to our website. Could you please guide me how to customize other style by myself?

Is there any update on this?

Hi Dominikz,

As this goes in to customization I have given priority to other users and I will check this when there is free time to create same setup as you are using and make customizations.

See you around...

Hi Dominikz,
http://awesomescreenshot.com/0b41f9zce5

Please download attached zip file which contains folder "gk_bikestore2".

1. Copy this folder to modules/mod_image_show_gk4/styles/
2. Create or dublicate one of your image show modules.
3. In options module style choose "gk_bikestore2". Save and close.
4. ( Optional ) Login to phpmyadmin and browse to _modules and find your newly created module in the list. Select it and delete params field content.
5. Copy below css codes to your override.css file and enable css override option in template settings > advanced settings > css override "on".

Code: Select all

.gkIsWrapper-gk_bikestore2 {
    margin: 0;
    min-height: 100px;
    position: relative;
}
.gkIsWrapper-gk_bikestore2 .gkIsPreloader {
    background: url("../images/style1/loader.gif") no-repeat scroll center center transparent;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 101;
}
.gkIsWrapper-gk_bikestore2 figure {
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.gkIsWrapper-gk_bikestore2.loaded .gkIsButtons {
    opacity: 1;
}
.gkIsWrapper-gk_bikestore2 figure.animated {
    z-index: 2;
}
.gkIsWrapper-gk_bikestore2.loaded figure.animated {
    opacity: 1;
}
.gkIsWrapper-gk_bikestore2 figure.active {
    position: relative;
    z-index: 3;
}
.gkIsWrapper-gk_bikestore2 img {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
}
.gkIsWrapper-gk_bikestore2 figcaption {
    bottom: -300px;
    left: 0;
    position: absolute;
    width: auto;
    z-index: 2;
}
.gkIsWrapper-gk_bikestore2 figcaption.left {
    left: 32px;
}
.gkIsWrapper-gk_bikestore2 figcaption.right {
    right: 32px;
}
.gkIsWrapper-gk_bikestore2 figcaption.top {
    bottom: auto;
}
.gkIsWrapper-gk_bikestore2 figure.active figcaption {
    z-index: 4;
}
.gkIsWrapper-gk_bikestore2 figcaption h3 {
    background: url("../images/style1/pattern.png") repeat scroll 0 0 transparent;
    font-size: 48px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 1.8;
    margin: 0;
    padding: 0 24px;
    text-shadow: 0 0 12px #000000;
    transition: letter-spacing 0.225s ease-out 0s;
}
.gkIsWrapper-gk_bikestore2 figcaption h3:hover {
    background: url("../images/style1/pattern_hov.png") repeat scroll 0 0 transparent;
    letter-spacing: 2px;
}
.gkIsWrapper-gk_bikestore2 figcaption h3 a {
    color: #FFFFFF;
}
.gkIsWrapper-gk_bikestore2 .nextSlide, .gkIsWrapper-gk_bikestore2 .prevSlide {
    background: url("../images/style1/is_nav.png") no-repeat scroll 0 8px transparent;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    left: 0;
    margin: 0;
    padding: 8px 0;
    position: relative;
    text-indent: -9999px;
    transition: left 0.25s ease-out 0s;
    width: 15px;
}
.gkIsWrapper-gk_bikestore2 .nextSlide {
    background-position: 0 -25px;
}
.gkIsWrapper-gk_bikestore2 .nextSlide:hover {
    left: 5px;
}
.gkIsWrapper-gk_bikestore2 .prevSlide:hover {
    left: -5px;
}


Regarding step 4, not sure if because of I was customizing this and added too many parameters but titles was not visible and I have noticed there are too many params in database so I had to delete modules params data and start from beginning editing module settings and adding slides.

Please clear your browsers cache and joomla site in case there are errors.

See you around...

Thank you, that solved my problem.

No problem at all, see you around...