News Show Pro - Product Gallery Problem

Hello, I got this new site here for a product blog: http://gator4199.hostgator.com/~lgt2015/

We want to replace the NSP for Latest Events in the quick start (position header left) with a product scroller module with arrows.

This module should have 4-5 columns on one row and 3 pages for animated pagination.

So far all settings does not respond well. There must be something I don't understand.

I am sending admin and FTP access to Teitbite.

Thank you,
Regards

Hi

Ok. I'll take a look. Please send the access to my PM.

I already sent them.

Thank you.

I've made some progress but the pagination and Ajax popup won't work .

Thank you

Hi

Och I have not seen it. Anyway the ftp host is not working. I have a message that it does not exists. Can You please check it and send me a correct one?

Sorry, try with the IP address. I just tested it. You have the info in PM.

Regards

Hi

I've used a different style "Normal mode" and it works now. The other style was too complicated with it's options for such easy image presentation.

Is there anyway to have arrows with pagination?

Thank you

Hi

Add this to override.css

Code: Select all

#nsp-nsp-763 .nspTopInterface {
    right: -14px;
    top: -27px;
}


Hello Teitbite, thank you very much, the NSP interface worked with the CSS provided.

I was trying to add the header of the Item but it won't work with the option turned on at the backend and even with the following CSS:

Code: Select all

/* NSP Frontpage Item Title Header */
#nsp-nsp-763 .nspHeader {
display: inherit;
}


I am suprised this isn't available in standard mode. Maybe it's some module tweaking that was done for the quick start package that blocks the display of the header?

Thank you,
Regards

Hi

Header is there, but outside of the visible area. Add this to show it over the image:

Code: Select all

#nsp-nsp-763 .nspArt {
    position: relative;
}

#nsp-nsp-763 .nspHeader {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    display: block;
    position: absolute;
}


Thank you Teitbite!

Regards

Hi Teitbite, I have an issue with the same NSP on the frontpage header "nsp-nsp-763".

Under resolution 640px in width, the module shows oversized pictures all in a vertical fashion.

I would like the NSP to behave the same as it does at higher resolution above 640px, but as well extends responsively to the full width of the resolution.

http://gator4199.hostgator.com/~lgt2015/

Thank you,
Regards

Hi

Add this at the end of /css/mobile.css file

Code: Select all

#nsp-nsp-763 .nspArtPage .nspArt {
    width: 20% !important;
}


Hi Teitbite, I got the same problem on the John S. template. I was never able to solve it with cyberek.

Here is the link, under 600px width the module goes ape on a vertical fashion. I would like to keep it horizontal.

I tried the following code but it doesn't work:

Code: Select all

width: 20% !important;


Link: http://www.quebecguitare.ca/profs/montreal/liste
Regards

Hi Teitbite, I got the exact same problem for this template University.

The module is in the Breadcrumb position here: http://www.mauzaza.com/supplements

1. When going under 640px, the float: left; is disabled and all the image thumbnails align in a vertical fashion.

2. Also, I don't get the NSP interface in that position. It's gone. Can you help bring it back?

Thank you,
Regards

Hi Teitbite, I got the same problem on the John S. template. I was never able to solve it with cyberek.

Here is the link, under 600px width the module goes ape on a vertical fashion. I would like to keep it horizontal.

I tried the following code but it doesn't work:

Code: Select all

width: 20% !important;


Link: http://www.quebecguitare.ca/profs/montreal/liste
Regards

First of all remove this code from override.css (line 459):

Code: Select all

#gkMainbodyTop .box {
    display: none;
}


and add this:

@media only screen and (max-width:600px) {
#nsp-nsp-800 .nspCol5 {
padding: 0 10px 10px !important;
width: 20% !important;
}

#nsp-nsp-800 .nspCol5 a {
margin: 0 !important;
}
}

Hi Teitbite, I got the exact same problem for this template University.

The module is in the Breadcrumb position here: http://www.mauzaza.com/supplements

1. When going under 640px, the float: left; is disabled and all the image thumbnails align in a vertical fashion.

2. Also, I don't get the NSP interface in that position. It's gone. Can you help bring it back?

Thank you,
Regards

Sorry, but I do not know which module You have in mind. There is breadcrumbs module position hidden, but the only module there are Breadcrumbs.

Hi Teitbite, the solution worked for the John S. Template.

However, I tried it on the University template, adapting the code, but I couldn't do it.

I had a dead link that's why you couldn't get to the breadcrumb NSP module I was talking about. Here is the link:
http://www.mauzaza.com/supplements

I added a screenshot in case..

Regards.

Hi

Try with this code:

Code: Select all

#nsp-nsp-797 .nspArtPage .nspCol6 {
    width: 16.66% !important;
}