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,008 Views
0 Likes
Report
Replies 18 (18)
iPaddy
New Member
13 0 0
‎04-27-2020 02:46 PM

Bump...

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

Bump...

1,873 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,859 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,819 Views
0 Likes
Report
In response to Waifu
Siamesekrazy
Excursionist
11 0 4
‎05-06-2020 08:19 AM
Having the same problem...
1,793 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,776 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,711 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,671 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,571 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,676 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,698 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,674 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,397 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,218 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,142 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?

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

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

678 Views
0 Likes
Report

Community Blog Articles

31-54-5hg9c-2x272
Community Update! Threading Improvements

We're excited to announce improvements to the threaded messaging experience in our communi...

By TyW May 31, 2023
default image
We Answered Your Questions to Help You Get the Most Out of Your Shopify <> ...

Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...

By Jacqui May 30, 2023
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
Terms of Service Privacy Policy