[Free Module] Yet Another Slideshow Module v0.6

[Cal 3]

Hi,

Here's a contribution. It's a simple and lightweight slideshow with fading transitions. It features :


* Column or home page placement.

* Multi language support.

* Use the Cycle Lite jQuery Plugin which is only 3kb and jQuery 1.2.6 already embedded in prestashop.

* Upload, delete, desactivate and order images in back office. All of this is Ajaxed.

* French translation.

* Tested in Prestashop 1.3.1.1 : IE6, IE7, IE8, FF3.6, Chrome 6, Safari 5.


Still beta, tell me if it works on your browser.

simpleslideshow-0.6-beta.zip

[Pshopic 17]

That is great. I will try it this and inform you. Thanks for sharing.

[jolvil 79]

Nice for this:
settings in BO
Upload of pictures in BO
adding, activate or remove pictures
drag and drop sorting

One thing missing: multilingual, important to show adverts according to languages

great!

[Cal 3]

I agree i'm working on multilingual support.

Thanks for the comments.

[Cal 3]

v0.5 : Added multi language support and minor tweaks.

Edited first post.

[jolvil 79]

I've installed the last version v0.5 with language, almost perfect !

In module settings I can see ALL,EN,FR,ES.

I don't understand why ALL is showed because I've only EN,FR and ES enabled on shop ?

[Cal 3]

Oh i see, it's ALL for 'all languages'. Didn't find a more intuitive way, flag images aren't well supported in select boxes.

[jolvil 79]

OK for All, Im so stupid ! forget it, look other problems I have:

If I change langage of images, some pictures are not showed on front (link problem)

EDIT: I see, because this images are not in slides folder, thats all !


Your module is probably the most complete free slider for Prestashop ! I've tested quite all shared sliders module !

[Cal 3]

Does this happen when only one image should be displayed (only one is in your site language) ?

[jolvil 79]

I have images link like ._slide-column-fast-delivery-en.png, I can't erase this picture

[Cal 3]

I don't understand. Can you join a screenshot please ?

Fixed a bug when only one image should be displayed, updated the first post.

[Cal 3]

Ok found a bug when deleting an image with characters '-'.

Tell me if it solve the problem on your side.

Thanks

[jolvil 79]

I'ts ok now, I was able to delete these pictures!

[Sanis 0]

Great module, thanks!
Always wanted to have multi lang slides.

[tk007 1]

EXcellent and easy, congratulations ;-)
tk007

[Cal 3]

Thanks : )

[tk007 1]

Great module again but small question :

When you add a link on the picture, is it possible to cancel the number wich comes up on the left side ? (look at the print screen bellow)

Thank's in advance
BR tk007

[Cal 3]

oops yes was a debugging info. Updated zip.

[tk007 1]

Perfect ! Thank you so much ! next step => Donation !

Definitely the best and easiest slider ;-P

tk007

[jolvil 79]

Why this files are in slides folder?: ._slide-column-fast-delivery-en.png

[Cal 3]

@tk007: thank you for the donation !

@jolvil: i don't know, i don't have any hidden png like that in my folder before compression. Does this file is present in the folder right after the decompression or does it appears after installation or after using the module ?

[jolvil 79]

Pictures are in zip-archive.

screenshot before unzip with WinZip, same thing with 7-Zip

[Cal 3]

hmm ok thanks, i'll try to find out what happen.

[Timpet 32]

Could width be added to the setting

[sandstrom 0]

Thank you so much!

This is exactly what I've been looking for!

Just a newbie question:

How do I add a margin if I for example put this module above Featured products in the center column?

Now it's sitting on top of the Featured Products header block with no space.

Any help is appreciated!

[Arj1 1]

First, thank you very much!


But I have a problem with this module. It works well in firefox, but when I try it in IE 7 it doesnt work at all. The first picture is displayed but it does not slide. IE says the page contains an error on line 143. Any ideas?


Second, is there a way to make an image link to a product page?


Thank you!

[tk007 1]

Second, is there a way to make an image link to a product page?

Yes look at the picture bellow

[Arj1 1]

Thanks tk007, i should have seen that one!


Any ideas about the IE7 problem?

[tk007 1]

With IE8 and google chrome everything is fine. Even in a Smartphone (iPhone 3G)
No idea for IE7.
Have you tried with IE8 ?
BR
tk007

[normanx 0]

How i can use this modul on top home page?

[Cal 3]

Thanks for the comments i'll try do find a way to configure margin and width.

Last time i tested it on IE7 it was fine, i'll look again.

