nivo slider effect

hi there, i am using nop 2.8 and have selected the fade effect in the jquery.nivo.slider.js file everything is working fine with the exception of one image which will not fade and instead it slides, i was wandering if anyone new how to fix this as i have checked the jquery and cannot find what is causing it.

regards.

Hi,

Dont know if this will help but i had a similar problem and it turned out to be the image itself, it did not like the transparency of a png file so i switch all images to jpg's and works fine.

hi, tnx for your reply but unfortunately they are all .jpg already and i have also changed the images but still no joy, also it only seems to be image number 3 that does this, a quick inspection of the webpage show that image 3 is coded differently from 1,2,4

image 3 -

<img class="nivo-main-image" src="http://localhost:xxxxx/content/images/thumbs/0000008.jpeg" style="height: auto; width: 940px;">

image 1,2,4

<img src="http://localhost:xxxxx/content/images/thumbs/0000007.jpeg" data-transition="" alt="" title="" style="width: 940px; visibility: hidden; display: inline-block;">

for some reason the img class slidesinfromleft whereas the others follow my choice, i have edited the jqeury where i think is write but then 1,2,4 slideinfromleft and 3 fades ?

regards

Slide 3 is hard coded to slide in from the left

Let me know if you would like it customised or if you have Visual Studio installed and don't mind modifying the code slightly and rebuilding you will find in the source code a file called Publicinfo.cshtml where you can change the transitions.

http://websitesolved.co.uk

Hi,

Can anyone help with the source to this plugin? I'm suffering the same limitations as previous posts. I tried to get it from the website linked in the previous post to mine but you have to register AND go through a checkout process that demands unnecessary personal details at which point I abandoned the process. I thought the nivo slider widget was a standard part of nopcommerce which is open source rather than a commercial add-on or have I misunderstood something? This is my first attempt at creating a nopcommerce site.

Thanks,

David.

david.hirst wrote:

You have to register an account in order to access 'Downloadble Products'

I think WoonCherk has made the source available, his website is in the ShowOff forum.

david.hirst wrote:
The source to the plugin Nop.Plugin.Widgets.NivoSlider is available in the nopComerce Source.

The "nopCommerce 2.80 - Source Code" is available at:
https://nopcommerce.codeplex.com/releases/view/98452

You can view the 2.80 source online on CodePlex at (link is set to the Nop.Plugin.Widgets.NivoSlider - PublicInfo view):
https://nopcommerce.codeplex.com/SourceControl/changeset/view/78a0980489bd#src/Plugins/Nop.Plugin.Widgets.NivoSlider/Views/WidgetsNivoSlider/PublicInfo.cshtml

------

You don't need to rebuild the NivoSlider plugin to modify its PublicInfo view. You can copy the view to your theme's Views folder, and serve it instead of the default embedded view, with the following steps:

1. Create a new folder named WidgetsNivoSlider in your theme's Views folder (\Themes\DefaultClean\Views).

2. Copy the PublicInfo.cshtml view from the plugin source to the new folder (or create the file with the content from the CodePlex link).
    \Themes\DefaultClean\Views\WidgetsNivoSlider\
  
3. Rename the view from
PublicInfo.cshtml
to
Nop.Plugin.Widgets.NivoSlider.Views.WidgetsNivoSlider.PublicInfo.cshtml

The view in the theme folder will be used instead of the plugin's embedded view; allowing you to change the view without recompiling the plugin.

.

Thanks for the info mb. I'll be looking into this but I have had to use it "as-is" just to get a site launched promptly. I hadn't found the code you refer to in the "with source" release download from the nopcommerce site but I'll look at codeplex if necessary.

Are you sure you do not want to download a ready modified nivo slider?

You do not have to register all of your details and you only have to register once.

All my current registered customers will become entitled to a discount on my upcoming theme due to be released in the next two weeks.

In the source download (nopCommerce_2.80_Source.rar), the NivoSlider PublicInfo view is located at:
\Plugins\Nop.Plugin.Widgets.NivoSlider\Views\WidgetsNivoSlider\PublicInfo.cshtml

To change the plugin's embedded view, you need to copy this view from the source to your theme folder as explained in my previous post. You can then remove the hard-coded transition effect for image three ("slideInLeft").

.