PrestaShop Forum

The best place in the world to ask questions about PrestaShop and get advice from our passionate community!

PrestaShop Forum

Jump to content

Home Featured Slide Show

26 replies to this topic
#1
whitelighter

    PrestaShop Addict

  • Members
  • PipPipPip
  • 589 posts
This will display your featured products on your homepage as a slide show. It uses javascript, not flash. One product is displayed at a time, fading out to the next product. The default size is 400x300, and 4 seconds between products.
This is not exactly a module. It works more like a new theme for the featured products. Attached is the zip file containing homefeatured.tpl file.

To install this you need to first download a javascript library.
http://www.serie3.info/s3slider/
Download s3Slider.js and put it under js/jquery in your prestashop root folder.
Then go to modules/homefeatured and replace homefeatured.tpl with the file attached.

If you want the product price to look the same you need to do one more change in global.css file for your theme.
In line 1043 it should say:

Quote

#center_column .products_block span.price {


Change that line to:

Quote

#center_column .products_block span.price, div.price {


The homefeatured.tpl have some configuration options on top. You have the width, height and the fade time in milliseconds. You may need to change them to fit your page and products.

All images will be sized to the slideshow size.

It works well on Firefox 3.0. But internet explorer may have some problems, I have not checked it much.

Attached Files



#2
AngelofHaovc

    PrestaShop Apprentice

  • Members
  • PipPip
  • 82 posts
Great Thanks! whitelighter.

It does help me fixing my slideshow problem with mootools. Using jQuery compatitable slideshow solution, it makes me happy.

Well done mate. :-)

#3
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
I made a simple mod for it.
Just make in the admin panel-preferences-image, a new image named Slide_show
Than install the module.

Example: http://www.schoonbeekict.nl/webshop/

Attached Files



#4
wongndeso

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts
hi there... I am newbie here...
I wanna know how about to make a slide show, but for the home page logo [editorial module]

hope u can help me on this...

thx alot...

#5
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
Insead of editorial module you can use the homefeaturedcarousel module.

#6
whitelighter

    PrestaShop Addict

  • Members
  • PipPipPip
  • 589 posts

From 1229052919:

hi there... I am newbie here...
I wanna know how about to make a slide show, but for the home page logo [editorial module]

hope u can help me on this...

thx alot...


Perhaps with its own text editor to replace the current homepage text editor, and image uploads. But my priority is my clients. I might create such a module when I have the time. I don't know when I will have time for this. Maybe someone else can come up with something sooner.

#7
Me 8084

    PrestaShop Apprentice

  • Members
  • PipPip
  • 104 posts
ok I downloaded a zip packed s3slider and put it in the directory etc etc

but nothing happen just the top of block show up??

even the other tpl file please under what name should I put the pack??
You cant choose to be smart but you choose to think

#8
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
I attached it here.
copy the file to js-jquery

Attached Files



#9
Me 8084

    PrestaShop Apprentice

  • Members
  • PipPip
  • 104 posts
ok will try and let you know

thanks
You cant choose to be smart but you choose to think

#10
Me 8084

    PrestaShop Apprentice

  • Members
  • PipPip
  • 104 posts
well I uploaded the new file but still the same prob

no photoes show up??

am using your version Merchant and even the Whitelighter's version did not work !!!!

help
You cant choose to be smart but you choose to think

#11
wongndeso

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

From 1228936708:

I made a simple mod for it.
Just make in the admin panel-preferences-image, a new image named Slide_show
Than install the module.

Example: http://www.schoonbeekict.nl/webshop/


Hi thanks for the module.... btw I modified a little....

at the line 11
I change tab tools to Home.. so I can edit the module position between Home featured product slide show and the home text editor.

Before
$this->name = 'homefeaturedslide';
$this->tab = 'Tools';
$this->version = 0.8;
After
$this->name = 'homefeaturedslide';
$this->tab = 'Home';
$this->version = 0.8;


Thx alot Merchant :coolsmile:

#12
wongndeso

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts
Halo....

I need help :cheese:

This module did not work in PS 1.1 finale

How to solve this problem?

Thx

#13
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
Hi, Apprentice, feel free to modify. I am currently very busy so i do not have a lot of time to check out if the module can work better.

#14
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
Hi wongndeso,

I posted a new version of this mod so you can try to install this one. It works fine in our shop.
Also you can modify the global.css of your theme to fit your needs.
Personaly i addes the following line at the prices (in the near of line 534) : .price-slideshow {font-weight: bold; font-size: 1.4em; color: #000000; padding-top: 0.8em; padding-bottom: 0.8em;}.

#15
wongndeso

    PrestaShop Newbie

  • Members
  • Pip
  • 19 posts

From 1229929243:

Hi, Apprentice, feel free to modify. I am currently very busy so i do not have a lot of time to check out if the module can work better.


Ok thx alot merchant

#16
shaqo999

    PrestaShop Newbie

  • Members
  • Pip
  • 24 posts
Cool

#17
whitelighter

    PrestaShop Addict

  • Members
  • PipPipPip
  • 589 posts
It uses the same products that featured products section use, in the same order. If you installed it as the module homefeaturedslide merchant made, you have to edit the homefeaturedslide.php, line 69. Change 'date_add' to 'RAND()', but I can't guarantee it will work.

#18
Merchant

    PrestaShop Apprentice

  • Members
  • PipPip
  • 83 posts
Hello shaqo999, at the moment it is not possible to display the products random. At the moment i don't have the time to modify the module,
but i agree with you that it would be a improvement.

#19
Ardian Yuli Setyanto

    PrestaShop Fanatic

  • Moderators
  • 1029 posts
it works gread in 1.1
thanks

#20
THAO LAM VIET

    PrestaShop Newbie

  • Members
  • Pip
  • 9 posts
I did fully your instruction, but it's not change. I need help to resolve this problem. I am newbie and i need your help.