FROM CACHE - en_header

Brooklyn Theme - Slideshow stops on 2nd image...

iPaddy
New Member
13 0 0
‎04-26-2020 07:44 PM

HELP !

Hello,

Does everyone have this issue with the Brooklyn Theme?

It does not cycle past the second image. 1st image fine, 2nd image fine, then nothing, nothing happens unless I manually scroll the images myself or reload the page.

2,006 Views
0 Likes
Report
Replies 18 (18)
iPaddy
New Member
13 0 0
‎04-27-2020 02:46 PM

Bump...

1,892 Views
0 Likes
Report
In response to iPaddy
iPaddy
New Member
13 0 0
‎04-28-2020 08:47 AM

Bump...

1,871 Views
0 Likes
Report
In response to iPaddy
joeeverett
Shopify Partner
19 4 5
‎04-28-2020 01:27 PM

hi Ipaddy

 

If you give me your store details I'll try and fix it for you.

 

Kind regards

 

Joe Everett.

1,857 Views
0 Likes
Report
Waifu
New Member
1 0 0
‎05-04-2020 09:49 AM
Hi! I have the same problem. Third image shows after about 15 seconds, sometimes it does not. Were you able to solve this issue? Can you share it with me? Many thanks!
1,817 Views
0 Likes
Report
In response to Waifu
Siamesekrazy
Excursionist
11 0 4
‎05-06-2020 08:19 AM
Having the same problem...
1,791 Views
0 Likes
Report
beannie
Excursionist
24 5 3
‎05-06-2020 11:57 AM

I am having the same problem. I have three slides, set to 3 seconds, auto - it will move to the second one and then stop. Help!

1,774 Views
0 Likes
Report
Siamesekrazy
Excursionist
11 0 4
‎05-22-2020 11:44 AM

Same problem. I tried the fixes suggested by other discussions about this, but they did not work.

1,709 Views
0 Likes
Report
Artzen_tech
Shopify Partner
176 38 38
‎05-26-2020 04:34 AM

Hi, i have fix this issue with just applying 2 things into my slider code.

you have disable these 2 options in slide

pauseOnHover: false,
pauseOnFocus: false,

After adding this all is set! I hope it will help you all.

If you are not getting it properly let me know!
Thanks!
 

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
1,669 Views
Report
In response to Artzen_tech
Epyone
Tourist
3 0 1
‎06-21-2020 10:53 AM

Whats the full name of the "slider code". I can't find the right file in my code. Also where in that file did you put those two lines?

1,569 Views
Report
In response to Epyone
Artzen_tech
Shopify Partner
176 38 38
‎06-29-2020 12:09 AM
Hi you have to add it on theme.js.liquid file. Inside hero slider options. Thanks!
If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
1,674 Views
0 Likes
Report
In response to Artzen_tech
Epyone
Tourist
3 0 1
‎06-24-2020 01:38 PM

@Artzen_tech  where do you change:

pauseOnHover: false,

 

In what folder and what line can we find this?

Thanks!

1,696 Views
0 Likes
Report
In response to Epyone
Artzen_tech
Shopify Partner
176 38 38
‎06-29-2020 12:16 AM

In the "theme.js.liquid" file under hero slider options

If helpful, please Like and Accept this Solution to help others
Artzen Technologies | A Shopify Development Agency
WhatsApp - 9877983930

Book FREE CONSULTATION who want to migrate to Shopify or want to start an eCommerce business with Shopify
1,672 Views
0 Likes
Report
In response to Artzen_tech
jaeyow
New Member
1 0 2
‎08-03-2020 02:34 AM

I can confirm that setting these 2 options to false worked for me. 

1,395 Views
Report
In response to jaeyow
Natachajohn
New Member
1 0 0
‎10-20-2020 10:58 AM

Can you tell me how to find the hero slider options as I have about 4000 lines of code in theme.js.liquid?

Thanks

1,216 Views
0 Likes
Report
In response to Natachajohn
WOLFBKS
Tourist
12 0 0
‎10-31-2020 10:47 AM

@Natachajohn 

Go to theme.js.liquid

Press Cmd+F (on Mac) or Ctrl+F (on Windows) and enter this.settings

You'll find a piece of code that looks something like this:

 

 

this.settings = {
$element: $slider,
accessibility: true,
adaptHeight: $slider.data('adapt'),
arrows: true,
dots: true,

 

 

Add the two lines in the list of settings, 

pauseOnHover: false,
pauseOnFocus: false,

 

 

this.settings = {
$element: $slider,
accessibility: true,
adaptHeight: $slider.data('adapt'),
arrows: true,
dots: true,  
pauseOnHover: false
pauseOnFocus: false,

 

 

For me this worked.

 

Edit: The slideshow is now running, but still pauses on Hover. So it's not working 100%.

1,140 Views
0 Likes
Report
In response to WOLFBKS
RoyalFireCo
New Member
2 0 0
‎11-17-2020 07:27 PM

I searched my code for several of the lines you suggested, and found none of that. My theme is not java, somehow, so I have theme.liquid , not theme.js.liquid (this is at the top of the code... <html class="no-js" lang="{{ shop.locale }}">) Why is this, and what can I do to fix the slider pause problem?

869 Views
0 Likes
Report
In response to Artzen_tech
Sky8484
Tourist
5 0 1
‎11-16-2020 03:26 AM

Can someone please help me. My site went live today and I really want to have this error fixed before I announce it to the world.  Please help me fix this issue.

895 Views
0 Likes
Report
In response to Artzen_tech
supportRose
New Member
2 0 0
‎01-28-2021 06:52 PM

Hallelujah! Love your solution. Thank you so much! So simple and works so perfectly.

676 Views
0 Likes
Report

Community Blog Articles

24-09-19241-65844.png
Introduction to Shopify Sales Channels

Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...

By Ollie May 25, 2023
default image
Shopify - Web Pixels Manager Sandbox FAQ

Summary of EventsBeginning in January of 2023, some merchants reported seeing a large amo...

By Trevor May 15, 2023
two-factor-authentication-security.jpg
Securing your Account with Two-Factor Authentication

With 2-Factor Authentication being required to use Shopify Payments, we’re here to help yo...

By Imogen Apr 26, 2023
Terms of Service Privacy Policy