Jump to content

[module] Prestashop Homeslider on TOP - free modification


vekia
 Share

Recommended Posts

  • 2 weeks later...

Hi Vekia, your module looks very interesting but I can not make it work!

 

After installing a new PS 1.5.0, I added your module. The standard homeslider disappears and can not see one at the top.

So I change the changed the Width to 980 (the same size of images in the folder) as you can see in the attachment, nothing happens.

 

What did I do wrong?

Navid

Share this post


Link to post
Share on other sites

for the first - remove the default module. After that - install my modification.

Then clear prestashop cache (or turn force compilation)

 

if it is possible - please share the url to your store - i will check the sources for potential css/js issues

  • Like 1

Share this post


Link to post
Share on other sites

Thanks vekia,

 

I followed your instructions and now it works!

 

I know there are explanation in the forum to move the home slider, but I am not a tech guy and prefer to avoid messing up with the code. Your module is the right solution (see attachment)

 

Thanks again

Navid

post-168269-0-63361600-1373299684_thumb.jpg

Edited by navid68 (see edit history)

Share this post


Link to post
Share on other sites

thanks for information that it works for you as you expect :) im glad that i could help, anyway, if you've got any questions related to this module - feel free to continue discussion - im here to help you :)

 

regards

Share this post


Link to post
Share on other sites

I appreciate this FREE top banner/slider module enhancement for the default 1.5.4.1 theme. (I previously purchased a theme for a currently outdated prestashop version, so I'm sticking to the basics for now) Thanks!

 

1. I downloaded zip file to my computer

2. I went to advanced parameters>performance and turned off both caches.

3. I went to modules and uninstalled the current slider.

4. I uploaded the module then re-installed the image slider

 

Voila!

 

The slider stays on top even when you navigate throughout your website. Your 5 banner images must fit 300x980

Edited by Misobella (see edit history)
  • Like 1

Share this post


Link to post
Share on other sites

hello

 

that's right, thanks for instruction, im convinced that it will be really helpfull for other merchants :)

if you've got any questions - feel free to ask, im here to help you:)

 

ps. welcome on board!

Share this post


Link to post
Share on other sites

Hi there,

 

I tried the module and the outcome is great! For sure I would recommend this module.

 

@ Vekia I have some in question about your homeslider module.

  • I edited the following code lines (into "bx_styles.css" file) in order to make the slider displayed in home page only: It works perfect, but I wonder if you can suggest a best practice instead of it

.bx-wrapper {
display: none;
margin-bottom:20px;
height:300px
}

body#index #page #header #header_right .bx-wrapper {
display: block;
}

  • I'd like to edit the border around the slider window.
    I added the comand "border: 5px solid" on .bx-wrapper, but now the slider window is not fitted into the frame created (I'll attach the image).
    I believe I should modify some element.style but I don't know how to do it. Can you give a tip?

Thanks in advance,

Matteo

post-411583-0-83843000-1374405295_thumb.jpg

Edited by matteo_mont (see edit history)

Share this post


Link to post
Share on other sites

it's better to use this:

 

1) open the homeslider.tpl file and add there if condition:

 

{if $page_name == 'index'}

TPL FILE CONTENT

{/if}

this is the proper method

 

 

second question

add border to the bx-windows

Share this post


Link to post
Share on other sites

Hi Vekia,

 

thanks for the quick reply.

 

about my question

  1. I got the TPL file, but at which line should I add the code you provided?
    I mean... which part of the TPL file's code has to go in between the if condition you gave?
  2. I added the border to the bx-windows but still the window isn't fitted into the frame.
    I think I have to make the width smaller than 980px but I don't know which file and line must be edited. Indeed once I reduce it into the "element.style" through firebug then the image fit 100%. (see the capture attached)
    Now where is this damned file? :-)

Thanks again,

Matteo

post-411583-0-60358800-1374413310_thumb.jpg

Share this post


Link to post
Share on other sites

Hi i replaced the homeslider module and the original one disappeared and the new one doesnt appear... i put force compilation on but still nothing..

 

reinstall the module. It's necessary

  • Like 1

Share this post


Link to post
Share on other sites

in this case you have define the exceptions

 

go to the modules > positions

 

search for "dispalyTop" modules list

 

click on edit button near the "home slider module"

 

define exceptions, add all fields instead the "index" - this is homepage

Share this post


Link to post
Share on other sites

Hi Vekia,

  1. I edited the TPL file and it works: the slider is displayed only in homepage
  2. At the moment the website is only in localhost. If you want I can copy it on dropbox and sharing the folder with you. By the way it is the prestashop 1.5.4.1 with no further code's customization. please contact me in private message if you can.
    I think the B.O. of your module take only action on the size of the images, but not on the window's size as it's fixed at 980px... :blink:

Cheers,

Matteo

Share this post


Link to post
Share on other sites

take a look:

yY5mjPw.png

 

