en Jump to content
BonPresta

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

Recommended Posts

 

 

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

Edited by BonPresta

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
s7w    0

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
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,

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More