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
  • 554 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
Insead of editorial module you can use the homefeaturedcarousel module.

#6

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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??

#8

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
I attached it here.
copy the file to js-jquery

Attached Files



#9

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
ok will try and let you know

thanks

#10

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

#11

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
Halo....

I need help :cheese:

This module did not work in PS 1.1 finale

How to solve this problem?

Thx

#13

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
Cool

#17

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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

    PrestaShop Newbie

  • Members
  • Pip
  • 0 posts
it works gread in 1.1
thanks

#20

    PrestaShop Newbie

  • Members
  • Pip
  • 0 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.