Jump to content
BonPresta

[Free module] Awesome Image Slider - PrestaShop 1.6 / 1.7

Recommended Posts

 

awesome-image-slider.jpg

Awesome Image Slider is a completely new and advanced way to represent your images in slides . Slider is the best way to promote your website by creating amazing sliders with beautiful transition effects. With our Awesome Image Slider, creating slideshows has never been so fast and enjoyable! Add your beautiful images into the slider, after which give some nice styling and enjoy your modern slider. Slider helps you to display unlimited number of images to showcase your amazing works. Slider is designed for displaying full-size sliders on any of your website pages.

 

  • Super easy install and customize.
  • Set autoplay and mouse drag.
  • Set navigation and pagination.
  • Set autoplay timeout.
  • Add direct urls to each image.
  • Drag and drop to change positions.
  • Responsive & Touch enable.
  • Resize a slider automatically on responsive themes.
  • Simple and friendly user interface.
  • Compatible with all web browsers.
  • Multi-language and multi-store ready.
  • Support and well documented.

 

Video Settings

 

 
 
 
 

Demo

Video Settings

 

Module: bonslick.zip

 

Bonpresta Prestashop Module        Bonpresta Prestashop Module        Bonpresta Prestashop Module

 

Edited by BonPresta
  • Like 4
  • Thanks 3

Share this post


Link to post
Share on other sites
21 hours ago, sunnydesigner said:

Thanks for your great work, Merry Christmas for you.

 

Thanks! Merry Christmas!

Share this post


Link to post
Share on other sites
On 12/30/2017 at 3:57 PM, tecnoservicel said:

excellent very thanks and merry chirstmas

 

Thank you so much ;)

Share this post


Link to post
Share on other sites

Thank you! Can you please tell me how I can install this module? At the moment it appears on the bottom of my site and I would like to see that it replaces my current banner on top in full width, please see www.kachelpijpoutlet.nl

 

Thank you in advance!

Edited by jrnijzing

Share this post


Link to post
Share on other sites
On 1/6/2018 at 1:44 PM, jrnijzing said:

Thank you! Can you please tell me how I can install this module? At the moment it appears on the bottom of my site and I would like to see that it replaces my current banner on top in full width, please see www.kachelpijpoutlet.nl

 

Thank you in advance!

 

Hello,

The module is set to this position by default - hookDisplayHome

If you need to replace your slider you need to move to the hookdisplayTop position.

Also in the module there is a hook - hookdisplayCustomSlick

If you add this code to the theme file, it will be displayed in this place

{hook h='displayCustomSlick'}

 

Share this post


Link to post
Share on other sites
On 1/23/2018 at 5:03 AM, Zai Alsobar said:

hi .. you are my saviour... many thanks!

 

Hi

Okay)

Thanks!

Share this post


Link to post
Share on other sites

Awesome module! Thanks.

How I can duplicate it? I want to place two sliders on my homepage (custom slick + footer).

I tried to rename files, classes, db, but without success...

Regards

Share this post


Link to post
Share on other sites
10 hours ago, s7w said:

Awesome module! Thanks.

How I can duplicate it? I want to place two sliders on my homepage (custom slick + footer).

I tried to rename files, classes, db, but without success...

Regards

 

Hello,

It is displayed only once on the main page.

In the second position, you can use another my slider with a portfolio

Thanks!

Share this post


Link to post
Share on other sites

Hello.
It is possible to place the module in a hook
"displayNavFullWidth"
or show it at full width?
Thanks
.

Share this post


Link to post
Share on other sites
8 hours ago, Stana said:

Hello.
It is possible to place the module in a hook
"displayNavFullWidth"
or show it at full width?
Thanks
.

 

Hello,

Yes, i added position - displayNavFullWidth

Thanks

Share this post


Link to post
Share on other sites
En 23/12/2017 a las 11:35 PM, BonPresta dijo:

 

 

X0rCHvf.jpg

 

O7A5uPm.jpg

 

 

