NSP GK4 module instances only to specific category pages

Hello,

I have a question about the News Show Pro GK4 for k2. This module is located on the mainbody_bottom position at the home page. I have 7 categories on K2 and 4 of them are assigned to the menus. I would like that this module shows only the 4 categories (from the menu) and each one shows only their last posted articles on each block in the module News Show Pro GK4.
Here the link: http://zzpzakendoen.nl

Thank you for your help.

Hi

You need to create 4 modules and set each of them to show latest articles from only one category than attach it to page You've made for this exact category.

Hi Teitibite,

I've already create 4 modules and set each one shows only the latest articles from one category only. I put them on the same position (mainbody_bottom) But now the appearance changed very much than the original idea.
How can I get that they look like the demo?

thank you.

Hi

Here You can find an exact settings which was used in our demo: https://www.gavick.com/documentation/jo ... ion-joomla

Hi,

I've check the settings and they are configured as the demo. the problem is that now the every module on the same position (mainbody_bottom) goes below and they don't have the 2 rows and 2 columns appearance like the demo.

Hi

I've compared Your site with demo and there is one module class suffix still missing. Try add "gkmod-3" to modules You want to show in line.

Hi

I replaced the each module suffix "nsp bigtitle nsphover" for the "gkmod-3" as you suggested and the blue hover disappears but the modules still showed in one column and I don't want that.
I will like the modules be showed as the demo, 2 rows and 2 columns keeping the hover effect and each module must show only the last k2 article from one category (I have only 4 different categories).

Hi

I mean to add suffix, not replace, but do not do that. I've just noticed what the problem is. In our demo this view is achieved by using one module with 4 articles and You have 4 modules with 1 article each. So You just need to remove the 3 of them and one set to show 2 columns and 2 rows of articles.

Hi Teitbite,

Thank you for your reply, unfortunately, your last suggestion takes me to the beginning si this is not the solution for my problem .

This is what we have:

- I have 4 categories (onderneming / belasting / financieel / Juridische) on K2
- I have the News Show Pro GK4 for k2 categories. module located on the mainbody_bottom position at the home page.
- I've set this module to show the last article (item) of the 4 categories.


This is my problem:

Since I have 4 categories, this module will show the last item created so if I create 2 items on the same day for the same category, the module will show them without respecting the other categories.
For example, I have 2 new items under the Onderneming category, so the site will not show the block for the Financieel category, since this has an old item. (please see: http://zzpzakendoen.nl/ )

What we need

What we like is that each block of this menu shows the last item of his category (onderneming / belasting / financieel / Juridische) only.

I really appreciate your help .

Hi

Understood. Please put everything as it was before. 1 article per module and add this code to override.css and make sure override is enabled in template settings:

Code: Select all

#gkMainbodyBottom .box {
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 50%;
float: left;
}

#gkMainbodyBottom .box:nth-child(3n+3) {
clear: both;
}


Thank you, thank you thank you very much Teitbite...!

Every module shows only the last article as wanted, I have just 2 small issues, there is one half line over the head modules, I don’t know how it comes and how to delete it. I hope you can also help me with that.
The other issue is that The responsive function for this module works different now on a small device than the original template.
I don’t know if this can be also fixed

Hi

First of all please move module: "Onze Sponsors" from "mainbody_bottom" module position. It's contaminated already by our changes

Couple of new css classes to fix it:

Code: Select all

#gkMainbodyBottom .box:nth-child(2) {
border-top: medium none;
}

@media only screen and (max-width:580px) {
#gkMainbodyBottom .box.mobilelayout .nspArtPage .nspArt,
#gkMainbodyBottom .box.nsphover .nspArtPage .nspArt {
width: 100% !important;
}
}

@media only screen and (max-width:419px) {
#gkMainbodyBottom .box {
    width: 100% !important;
}
}