Issue with Image Show

hjaimeo1

I have 1 issue and 1 question related to the Gk Infinity template.

The issue I am seeing is with the Image Show GK4 module where only the first slide shows, it does not rotate to different slides.

And my question is how can I get 3 pictures in line on an article?, I saw one article from the quickstart with 3 pictures in line in the body of the article but I may have overwritten it since I cannot find the code to actually accomplish that.

saguaros

Hi hjaimeo1

The auto slide seems not work in J3.10. I've reported to the team to fix this issue.

Could you share the URL of that article on our demo site and how you want it should be?

hjaimeo1

saguaros I am unable to find it in the GK Infinity demo, I ran by it on the quickstart but I am unable to find the code now. I found a similar thing on another template though, I am looking for the 3 images in the same row like shown here:
https://demo.gavick.com/joomla3/academy/index.php/explore/j-pages/15-gallery/19-campus-beautiful-moments

Thanks!

saguaros

hjaimeo1 I got your point. In article content, you can add this code to show 3 images per row:

<div class="image-wrap">
<div class="row">
<div class="col-md-4"><img src="images/demo/content/img-18-thumb.jpg" alt="" /></div>
<div class="col-md-4"><img src="images/demo/content/img-19-thumb.jpg" alt="" /></div>
<div class="col-md-4"><img src="images/demo/content/img-20-thumb.jpg" alt="" /></div>
</div>

Remember to disable editor in Global Configuration first.

saguaros

Hi,

I just wanna update the status of issue of Image Show GK4 module here. Our developer fixed the issue, you can wait for the new version of module release.

If you want to try with dev version of this module, you can download this file and install into your site (Remember to backup your site first).

https://we.tl/t-8l8zxmvwhX

hjaimeo1

saguaros thanks a lot! I think I'll wait for the release candidate, if I end up going with the dev version I'll let you know if I encounter any issue.

On the other hand I went with the code for the 3 image sin a row but it turned out a little weird, I do have the editor set up to "none", I don't know if there's anything else I'm doing wrong. Here's how it looks:
http://kreaimpresiondigital.com/index.php/bordados-y-promocionales

hjaimeo1

saguaros I just got an update to the Image Show GK4, the version I got is 1.7.3, is this the one that is supposed to have the slides issue resolved? Because I still can only see my first slide.

saguaros

hjaimeo1

I added this custom css into your site:

.image-wrap .row .col-md-4 {
    float: left;
    padding-left: 16px;
    padding-right: 16px;
}

Kindly check.

hjaimeo1

saguaros thanks!, that made them show in the same row. My only question now is how to have them displayed larger, currently each image looks like a thumbnail although the image itself is of 800px * 800px.

saguaros

hjaimeo1 Image tag is set with a limited max-width, you can override by this CSS rule:

.item-page .image-wrap img {
    max-width: 254px;
}

and change to the value which suits your need.

saguaros

hjaimeo1 Yes, it's latest version which includes bug fixes. I just enabled the autoanimation option in this module and publish slides.

It's working fine now.

hjaimeo1

Sorry for bothering again, but I cannot get the slideshow to work properly on menu items that display a single article. I have tried different things but it never pulls the bakckground image.

saguaros

hjaimeo1 Could you share the URL of that page? and module name you are using?

hjaimeo1

saguaros sure I can, URL is http://kreaimpresiondigital.com/index.php/rigidos-y-nueva-normalidad and module name is "Header - Nueva Normalidad" (ID: 120).

Thanks in advance.

saguaros

hjaimeo1 Somehow the module is not rendered there, let me check and will get back to you.

saguaros

UPDATED:

I updated the layout by adding position for the masthead specific:

<?php if($this->API->modules('masthead') && ($item_id != $error_item_id) ) : ?>
<div id="gkHeaderMod" class="gk-clearfix">
	<jdoc:include type="modules" name="masthead" style="none" />
</div>
<?php endif; ?>

You can see module on article page now. Kindly check.

hjaimeo1

saguaros it works! thanks a lot