Remove Hover on slideshow to stop Auto rotate

[Sohayl67]

Hello i Have An Issue , I have on my landing Page   A Slide Show  that when i hover my cursor on it , it pauses on the slide , when i remove the cursor from the slide show it automatically stops ..... i Think there is just a code to remove .... It's a pretty simple matter and it should be easy to fix .

[lynth]

Hi! If you need help, please share your store URL. It might be something you can fix through the customization options in your CMS panel.

Go to: Online Store -> Themes -> Customize (the black button).

Then, click on the Slideshow section and look for any relevant settings.

[Sohayl67]

https://7968dc-f5.myshopify.com/

[lynth]

Did you try adjusting the customization slider settings? They seem to work fine to me. Most sliders function this way: they pause on hover and resume playing when the mouse moves away.

[Sohayl67]

but no i want to not make it stop when we hover the cirso

[lynth]

Please show me your slider settings for the theme customization in CMS. There is an option to turn off it.

[Sohayl67]

There is no option in the slide settings to stop the hovering option that make the auto rotate off

[lynth]

I found a snippet in your code. Try maybe to manipulate the pause fragment.

    <script>
      window.shopUrl = 'https://7968dc-f5.myshopify.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add to cart`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        unavailable_with_option: `[value] - Unavailable`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
        min_error: `This item has a minimum of [min]`,
        max_error: `This item has a maximum of [max]`,
        step_error: `You can only add this item in increments of [step]`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
        countrySelectorSearchCount: `[count] countries/regions found`,
      };
    </script>

 It should be in the theme.liquid or some js file. 

[steve_michael2]

Hello!

Please share "Store URL".

Thanks.

[Sohayl67]

https://7968dc-f5.myshopify.com

[DaisyVo]

Hi @Sohayl67 

Could you please share the page link you are referring to? 

Thank you!

Best,

Daisy - Avada Support Team 

[DaisyVo]

Hi @Sohayl67 

You can consider checking all the screenshots below and adjust // before all red marked code there: 

https://prnt.sc/0NHf83-kN5jc
https://prnt.sc/e25MUdsY14Mr
https://prnt.sc/uTSDYL725yv8
https://prnt.sc/SsQexUgXDuEE

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.

[steve_michael2]

Hello, @Sohayl67 

Choose slide show option, then you can follow image's steps.

Thanks!