Awesome Image Slider is a completely new and advanced way to represent your images in slides . Slider is the best way to promote your website by creating amazing sliders with beautiful transition effects. With our Awesome Image Slider, creating slideshows has never been so fast and enjoyable! Add your beautiful images into the slider, after which give some nice styling and enjoy your modern slider. Slider helps you to display unlimited number of images to showcase your amazing works. Slider is designed for displaying full-size sliders on any of your website pages.

 

  • Super easy install and customize.
  • Set autoplay and mouse drag.
  • Set navigation and pagination.
  • Set autoplay timeout.
  • Add direct urls to each image.
  • Drag and drop to change positions.
  • Responsive & Touch enable.
  • Resize a slider automatically on responsive themes.
  • Simple and friendly user interface.
  • Compatible with all web browsers.
  • Multi-language and multi-store ready.
  • Support and well documented.

 

 

Demo

 

bonslick.zip

Thanks for the contribution

I have posted a review in Spanish of the module for the Spanish Community of Prestashop: http://victor-rodenas.com/2018/02/02/otro-slider-mas-para-prestashop-1-7/

Sorry for my English,

  • Like 1

Share this post


Link to post
Share on other sites

Hello good afternoon the module is very good but I have not been able to put it on my web which works with a theme that is not defacult of prestashop I have been able to place it but it does not let me put it in full screen could you tell me how to put it like this
 

Share this post


Link to post
Share on other sites

Hi

Great module, but I found, when hooked to Top position it is now shown on all pages. I would like to have it on the main page only. The same way as it is with standard slider.

Any suggestions how that can be achieved.

 

Thank you.

 

Share this post


Link to post
Share on other sites
On 3/13/2018 at 11:06 AM, samverdyck said:

Is there a way to show the slider just on 1 CMS page?

samverdyck,

I followed this guide to get the structure - https://belvg.com/blog/prestashop-1-7-templates-file-structure.html

Then I use the guide to find the location of the cms page. I believe it is no longer called cms.tpl in Prestashop 1.7. It is now called page.tpl

The location for the file is: /httpdocs/themes/classic/templates/cms/page.tpl

Open file (page.tpl)  in a text editor and on line 33 add the following: {hook h='displayCustomSlick'}

Re-upload the file and then refresh your screen, it should show now.

Hopefully BonPresta will be able to confirm if this correct or not.

--------

Question I have - How to prevent the hook from showing on all cms pages? I guess one way is to add a class or id and only display it on the page you want

OR

{if $page.page_name == "cms" AND $smarty.get.id_cms == '10'}
      {hook h='displayCustomSlick'}
    {/if}

$page.page_name  = cms

$smarty.get.id_cms = the page id

So we are saying that if the page is a cms page and the cms id is equal to 10, then show the hook

Edited by kdmonk1

Share this post


Link to post
Share on other sites
12 hours ago, kdmonk1 said:

samverdyck,

I followed this guide to get the structure - https://belvg.com/blog/prestashop-1-7-templates-file-structure.html

Then I use the guide to find the location of the cms page. I believe it is no longer called cms.tpl in Prestashop 1.7. It is now called page.tpl

The location for the file is: /httpdocs/themes/classic/templates/cms/page.tpl

Open file (page.tpl)  in a text editor and on line 33 add the following: {hook h='displayCustomSlick'}

Re-upload the file and then refresh your screen, it should show now.

Hopefully BonPresta will be able to confirm if this correct or not.

--------

Question I have - How to prevent the hook from showing on all cms pages? I guess one way is to add a class or id and only display it on the page you want

OR

{if $page.page_name == "cms" AND $smarty.get.id_cms == '10'}
      {hook h='displayCustomSlick'}
    {/if}

$page.page_name  = cms

$smarty.get.id_cms = the page id

So we are saying that if the page is a cms page and the cms id is equal to 10, then show the hook

 

Thanks, exactly what I need!

Share this post


Link to post
Share on other sites
On 24.02.2018 at 3:16 AM, spositom said:

Hi

You saved me!!

Thank you

 

Hello,

Can reveal the gratitude in the purchase of my modules :)

 

Share this post


Link to post
Share on other sites
On 22.02.2018 at 12:15 PM, IgorS. said:

Hi

Great module, but I found, when hooked to Top position it is now shown on all pages. I would like to have it on the main page only. The same way as it is with standard slider.

Any suggestions how that can be achieved.

 

