Jump to content
Cal

[Free Module] Yet Another Slideshow Module v0.6

Recommended Posts

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.

29890_yyxUNI3q3kwVawQXbxgp_t

simpleslideshow-0.6-beta.zip

  • Like 3

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

I agree i'm working on multilingual support.

Thanks for the comments.

Share this post


Link to post
Share on other sites

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

Edited first post.

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 !

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Tell me if it solve the problem on your side.

Thanks

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

29737_PL9TSwHeBZ9pEASTnKnk_t

Share this post


Link to post
Share on other sites

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

Definitely the best and easiest slider ;-P

tk007

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

@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 ?

Share this post


Link to post
Share on other sites

Pictures are in zip-archive.

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

29778_xtX5QLYA07TEccLRbAZf_t

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

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


Yes look at the picture bellow

29866_m1ueUc2d2LHoVPQuGLBG_t

Share this post


Link to post
Share on other sites

Thanks tk007, i should have seen that one! :D


Any ideas about the IE7 problem?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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"

Share this post


Link to post
Share on other sites

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

29885_4WQGMkMQhhxzL5fqR7Zl_t

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Does it work when you remove the module first ?

Share this post


Link to post
Share on other sites

Thanks for the update, it works perfect!

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

no javascript error

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

this is the only module in home page.

javascript enabled ;) , all images are activated

thanks

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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!

Share this post


Link to post
Share on other sites

Thanks for the comment i'll think about it.

Share this post


Link to post
Share on other sites

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.

32803_90OHHqqwuXNT7NwHReQq_t

Share this post


Link to post
Share on other sites

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”???

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Has anyone tested this in PS 1.2.5?


I am using it with PS 1.2.5 and it works great

Share this post


Link to post
Share on other sites

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! :)

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

34773_pimReJ4V0u3NASn1pqcT_t

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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

34981_gnc9SbkqdGLzoQz9fnQF_t

  • Like 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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') . '"/>

Share this post


Link to post
Share on other sites

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 .'" />

Share this post


Link to post
Share on other sites
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’;

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

yaniv.

  • Like 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites
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!

Share this post


Link to post
Share on other sites

It is possible to duplicate this module? So that I could use two Sliders on different blocks?

Share this post


Link to post
Share on other sites

hi i am using PrestaShop™ 1.4.3 but only 2 images load i have added many images but only first and second images load and then it stop

 

any one can please help me with this problem

Share this post


Link to post
Share on other sites