Can the template be used without a ''shop''

Hi. Can this template be used for a normal website based on articles rather than products to be sold? Is it possible to show k2 articles in stead of products on the front page? And can one have a layout something similiar to the attached picture? The news layout I just pasted in the picture from the Gavick News template: http://demo.gavick.com/joomla25/news/

Its just a matter of configuration. You can change data source of modules on homepage to point to articles instead of VM products.

Thanks. How can I configure the GK4 module to show like it shows in this template with the zooming when you hold over the image? http://demo.gavick.com/joomla25/news/

Do you have an access to News template download section? It would be easiest if you would download quickstart of the news template, installed it somewhere and checked all the settings.
If not, Ill create a screenshots of the settings.

The screenshoot would be great. Thanks.

Sorry for the late response.
I have attached screenshots of all the settings.

NEws settings.zip

Thanks. Is the module suffix

nsp bigtitle mobile

?

Yes. But I'm not sure which module settings you would like to get, as on the homepage there are more than NSP module. Please create a screenshot and mark which module would you like to replicate.

I want to replicate the module in the picture with the zooming when you hold the mouse over the image as in this template: http://demo.gavick.com/joomla25/news/

I have created screenshots of the module settings.

Archive.zip

Can you please write which changes I need to do to get the zooming when the mouse is over the image?

Please edit: /templates/gk_esport/css/override.css and add at its end:

Code: Select all

.nspArt a {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.gkResponsive a, a.gkResponsive {
display: block;
position: relative;
}
.nspArt .nspImageWrapper {
overflow: hidden;
}
.gkResponsive img.nspImage, img.nspImage.gkResponsive {
width: 100% !important;
height: auto;
}
.nspArt img.nspImage {
border: none;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
section img {
height: auto!important;
max-width: 100%!important;
}
.nspArt img.nspImage:hover {
-webkit-transform: scale(1.15) rotate(-1.5deg);
-moz-transform: scale(1.15) rotate(-1.5deg);
-ms-transform: scale(1.15) rotate(-1.5deg);
-o-transform: scale(1.15) rotate(-1.5deg);
transform: scale(1.15) rotate(-1.5deg);
}



I'm not quite sure if it will be enought. If not, please post an url to your site, Ill check what else should be changed.

Remember to enable "CSS override" in template settings - advanced section.

Nothing happende, so I sent you login details on PM.

Have you enabled "use override.css" in template settings - advanced section?

I also don't see those changes made in override.css (it has its default content).

Sorry about that, it is my fault, I forgot to enable the css override. Thanks a lot, it is working great!

Is it possible to turn off the white hover when you have the mouse over the picture. It looks a bit too much with both the zooming and the white layer over the image.

With above changes - I would need to see your live site.
Could You please post an url to your site?

Of course. The site is offline, so I sent you the login details on PM.

Where should I click to get to the part of the page where you would like to have that effect?

Please see attached picture. It is from the front page. As you can see when you put the mouse over the image on the live website, it not only zoomes up, it also adds a white see through layer. I only want the zooming without the white layer.

I don't see any overlay visually, nor in code. Perhaps its just an optical illusion, as the image is lighter in center, and when it zooms the center stays, while all around hides.

It is not an illusion. I removed the zoomin code from the back end, and have taken to identical screenshots. One with mouse over the image and one without the mouse over image. It is clear that when the mouse is over the image a white see trough layer is added. I want to remove this layer.

Nothing like that happens here. I have checked under Chrome, Firefox and Safari and there is no such behave.
Please check your site with web browser in incognito/private mode to assume it loads without any 3rd party extensions.

I have now checked in firefox, chrome, crome incognito mode, and safari. It is happening on all of them. But I am using a mac, when i checked in my laptop, it did not happen.

Blind guess, as still, on Mac, on all available browsers I can't see this problem:
Please edit: /templates/gk_esport/css/override.css and add at its end:

Code: Select all

.nspArt img:hover {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}


Remember to enable "CSS override" in template settings - advanced section.

Thank you so much, I really do appriciate it. It looks great now!

Ok. Sorry it took so long. Still can't understand why I didn't see this overlays :/.

No problem Can I also ask if it possible to make the title font size bigger in this module?

Please edit: /templates/gk_esport/css/override.css and add at its end:

Code: Select all

.nspArt h4.nspHeader {
font-size: 14px;
}


Adjust font size to your liking.

Ps. Next time please post new forum thread - you will get the answer much faster .