Thank you.

 

 

Hello,

In the module position settings there are exceptions for the pages
You can exclude all but the main page.

or

add exceptions to the tmp file
{if $ page_name == 'index'}
{/if}

Share this post


Link to post
Share on other sites
On 13.03.2018 at 6:06 PM, samverdyck said:

Is there a way to show the slider just on 1 CMS page?

 

Yes, you can use a specific cms page using the condition

{if $ page.page_name == "cms" AND $ smarty.get.id_cms == '10'}
       {hook h = 'displayCustomSlick'}
{/ if}

Share this post


Link to post
Share on other sites

can anyone tell me how to customize the animations and the positions of the texts on the images? thanks

Edited by soniqro

Share this post


Link to post
Share on other sites
On 10.04.2018 at 4:34 PM, soniqro said:

can anyone tell me how to customize the animations and the positions of the texts on the images? thanks

 

Hello,

Animation and position of the text is specified in the file with the styles for the module

Share this post


Link to post
Share on other sites
On 4/12/2018 at 1:42 PM, BonPresta said:

 

Hello,

Animation and position of the text is specified in the file with the styles for the module

 

I dont understand where i can find them :((  can anyone help me please?

Edited by soniqro

Share this post


Link to post
Share on other sites
23 hours ago, soniqro said:

 

I dont understand where i can find them :((  can anyone help me please?

 

Hello,

Yes, you need to edit the file
bonslick \ views \ css \ bonslick_front.css

Share this post


Link to post
Share on other sites

see my home slider, picture good, but text not good. not left or on top.

how can i make this possible ?

foto-fout.gif

Share this post


Link to post
Share on other sites
On 29.04.2018 at 9:53 PM, louis323 said:

see my home slider, picture good, but text not good. not left or on top.

how can i make this possible ?

foto-fout.gif

 

Hello,

You need to edit the file, there you set the position and design of the text
bonslick \ views \ css \ bonslick_front.css

Share this post


Link to post
Share on other sites
On 19.04.2018 at 3:12 PM, soniqro said:

ohh. thx a lot. i was looking in backoffice :)) stupid me :) 

 

Hello,

In the new version I will try to add different types of animation for the text in the module settings

Share this post


Link to post
Share on other sites

can i chance the sise off the picture ?

Edited by louis323

Share this post


Link to post
Share on other sites
14 hours ago, louis323 said:

can i chance the sise off the picture ?

 

Hello,

you upload images, they are adaptive in the slider and the size changes depending on the block (responsive)

Share this post


Link to post
Share on other sites

Hello

The slider is 40 px to short. where i can adjust this? any help would be appreciated

Best Regards

pascalCapture.thumb.jpg.35d3f0092ed74c5f233e5c126d4126b2.jpg

Share this post


Link to post
Share on other sites

For some reason I can’t see the text from the installed slider in my mobile phone. 

Share this post


Link to post
Share on other sites

Hello, I install it in PS 1.7.3, I can see the module in the modules list, I have set it in the "displayHome" position but it won't show up in the page.

What am I doing wrong?

Share this post


Link to post
Share on other sites
On 31/1/2018 at 11:47 AM, BonPresta said:

 

Hello,

Yes, i added position - displayNavFullWidth

Thanks

Como hago esto? no veo la opcion

 

Share this post


Link to post
Share on other sites
On 03.05.2018 at 2:51 AM, prcwest said:

For some reason I can’t see the text from the installed slider in my mobile phone. 

 

Hello,

Сan give a link to your site
I'll see what's the reason

Share this post


Link to post
Share on other sites
On 16.05.2018 at 6:15 PM, digiacomo.guido@gmai said:

 

excellent modulo,

question how do I put "shop now"?

 

My example caption

                              <h3>Featured</h3>
<h1>Love Leather Skirt</h1>
<p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed perspiciatis unde omnis iste natus error sit voluptatem.</p>
<p><span>SHOP NOW</span></p>

 

Share this post


Link to post
Share on other sites
On 01.06.2018 at 11:12 PM, DraganAlexandru94 said:

Hello,

How can I reduce the size of the slide, on the mobile do not see the arrows.
Where can I adjust the size of the images?

Thanks!

 

Hello,

You can add in the file for styles

Share this post


Link to post
Share on other sites
1 hour ago, GuerreraStyle said:

my website link is codesunglasses.com, can you help me with the module install procedure?

 

Write to us on the mail (bonpresta@gmail.com) and our developer will help with the installation

Share this post


Link to post
Share on other sites

How can i center a slider on o page please.

slider.jpg

Share this post


Link to post
Share on other sites
On 14.06.2018 at 4:35 AM, marc said:

How can i center a slider on o page please.

slider.jpg

You need to upload a larger image size.
It is possible to align in the center through styles text-align: center;

Share this post


Link to post
Share on other sites

I want to create a slider with 400x400 px images on a center  screen.

I dont want full screen slider.

It si possible ?

Which file i need to modify ?

 

Share this post


Link to post
Share on other sites

same

work fine for images and text on desktop/laptop

but on mobile the text is not show (only the images)

any suggestions ?

Thanks in advance

Patrick

BTW Thank you for the work and the share  :) 