@normanx : You can set module position in the subtab "position" when you're in tab "modules"

[normanx 0]

Cal: I know, but this doesn't working. This modul i have only in left column block and i cannot change it.

[sandstrom 0]

I'm using it in the homepage content and it woks perfectly. However as I already mentioned in earlier comment I just need to adjust the margin to the block below.

[Cal 3]

V 0.6 :

* Width setting added. Can leave the field empty or set it to 'auto' (when auto the container takes all the place it can).

* Top and bottom margin settings. Right and left are set automatically in order to center the slideshow (if width is fixed).

* Now handle correctly images with accentuated characters.

* No more ._ images in slides folder, however if there were any they won't be shown in the table.

Tested in IE6 IE7 and IE8, didn't find any problems. Also tested placement (home or columns) in those browsers, it worked. What browser do you use normanx ?

Zip updated.

[Cal 3]

Do you use a prestashop version below 1.3 normanx ?

I remember that before 1.3 you should first remove a module in the 'positions' table before transplanting it again.

[normanx 0]

I have PS Version 1.2.5.0 and Firefox 3.6.8

[Cal 3]

Does it work when you remove the module first ?

[sandstrom 0]

Thanks for the update, it works perfect!

I don’t need margin at the top, but the simpleslideshow.tpl is easy to modify.

[normanx 0]

I uninstal old version and instal new and is it still same. But i looking on other modul and is it same problem. I can´t click and change position any one modul.

[Cal 3]

So have you tried the workaround of removing the module in the position tab ?

[lenoir 0]

Très très beau travail.
Thank you for sharing

[normanx 0]

Now is working...thank you

[hayek.alex 0]

Brilliant !
the exact plugin i wanted to find !
thanks.

Enhancement ?

Is it possible to add a new field title per image for instance that fills the alt tag instead of the image name ?

[jpleg 0]

hi,

the images don't slide. I see only the first image on my homepage. I made no change on your default config. (4 images, langage All, etc.)

I use version 1.3.1.1
[removed][removed]
[removed][removed]
[removed][removed]

same problem with FF 3.6.8 and IE 8

[Cal 3]

Hmm it works for me on those browser (with no config change). Do you get a javascript error ?

[jpleg 0]

no javascript error

I have jquery-1.2.6.pack.js (default version)

[Cal 3]

And if you change something in the config and update does it work ?

[jpleg 0]

I've change some params and also images order but it's still not working.

[Cal 3]

Does it work when other third party module displaying in home page are desactivated ?

Just to be sure (don't feel offended) :

do you have javascript enabled ?
does all image are activated in the module conf ?
first two image are quite similar, did you wait more than 12 seconds ?

[jpleg 0]

this is the only module in home page.

javascript enabled , all images are activated

thanks

[Sanis 0]

Small question.
Whats a correct way to add border and padding property to this module?

[cagrie 15]

Very nice module, umm, I'm considering donation right now.

Why hasn't anyone posted a demo?

Here you go, guys and gals:

Gümüş Yüzük ve Gümüş Takı

[novag 1]

Great theme so far, i modified it to be nivo silder and works pretty well, although i had some permission problems from the start

So its not ready for me at the moment

[justdogwalking.com 6]

Sorry I am a learner with prestashop.

I have downloaded your module, added images and it works just right in the bottom left hand cornet but cannot see where to set it up to function in the home page image area.

Supplemental have found the position facility but do not understand its principle - I have done some modest experimenting but have not been able to move the slideshow anywhere. I would like it to work with the image(s) at the top of the home page and/or as a new products slideshow.

Do you have a minute to offer a bit of help to use your position facility?

Thanks

[Crisp 0]

Is it possible to let links open in the same window (_self like it is now) but also an option to open in a new window ( _blank)?

4 the rest this mod works like a charm. Thanx allot!

[Cal 3]

Thanks for the comment i'll think about it.

[digiboyz 0]

how to set the speed more fast to change???

[silencl 1]

Hi,

Firstly I want to say, it's very nice modul :coolsmile: :coolsmile:

Though I'm using "matrice" template, which uses another slide show and when I install this modul, it partly crushes how the other is displayed. Any ideas for the fix?

Links:
1. Matrice Template - http://dgcraft.free.fr/blog/index.php/themes-prestashop/matrice-theme-prestashop-1-3-1/
2. Preview Matrice Template - http://kamel.kelkoul.free.fr/matrice/

My problem is the picture overlay on the left hand side, wiht the text imput is moved down by about 1cm (picture attached).

Thanks for suggestions.

[sebastiann 2]

Nice module!

[goobe1 0]

Hi!!
This is a Great Module!!!
Few questions…
1. How do I change the “Width”
2. Can I “Number” under each slide? Like “1 , 2 , 3” and on clicking on any number it should show that slide
3. Can’t I use this Module in “Top of pages”???

[ibiza420 2]

Hello,
very nice module indeed, thank you very much!

I would like to know if it could be possible to add arrows to switch manually between ads, like this : http://www.prestashopthemes.net/slide/

I attached the code used for this example and I would be much grateful if you could help me integrate such a feature.

Best regards

slidefiles.zip

[Steppo 5]

Cal!

Brilliant!!

[alkostar 0]

АКуенный модуль!!!))

