Hi,

I have some issues with customizing the K2 component: This is the url of the website: kimat.be/_demo/aac/index.php/projects

If you click in the menu on "Projects", the K2 category "Projects" will open. Is it possible that if you click on the picture you go to the specific item (instead of zoom in of the picture)? I also don't want the category view to show text next to the items. It only has to show the item pictures, when you click on a picture you go to the item page (similar to read more button..)

I already Googled this but can't manage to find the right answer. So any help would be greatly appreciated!

Grts
M

Hello Maarten,

This functionality is specific to your template.

You need to change your image's link (href="xxx") to

It is possible some values and behaviour are generated through content plugins (rokbox) so you might need to contact the template developer on how to change their functionality.

Thanks!

In the category_item.php file I suppose? I already made some changes and it seems to work, but I don't have the animation anymore of the zoom overlay.

Do you also know how I can get rid of the item text in the category view? I don't see the parameter to do this..

Thanks again!

OK I found the parameter. But I still have the issue that the title of an item is displayed next to the picture..It should be below the picture.

So I want per row 3 or 4 items (doens't work) and the title below the item (doesn't work).


Any help is much appreciated!

The template has overriden the default functionality of K2. The developer has probably stripped the widths and classes required for the grid to work.

In order for the columns to work you might need to disable the isotope plugin (ask the developer about that)

This will add a needed float to your columns (after you remove the isotope plugin)

.itemContainer {
float: left;
}

Finally removing the float: left and margin: right from div.catItemImageBlock will bring the title bellow the image.

Hi, Thanks! It didn't work though :) but I "reinstalled" K2 and all is OK now.

Except this ;)

If you click on Projects I want to open the category Projects (only images). This works.
If you click on a Project (an image), the project item has to open instead of zoom in of the image.

I changed this:To this:
This doesn't work.

If I change it to this:(without the touch class) it works. However, I still want to use the hover effect.

The only things I see in the touch class is this:
/*
#port a.touch {
/*position: relative;
display: block;
overflow: hidden;
}
#port a.touch span.zoomIcon {
background: url("../images/zoom.png") no-repeat scroll 0 0 transparent;
height: 49px;
left: 50%;
margin-left: -24px;
margin-top: -25px;
position: absolute;
top: -50%;
width: 47px;
*/

I commented it all out but still it shows the zoomin of the image. Is the Touch class used somewhere else as well?

Hope you understand the problem. Thanks in advance for the effort!
Site url is: kimat.be/_demo/aac/index.php/projects

I am not sure if .touch is needed elsewhere apart from the icon effect.
The zooming effects are usually done with the CSS transform and transition values.

These are questions however that the template provider will be able to assist you even further.