Share this post


Link to post
Share on other sites

Hello,

 

Thanks for this nice module !

Some of my links do not work, because URLs are truncated after 100 characters...

It seems a reasonable limit but I'm on a project where products have loooong names which gives loooong friendly  URLs !!

Where does the truncate happen so I can adjust that ?

Thanks in advance !

Share this post


Link to post
Share on other sites

I found where the "100-char-max-for-the-url" limit is defined :

it happens in bonslick/sql/install.php line 38 :

`url` VARCHAR(100) NOT NULL,

100 can be changed to whatever length you need.

BUT

Since this code is only interpreted at the installation of the module, you must uninstall / reinstall the module.

Your slides will be lost :(

but then you can use extra long urls :)

Share this post


Link to post
Share on other sites

Hi,
From the moment i put text in the editor i loose 50% of my image.

 

Someone know how to fix this?
image.thumb.png.738c4921d958cc9028328aeb9c2f5d09.png

  • Like 1

Share this post


Link to post
Share on other sites
On 16.06.2018 at 12:36 AM, marc said:

I want to create a slider with 400x400 px images on a center  screen.

I dont want full screen slider.

It si possible ?

Which file i need to modify ?

 

 

Hello,

Yes, perhaps you need to specify a fixed width in the style file

 

Regards,

Bonpresta

Share this post


Link to post
Share on other sites
On 29.06.2018 at 3:34 PM, Patrick Proot said:

same

work fine for images and text on desktop/laptop

but on mobile the text is not show (only the images)

any suggestions ?

Thanks in advance

Patrick

BTW Thank you for the work and the share  :) 

 

Hello,

You can give a link to your site to see, maybe for mobile text hidden by styles

Regards,

Bonpresta

Share this post


Link to post
Share on other sites
On 04.07.2018 at 7:10 PM, Rom Soul said:

I found where the "100-char-max-for-the-url" limit is defined :

it happens in bonslick/sql/install.php line 38 :


`url` VARCHAR(100) NOT NULL,

100 can be changed to whatever length you need.

 

Hello,

 

Thank you,

I will increase the number of characters for url

Share this post


Link to post
Share on other sites
On 19.07.2018 at 3:08 PM, flipthijs said:

Hi,
From the moment i put text in the editor i loose 50% of my image.

 

Hello,

Can give a link to your site what to check

Regards,

Bonpresta

 

Share this post


Link to post
Share on other sites

Hi, it looks really great but the link was down ... can you put it back bro?

thank you very much

Share this post


Link to post
Share on other sites
17 hours ago, sergio_porto said:

Hi, it looks really great but the link was down ... can you put it back bro?

thank you very much

 

Hello,

The demo works correctly
https://presta-addon.com/
The link to the module's archive also works ...

Which link does not work for you?

Share this post


Link to post
Share on other sites

Hi, as much for me I had to be tired lol ...

I recovered it well and wanted to test on my pre-prod but despite all the grafted hooks I do not have the display of the slider in the index.

You would have already encountered the problem?

Share this post


Link to post
Share on other sites
4 minutes ago, sergio_porto said:

Hi, as much for me I had to be tired lol ...

I recovered it well and wanted to test on my pre-prod but despite all the grafted hooks I do not have the display of the slider in the index.

