Hello there,
We’ve been looking for a solution for hours now but without succeed. We was adding Size Chart and was messing a little bit with the code, I guess that’s why slide show is broken now. We tried to put every document to original but it’s not helping. I think at first when we tested Size Chart button everything was normal, but just recently I’ve discovered that the slide show on home page is broken now.
If you can also check on mobile devices, you will see the arrows under slide show and that it won’t show the second slide show picture which is there. And all text is gone from the main slide show picture along with Shop Now button
Appreciate any kind of help, here is the link: https://alexxjewelry.com/
1 Like
Hello,
There is JS conflict which prevent it to work.
Please check screen-shot
Without theme code access its not possible to provide solution.
So please try to revert what you did recently or hire someone to fix it.
Thanks
There is a JavaScript error that is preventing the carousel from fully loading. Here is the stacktrace:
theme.js?v=4719653161742176624:3887 Uncaught ReferenceError: afterResize is not defined
at Collection.theme.equalHeights (theme.js?v=4719653161742176624:3887)
at Collection.init (theme.js?v=4719653161742176624:2932)
at new Collection (theme.js?v=4719653161742176624:2919)
at Sections._createInstance (theme.js?v=4719653161742176624:117)
at Sections.<anonymous> (theme.js?v=4719653161742176624:196)
at Function.each (jquery-2.2.3.min.js?v=5821186314690718683:2)
at n.fn.init.each (jquery-2.2.3.min.js?v=5821186314690718683:2)
at Sections.register (theme.js?v=4719653161742176624:194)
at HTMLDocument.<anonymous> (theme.js?v=4719653161742176624:3971)
at i (jquery-2.2.3.min.js?v=5821186314690718683:2)
Looks like there is a missing jQuery plugin or a pice of code that was defining afterResize function.
1 Like
Thanks for trying to help!
Is it possible that one of this files is making the problems?
theme.js.liquid
theme.scss.liquid
With this 2 files I can’t find a way to revert changes, and if I remember correctly I did edit one of these 2 files?
The problem is the missing function, so you might have deleted some of the code within these files. One way as a quick fix would be to comment out the code in theme.js.liquid which uses afterResize. I don’t about the side effects, but I was able to fix the carousel by commenting that code.
1 Like
Alternatively, you can try adding this piece of code to the top of your theme.js.liquid :
/*
* Run function after window resize
* http://stackoverflow.com/questions/2854407/javascript-jquery-window-resize-how-to-fire-after-the-resize-is-completed
*/
var afterResize=(function(){var t={};return function(callback,ms,uniqueId){if(!uniqueId){uniqueId="Don't call this twice without a uniqueId";}if(t[uniqueId]){clearTimeout(t[uniqueId]);}t[uniqueId]=setTimeout(callback,ms);};})();
1 Like
And that Sir worked really well! Thank you the code helped getting the website back to normal. 
Okay, wow, so too bad for human error? I can’t find the slide show on my site. Your answer is “hire someone”??? Im already spending a fortune on ad’s
social media, and now you guys are hounding me for payment now I havent even been able to complete the website. HIRE SOMEONE, right, then why in the F
do you guys advertise, “Oh it’s so easy, use us, use Shopify”. ?? Why? WHERE IS THE SLIDE SHOW???
@shopNobag sorry to hear about your experience. There are no errors in the console so most probably your issue is different from the issue originally posted here. From what I can tell looking at the code, the slider is in place, but there is only one slide setup at the moment of writing this. You might want to review your slider setup in the Theme Customizer.
Hello,
My site just went live and I’m running into the same problem. Is there, by chance, a solution for the less code-savvy folks?
Any help would be appreciated!
I have tried this code, but it isnt working for me.
any other suggestions?
the slider appears correctly, but will not animate, and the buttons do work either.
cheers
@RuthFlanagan what’s your store URL?
1 Like
We’re all here because something is wrong with this theme’s slider. My site is vantashield.com. I am currently trying to get this slider to work. I have it set to 3 seconds. There is not much you can customize here, so I don’t know how I could have messed it up. I may have to get into the code to fix it, so it might be fixed by the time you see this.
Yep, fixed it using some code from another thread about this same “Brooklyn” theme.
Here is the solution:
type this into the top line of your theme.js.liquid code. This is found in theme>actions>edit code> assets> select the theme.js.liquid file, and paste this at the very top:
/*
* Run function after window resize
* http://stackoverflow.com/questions/2854407/javascript-jquery-window-resize-how-to-fire-after-the-resize-is-completed
*/
var afterResize=(function(){var t={};return function(callback,ms,uniqueId){if(!uniqueId){uniqueId="Don't call this twice without a uniqueId";}if(t[uniqueId]){clearTimeout(t[uniqueId]);}t[uniqueId]=setTimeout(callback,ms);};})();
Thank you!
Hello,
I was reading through the comments and I am experiencing a similar problem.
my slide show is suddenly not working.
I just did a copy of my Theme code as Shopify advised me
Then I add the metafields (color variant definition) and add some code into “product-template.liquid”. I am using a Sunrise theme. I am not sure how to find out if its some Java script or if its the metafields that cause this?
I am sharing a preview link:
https://xz3um3gz1vuf95ej-53111193783.shopifypreview.com
The name of my Shopify store is:
https://the-answer-line.myshopify.com/
I am also sharing some screen shots:
thank you!