[raceway 0]

Great module thanks, works perfect. Is there a way to add target="_blank" so the links open in a new window?

[mandrin 15]

Has anyone tested this in PS 1.2.5?

[raceway 0]

Has anyone tested this in PS 1.2.5?

I am using it with PS 1.2.5 and it works great

[mandrin 15]

Cool stuff, I installed this mod on my PS 1.2.5 and it works perfectly. Moved it to the top of my home page and it runs just fine.

Thank you Cal for this awesome mod as it's so very, very simple at doing a powerful job. I have been looking for something like this for a looong time and am now a happy man!

[Rhobur 145]

Good job, Cal !
Works great as expected.

[kidnkorner 0]

Bug to report, if photos are deleted before unchecking the "enabled" check box a box with a question mark appears in the slideshow rotation in place of the deleted image.

[SuperDuper 2]

it's a nice module,
light and easy to use.

Thanks

[Jason Bogner 0]

I am using 1.1.0.5. The module installs fine and views fine on the front end. Changing the timing or size in the backend works great but anything having to do with the images (add, delete, move order, etc) doesn't do anything. Any ideas on what files I need to add to give this functionality? I just tested it on another store with 1.2.4 and it works fine.

Thanks in advance,

Jason

[mandrin 15]

Obviously Internet Explorer 7 does not like this module. IE7 is a piece of crap bit alas some people still run it.

When I move this module (running IE7) to top of homepage, any drop down categories get "stuck" behind this module. Anyone know where to fix this?

[viar 3]

Obviously Internet Explorer 7 does not like this module. IE7 is a piece of crap bit alas some people still run it.

When I move this module (running IE7) to top of homepage, any drop down categories get "stuck" behind this module. Anyone know where to fix this?

try CSS with z-index

[InternEtna.it 1]

Dear User,
You have done a good work.
Now I have a question.
How can I put my slideshow beetween "Home page content" and "Header of page"?
I've put my slideshow in Home page content but I see it between left and right columns. I want to see it as the image attached shown.

I'm waiting for your answer

[viar 3]

Dear User,
You have done a good work.
Now I have a question.
How can I put my slideshow beetween "Home page content" and "Header of page"?
I've put my slideshow in Home page content but I see it between left and right columns. I want to see it as the image attached shown.

I'm waiting for your answer

you need to create new wrapper with

between, then create new hook and place/transplant the module in the hook,
you can find in this forum about creating new hook.
hope this helps you

[Jason Bogner 0]

Does anyone know where the links are stored? I am looking for a workaround on not being able to modify the module using the GUI backend in Prestashop 1.1. If someone can help me find where the data is kept I should be able to change it there, right?

Thanks,

Jason

[ghostq 3]

it doesn't work on v1.3.3.0 when i install it, it hook on the left clumn. and i tranplant it to the home content section the slideshow just show one picture and doesn't show other photos

[InternEtna.it 1]

Dear User,
You have done a good work.
Now I have a question.
How can I put my slideshow beetween "Home page content" and "Header of page"?
I've put my slideshow in Home page content but I see it between left and right columns. I want to see it as the image attached shown.

I'm waiting for your answer

you need to create new wrapper with

between, then create new hook and place/transplant the module in the hook,
you can find in this forum about creating new hook.
hope this helps you

I want to put in my site the "Simple SlideShow" module but I want to show it between the header and page's body.
I have followed this site: How to add new hook
I have done 1st and 2nd step, in the 3rd step I've corrected {$CENTER} with {$HOOK_CENTER} (it's an writer's error) and put it in my header.tpl of my themes.
I don't understend the 4th step.
I don't want to show at the center blocksearch.php but the SlideShow module with PHP file simpleslideshow.php.