You would have already encountered the problem?

 

The module has positions:


hookdisplayTop
hookDisplayHome
hookdisplayTopColumn
hookdisplayCustomSlick

Share this post


Link to post
Share on other sites

Absolutely and besides it appears in the product sheet in header as in top column but despite having grafted all the hooks it does not appear on the index.

It's probably a problem with my theme.

Share this post


Link to post
Share on other sites
1 hour ago, sergio_porto said:

Absolutely and besides it appears in the product sheet in header as in top column but despite having grafted all the hooks it does not appear on the index.

It's probably a problem with my theme.

 

I think there may be a conflict with the theme

Can give a link to your site I'll look into what could be the reason

Share this post


Link to post
Share on other sites
11 hours ago, sergio_porto said:

Of course, I drop you the infos in pv.

 

Well, I see a message from you

Share this post


Link to post
Share on other sites

Hello.

Could you help me, please.

 

I need to copy this module to use 2 different versions on one page. What i tried to do:

rename bonslick folder to bonslick2

rename bonslick.php to bonslick2.php

rename ClassBonSlick.php to ClassBonSlick2.php

rename ClassBonSlick class to ClassBonSlick2

rename all new ClassBonSlick to new ClassBonSlick2 in bonslick2.php

rename all '._DB_PREFIX_.'bonslick to '._DB_PREFIX_.'bonslick2 and '._DB_PREFIX_.'bonslick_lang to '._DB_PREFIX_.'bonslick_lang2

 

When i click "Add new item" and then click "save" i get this error "The item could not be added."

Share this post


Link to post
Share on other sites
On 18.10.2018 at 12:21 AM, ARAmiss said:

Hello.

Could you help me, please.

 

I need to copy this module to use 2 different versions on one page. What i tried to do:

rename bonslick folder to bonslick2

rename bonslick.php to bonslick2.php

rename ClassBonSlick.php to ClassBonSlick2.php

rename ClassBonSlick class to ClassBonSlick2

rename all new ClassBonSlick to new ClassBonSlick2 in bonslick2.php

rename all '._DB_PREFIX_.'bonslick to '._DB_PREFIX_.'bonslick2 and '._DB_PREFIX_.'bonslick_lang to '._DB_PREFIX_.'bonslick_lang2

 

When i click "Add new item" and then click "save" i get this error "The item could not be added."

 

Hello,

It's not all you renamed ...

Need a lot of rename

It is better to take another module. I have a paid version.

 

 

Share this post


Link to post
Share on other sites
On 27.10.2018 at 1:47 PM, Jean Francois G said:

can you tell me the difference of the free and the paid version ?

 

Hello,

Now in the paid version there are more slider control settings

Edited by BonPresta

Share this post


Link to post
Share on other sites

Bonjour,

Je viens d'installer le slider sur ma boutique, c'est vraiment bien, facile et l'effet et top.

Par contre l''effet sur mobile et tablette n'est pas terrible, car le texte ne s'adapte pas...comme vous voyez sur l'image

Comment faire pour que le texte continue à se placer à la bonne taille au bon endroit?

Merci de votre aide et bonne journée

Marilyne

 

Sans titre.png

Share this post


Link to post
Share on other sites
On 05.11.2018 at 5:37 PM, Lyn&Or Bijoux said:

Comment faire pour que le texte continue à se placer à la bonne taille au bon endroit?

 

 

 

 

Hello,

The text on the slider is placed via css

Share this post


Link to post
Share on other sites

Bonjour,

Merci mais malheureusement, ça ne m'aide pas beaucoup car je ne sais pas comment modifier le css juste pour la version mobile/tablette...

Bonne journée

Share this post


Link to post
Share on other sites
4 minutes ago, Lyn&Or Bijoux said:

Bonjour,

Merci mais malheureusement, ça ne m'aide pas beaucoup car je ne sais pas comment modifier le css juste pour la version mobile/tablette...

Bonne journée

 

Bonjoir,

 

inside styles for tablet

@media (max-width: 992px) {
}

here for mobile

@media (max-width: 768px) {
}

 

Share this post


Link to post
Share on other sites

Hello 

