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

Bump...

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

Bump...

2,215 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.

2,201 Views
0 Likes
Report
Waifu
Visitor
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!
2,161 Views
0 Likes
Report
In response to Waifu
Siamesekrazy
Excursionist
11 0 5
‎05-06-2020 08:19 AM
Having the same problem...
2,135 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!

2,118 Views
0 Likes
Report
Siamesekrazy
Excursionist
11 0 5
‎05-22-2020 11:44 AM

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

2,053 Views
0 Likes
Report
Artzen_tech
Shopify Partner
380 80 77
‎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
2,013 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,913 Views
Report
In response to Epyone
Artzen_tech
Shopify Partner
380 80 77
‎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
2,018 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!

2,040 Views
0 Likes
Report
In response to Epyone
Artzen_tech
Shopify Partner
380 80 77
‎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
2,016 Views
0 Likes
Report
In response to Artzen_tech
jaeyow
Visitor
1 0 2
‎08-03-2020 02:34 AM

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

1,739 Views
Report
In response to jaeyow
Natachajohn
Visitor
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,560 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,484 Views
0 Likes
Report
In response to WOLFBKS
RoyalFireCo
Visitor
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?

1,213 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.

1,239 Views
0 Likes
Report
In response to Artzen_tech
supportRose
Visitor
2 0 0
‎01-28-2021 06:52 PM

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

1,020 Views
0 Likes
Report
Community Browser

Community Blog Articles

cropped-shutterstock_1498591895.webp
The 30-30-30 Rule: A Balanced Approach to Social Media for Startups

Explore the 30-30-30 rule, a dynamic social media strategy for new businesses. Learn how t...

By Trevor Sep 20, 2023
cropped-shutterstock_1913321758.webp
How To Gain Customer Trust With Your Store’s Footer

Discover how to leverage the often overlooked footer of your ecommerce site to gain custom...

By Skye Sep 15, 2023
shutterstock_2183225521_16x9.png
Who Are Shopify Partners?

In this blog, we’ll be shining a light on Shopify Partners, Experts, and Affiliates. Who a...

By Imogen Sep 13, 2023
Terms of Service Privacy Policy