Some questions about NSP GK5 Grid / Portal Mode

Hi,

I'm using the Writer template including the NSP GK5 module with Grid view / portal mode (as included in the demo site and the j3.0 quickstart package) on different subpages like here:

http://www.cre8.at/portfolio/portrait

All grid fields link to K2 item images. I got three questions about the module/view options:

1. On the page linked above, there's one vertical format image in the 4th row - fitted in the horizontal format grid field. Is there a way to align vertical images individually in the horizontal grid fields (vertical alignment)? Or maybe show the entire vertical format images (without cropping them / fitting them in the grid fields) with the same width as the other grid fields?

2. In grid view, there is a slight dark overlay on the images/thumbnails in standard view and a bright white one on mouseover. Can the opacities of these overlays be adjusted? Would want no dark overlay at all and the white one to have less opacity.

3. Regarding image quality in grid view (thumbnails), as well as in full size view (popup): I set all image quality settings (in module settings/thumbnails and in k2 category settings) to maximum, but the images are still compressed somehow. Image quality (mosty sharpness) clearly decreased, compared to the same images opened in photoshop or any viewer. Is there some more compression which could be adjusted/deactivated?

Thanks a lot for your help!
Gerald

Hi,

3. the image quality issue seems to be solved. Disabled 'create thumbnails' and 'image auto scale' in module settings.

But the layout has obviously changed without me having done anything to it (all images in grid view now with original length/width ratio). Hope it is you trying something here, otherwise that would be very strange...

Thanks,
Gerald

Hi

1. This cannot be done without some extra changes to module and we do not support that kind of modifications.

2. Try add this code to override.css:

Code: Select all

.gkNspPM-PortfolioGrid > .figure img.image-loaded {
    opacity: 1;
}

.gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption::before, .gkNspPM-PortfolioGrid.without-overlay .figure.loaded:hover > div > a::before {
    opacity: 0.6;
}


3. Please revert Your changes back and just try selecting a bigger image as a source for thumbnail. There should be an option for additional settings for the source type You have selected.

Hi,

1.) Thanks - no problem...

2.) The first part

.gkNspPM-PortfolioGrid > .figure img.image-loaded {opacity: 1;}

seems to have worked (overlay went brighter/no dark overlay any more), but the second one (which should affect the white overlay)

.gkNspPM-PortfolioGrid.with-overlay .figure.loaded:hover .figcaption::before, .gkNspPM-PortfolioGrid.without-overlay .figure.loaded:hover > div > a::before {opacity: 0.6;}

doesn't seem to bring any change, even after clearing the cache and playing with the opacity value.

3.) Tried many combinations of settings (various options on/off, changing thumbnail sizes) in the module thumbnail settings, but the image quality is only 100% when the 'create thumbnail' option is off, which lets the image scale to larger size than the grid fields. Not sure, where to do the adjustments to get 100% quality within the grid fields... Attached screenshot of the recent settings.

Thanks again for your help!

Gerald

Update:

3.) It just took about 2 hours for the changes to take effect... thumbnail image quality is now at 100% as I wanted it to be.

Thanks,
Gerald

Hi

3. Images are cached, so it takes some time to replace them. You can set the image cache time in NSP settings.

2. Try use this code than:

Code: Select all

.gkNspPM-PortfolioGrid.with-overlay .figcaption:hover {
opacity: 0.2 !important;
}


Hi,

3.) Thanks very much - that css class worked!

Just one more question about my 1st request in this thread:
Would that modification to the module (placing vertical format images in the grid fields) be a task for your tidycustoms department, or is it too much effort anyway? (Or, is there another NSP setting I've not discovered yet to show horizontal and vertical images in a view similar to the one I use?)

Thanks,
Gerald

Hi

I do not know about settings in NSP or a 3rd party module which can do that, but now when You've asked I think talking to tidycustoms may be a good idea. They should be able to create an override to adjust that.

Hi,

thanks - I'll send a request about that to tidycustoms!

G.