i just added border: 5px solid #000; to the bx-wrapper element. It looks well. So im convinced that in your case the problem is somewhere else.

 

try to use firebug extension and inspect the elements (main blocks of the slider) and search for something like: padding, margin

i think that these params making a white gap that you've got

Share this post


Link to post
Share on other sites

if I do that, then the module will be bigger than 980px and won't fit into the template

 

I you want test the website you can just add your module to the latest prestashop version 1.5.4.1

I didn't change anything else :D

Share this post


Link to post
Share on other sites

it is necessary to change the css styles of the module. there is no other way at the moment.

moreover, with default template it is also necessary to change the css styles if you want to use module in the top hook.

Share this post


Link to post
Share on other sites

Hi

 

Just reading this thread as I was hoping it would help me.

 

I've got version 1.5.4.1 and want to make my image slider smaller. I've changed it in the module, and made my slides the smaller size, but it's not any smaller.

 

I've moved it down to where I want it, but just want it 496 x 248 now so it fits better with everything else.

 

My site is www.wightprincesses.co.uk, but it's not quite live yet.

Share this post


Link to post
Share on other sites

  • 4 weeks later...

if you will have any questions - feel free to write, i changed animation type several times and it works well

 

what changes do I make to the js. script to make it fade ? I changed the 'horizontal' near the top of it, but I guess there's more to do than that . . .

Share this post


Link to post
Share on other sites

open homeslider.js file located in /js/ subdirectory (in module dir)

 

add mode: 'fade',

$('#homeslider').bxSlider({
 infiniteLoop: homeslider_loop,
 hideControlOnEnd: true,
 pager: true,
 autoHover: true,
 auto: homeslider_loop,
 speed: homeslider_speed,
 pause: homeslider_pause,
 controls: false,
 mode: 'fade'
});

Share this post


Link to post
Share on other sites

  • 5 weeks later...

Earlier you mentioned that to reinstall the original imageslider you have to first delete this module and  "then upload default one, for example, from official library". I have been looking but cannot find the default module Imageslider. Do you have a link to the 'official library'?

Share this post


Link to post
Share on other sites

  • 1 month later...

display header is not a section for displaying contents.

displayHeader is a section where all jquery js css files are attached.

 

Hi Vekia, thanks for your prompt response. Sorry I must have mistaken the displayheader for something else. Could you please take a look my website in *********? I want to put the image slider in the blank spot below the top horizontal menu. Is this possible? 

 

Thanks

Edited by bongkokxx (see edit history)

Share this post


Link to post
Share on other sites

  • 3 weeks later...
  • 4 weeks later...

hello,

I have a problem with my web site and its visuality, when I open my web site www.waav.sk throu the firefox the home slide is out of the modul (see the attachment), with the google chrome and internet explorer its ok,

thank in advence

 

 

post-743165-0-52174600-1388346244_thumb.jpg

Share this post


Link to post
Share on other sites

  • 3 weeks later...

Prestashop 1.5.6.1 - 1.5.6.2 (Written with Google Translate)

Greetings Vekia;
Thank you very much for this module. I tried it and it works perfect.
I have a question: is possible to position the Homeslider in the way that I put in the attached image? (keeping the three columns Prestashop default.)

Thank you very much.

post-726082-0-81731600-1390963368_thumb.jpg

Share this post


Link to post
Share on other sites

it is possible, but... i've got quesiton ;)

you want to display slider only on homepage? or also on other pages too? everything depends on it!

Ps. 1.5.6.1 - 1.5.6.2 (Written with Google Translate).

 

Hello, greetings :). Homeslider normal behavior, namely, appears on every page and one adds the exceptions in the module configuration.

 

Thanks

Edited by Daviant (see edit history)

Share this post


Link to post
Share on other sites

but in this case it will not be as easy as it seems, it's because, the easiest solution with display home will allow to show slider only on homepage.

modification like you want need customization of theme file (header.tpl and footer.tpl)

Share this post


Link to post
Share on other sites

but in this case it will not be as easy as it seems, it's because, the easiest solution with display home will allow to show slider only on homepage.

modification like you want need customization of theme file (header.tpl and footer.tpl)

I thought it was easier homeslider normal operation but if there is a simpler solution that works only on the main page is welcome.

   

I have not seen modules (free or paid) that include this position in the display options.

 

 

(Google Translate)

Share this post


Link to post
Share on other sites

  • 2 weeks later...

After in installed the module. The standard slider disappeared. Even the New Slide doesn't appear.

 

I reinstalled it & made force compilation but no luck

 

How can i get it worked or how to revert back to the default slider?

Share this post


Link to post
Share on other sites

After in installed the module. The standard slider disappeared. Even the New Slide doesn't appear.

 

I reinstalled it & made force compilation but no luck

 

How can i get it worked or how to revert back to the default slider?

 

 

@Vekia i re installed and it works but the home's main menu drop downs and the categories drop downs are not working when i enable this slider module.

 

What am i missing here?

Share this post


Link to post
Share on other sites