What do I must to add in this PHP file?
Can someone helps me?
Thanks

[ChrisDrumm 0]

Great module - Here is one quirk I would like to fix...

Between slides there is a slight "white flash" - I assume this is happening right in the middle of when the current slide fades out and the next slide fades in...

Is there a way to remove this and/or somehow hold onto the first slide a bit longer before the next slide fades in?

[InternEtna.it 1]

Great module - Here is one quirk I would like to fix...

Between slides there is a slight "white flash" - I assume this is happening right in the middle of when the current slide fades out and the next slide fades in...

Is there a way to remove this and/or somehow hold onto the first slide a bit longer before the next slide fades in?

You must modify for cycle, reducing by one

[justdogwalking.com 6]

Hi

Am experimentig with your module - one question how can I put a photo title eg "dog grooming" as the title in the text box - without the jpg showing? eg I am trying to use it as a slideshow menue for my catagories.

Thanks

[teJ20 0]

how about 1.4.17? any ideas? the installation was ok but on the homepage it nothing showing.

[panteehoe 0]

Hi, thanks for the module, nice work. Works for me on PS1.4 and FF4 after modifying the tab tag in php ($this->tab = 'front_office_features';).

One question though. I'm unfamiliar with PHP and i'd like to add more fields to the image than the link, such as title or alt. How should i do this? I tried to duplicate and of course rename the link related lines of code, but when i did this, Iwas not able to save anything but the title. can you help me out, please? The lines I've updated are below in several posts:

around line 31

$langs = '';
       for($i = 0; $i < count($images); $i++)
           $langs .= 'all;';

       if (!Configuration::updateValue($this->name.'_timeout'    , 6000)     OR
           !Configuration::updateValue($this->name.'_speed'    , 1000)     OR
           !Configuration::updateValue($this->name.'_height'    , '552')     OR
           !Configuration::updateValue($this->name.'_width'    , 'auto')   OR
           !Configuration::updateValue($this->name.'_margin'    , '0')     OR
           !Configuration::updateValue($this->name.'_sync'        , 'true')     OR
           !Configuration::updateValue($this->name.'_fit'        , 'false')     OR
           !Configuration::updateValue($this->name.'_pause'    , 'true')     OR
           !Configuration::updateValue($this->name.'_delay'    , 0)         OR
           !Configuration::updateValue($this->name.'_links'    , '')        OR
           !Configuration::updateValue($this->name.'_titles'    , '')        OR       <--here
           !Configuration::updateValue($this->name.'_descs'    , '')        OR       <--here
           !Configuration::updateValue($this->name.'_langs'    , $langs)    OR
           !Configuration::updateValue($this->name.'_images'    , implode(";", $images)))
           return false;

       return true;

around line 68

private function _postProcess()
   {
       Configuration::updateValue($this->name.'_timeout'    ,  Tools::getValue('timeout'));
       Configuration::updateValue($this->name.'_speed'        ,  Tools::getValue('speed'));
       Configuration::updateValue($this->name.'_height'    ,  Tools::getValue('height'));
       Configuration::updateValue($this->name.'_width'        ,  Tools::getValue('width'));
       Configuration::updateValue($this->name.'_margin'    ,  Tools::getValue('margin'));
       Configuration::updateValue($this->name.'_delay'        ,  Tools::getValue('delay'));
       Configuration::updateValue($this->name.'_images'    ,  Tools::getValue('image_data'));
       Configuration::updateValue($this->name.'_links'        ,  Tools::getValue('link_data'));
       Configuration::updateValue($this->name.'_titles'    ,  Tools::getValue('title_data')); <--here
       Configuration::updateValue($this->name.'_descs'        ,  Tools::getValue('desc_data')); <--here
       Configuration::updateValue($this->name.'_langs'        ,  Tools::getValue('lang_data'));
       Configuration::updateValue($this->name.'_sync'        , (Tools::getValue('sync')     ? 'true' : 'false'));
       Configuration::updateValue($this->name.'_fit'        , (Tools::getValue('fit')     ? 'true' : 'false'));
       Configuration::updateValue($this->name.'_pause'        , (Tools::getValue('pause') ? 'true' : 'false'));

       $this->_html .= ''.$this->l('Settings updated').'';
   }

around line 196