I'm not able to put the slideshow at the top of my site.

I need help

Is this the file that we have to change?

image.png.b8242e2bee027dddfab818742da51bdb.png

Not work!!!!

image.png

Share this post


Link to post
Share on other sites
On 11/12/2018 at 10:53 PM, SMarques said:

Hello 

I'm not able to put the slideshow at the top of my site.

I need help

Is this the file that we have to change?

Hello,

For this page, you need to add with the ID of the desired page

{if  $cms.id == 2}
       {hook h = 'displayCustomSlick'}
{/ if}

Share this post


Link to post
Share on other sites

Hello,
I just installed this module, there is information about the completed installation, but I do not see the module on the list. You maybe know why is that happend?

Presta 1.6.1.23, PHP 7.3

Share this post


Link to post
Share on other sites

Hi,

When I put text in the image appear a white line under the text, if the text is simple(one line) only appear a slim bar, but if I put more text for example your text(Text that appear in the video) I lose the 50% of the image.

I´m using PS v1.7.4.4. and AIS v1.0.0. if would you like see the issue in the store this is the link http://lakosmetica.com/

Could you help me to solve this issue please,

Regards.

10%.PNG

50%.PNG

Share this post


Link to post
Share on other sites
On 12/23/2017 at 11:35 PM, BonPresta said:

 

awesome-image-slider.jpg

Awesome Image Slider is a completely new and advanced way to represent your images in slides . Slider is the best way to promote your website by creating amazing sliders with beautiful transition effects. With our Awesome Image Slider, creating slideshows has never been so fast and enjoyable! Add your beautiful images into the slider, after which give some nice styling and enjoy your modern slider. Slider helps you to display unlimited number of images to showcase your amazing works. Slider is designed for displaying full-size sliders on any of your website pages.

 

  • Super easy install and customize.
  • Set autoplay and mouse drag.
  • Set navigation and pagination.
  • Set autoplay timeout.
  • Add direct urls to each image.
  • Drag and drop to change positions.
  • Responsive & Touch enable.
  • Resize a slider automatically on responsive themes.
  • Simple and friendly user interface.
  • Compatible with all web browsers.
  • Multi-language and multi-store ready.
  • Support and well documented.

 

Video Settings

 

 
 
 
 

Demo

Video Settings

 

Module: bonslick.zip

 

Bonpresta Prestashop Module        Bonpresta Prestashop Module        Bonpresta Prestashop Module

 

Buena pinta tiene!!!

Share this post


Link to post
Share on other sites
12 hours ago, JUANFM said:

Buena pinta tiene!!!

 

Thanks!

Share this post


Link to post
Share on other sites
On 12/19/2018 at 2:26 PM, olowek1122 said:

Hello,
I just installed this module, there is information about the completed installation, but I do not see the module on the list. You maybe know why is that happend?

Presta 1.6.1.23, PHP 7.3

 

Hello,

The module works correctly with this version ...
You can give access to private messages and we will see the reason.

Share this post


Link to post
Share on other sites
On 12/22/2018 at 1:59 PM, kareemshamel said:

I am unable to view my uploaded images 

slider err.png

 

Hello,

You need to add slides
There is a button - Add new item.

 

 

Share this post


Link to post
Share on other sites
On 12/26/2018 at 11:50 AM, Meshi14 said:

Hi,

When I put text in the image appear a white line under the text, if the text is simple(one line) only appear a slim bar, but if I put more text for example your text(Text that appear in the video) I lose the 50% of the image.

I´m using PS v1.7.4.4. and AIS v1.0.0. if would you like see the issue in the store this is the link http://lakosmetica.com/

Could you help me to solve this issue please,

Regards.

10%.PNG

 

 

Hello,

I showed you in the screenshot because of what you have a white background

yc3LJss.jpg

  • Like 1

Share this post


Link to post
Share on other sites
hace 6 horas, BonPresta dijo:

 

Hello,

I showed you in the screenshot because of what you have a white background

yc3LJss.jpg

Hi, I found the issue! 

I´m using the module "color change" and this is the reason that this line appear.  

Thanks so much for your help I will check if I can make that this 2 modules work together 😋

Regards 

Share this post


Link to post
Share on other sites