<input type="hidden" id="hidden_image_data" name="image_data" value="' . Configuration::get($this->name.'_images') . '"/>
                   <input type="hidden" id="hidden_link_data" name="link_data" value="'   . Configuration::get($this->name.'_links') . '"/>
                   <input type="hidden" id="hidden_title_data" name="title_data" value="'   . Configuration::get($this->name.'_titles') . '"/>
                   <input type="hidden" id="hidden_desc_data" name="desc_data" value="'   .  Configuration::get($this->name.'_descs') . '"/>
                   <input type="hidden" id="hidden_lang_data" name="lang_data" value="'   . Configuration::get($this->name.'_langs') . '"/>

[panteehoe 0]

around line 206

' . $this->l('Position') . '

'. $this->l('Image') .' 
'. $this->l('Link') .' 
'. $this->l('Title') .' 
'. $this->l('Description') .' 
'. $this->l('Language') .' 
'. $this->l('Enabled') .' 
'. $this->l('Delete') .' 
';

               if ($nbDirImages) {
                   $i = 1;

                   foreach ($confImages AS $confImage) {
                       if (in_array($confImage['name'], $dirImages)) {
                           echo $this->_getTableRowHTML($i, $nbDirImages, $confImage['name'], $confImage['link'], $confImage['title'], $confImage['desc'], true);
                           $i++;
                       }
                   }

around line 293

private function _getImageArray($lang_filter = false) {
       global $cookie;

       $images = explode(";", Configuration::get($this->name.'_images'));
       $links     = explode(";", Configuration::get($this->name.'_links'));
       $titles = explode(";", Configuration::get($this->name.'_titles'));
       $descs     = explode(";", Configuration::get($this->name.'_descs'));
       $langs     = $lang_filter ? explode(";", Configuration::get($this->name.'_langs')) : false;

       $tab_images = array();

       for($i = 0, $length = sizeof($images); $i < $length; $i++) {
           if ($images[$i] != "") {
               if ($lang_filter && isset($langs[$i]) && $langs[$i] != 'all' && $langs[$i] != $cookie->id_lang)
                   continue;

               $tab_images[] = array('name'     => $images[$i], 
                                     'link'     => isset($links[$i]) ? $links[$i] : '',
                                     'title'     => isset($titles[$i]) ? $titles[$i] : '',
                                     'desc'     => isset($descs[$i]) ? $descs[$i] : '');
           }
       }

       return $tab_images;
   }

around line 361

                   <input type="text" style="width: 250px" name="image_link_' . $i . '" value="' . $imagelink .'" />


                   <input type="text" style="width: 250px" name="image_title_' . $i . '" value="' . $imagetitle .'" />


                   <input type="text" style="width: 250px" name="image_desc_' . $i . '" value="' . $imagedesc .'" />

[panteehoe 0]

how about 1.4.17? any ideas? the installation was ok but on the homepage it nothing showing.

just edit the simpleslideshow.php and change on top to this:

$this->tab = ‘front_office_features’;

[Eduardo Seixas 0]

Thanks, very thanks.
Very good.
Thanks man.
Congrulations.

[CosTed 1]

I dont understand, so where i should put this code $this->tab = ‘front_office_features’; ? . Can you give me an example ?

[panteehoe 0]

I dont understand, so where i should put this code $this->tab = ‘front_office_features’; ? . Can you give me an example ?

open simpleslideshow.php and change the line 13 (above the $this->version = '0.6';) to:

$this->tab = 'front_office_features';

instead of the original

[CosTed 1]

Hi panteehoe,

If you had changed the code in the file, can you share that file with us. It would be simpler for all of us.

Thank You

[biketrip 1]

greate module,
is there a way to install it twice to i can add another slideshow?

yaniv.

[123maverick456 1]

It's great but i found an error. If i add images, enable it.. it will show in the slide show. But when the enabled image deleted, it will still show in slideshow but with no image (image missing).. can you fix this?

[thierry_02 3]

Bonjour,pour mon utilisation personnelle ,j'ai fait une copie du module avec un nom différent comme ça on l'utilisé deux module sur 1 site.

simpleslideshow1.zip

[Phantoman 0]

it doesn't work on v1.3.3.0 when i install it, it hook on the left clumn. and i tranplant it to the home content section the slideshow just show one picture and doesn't show other photos

I've had a problem with version 1.3.3 that when I click the X button to delete an image, it doesn't do anything, and when I click to add a new image, it also does not do anything. It's like both buttons are dead.

I've seen version 1.2.5 of prestashop with this module working, but cannot get it to work on version 1.3.3....

It is such a nice module, simples and efficient, and has the language feature which for me is a must! Just need to figure it out why it does not work on my 1.3.3.

Any help would be greatly appreciated!!!

Thanks in advance!