How can I remove swipe transitions from a website theme?

Store Design
, , , ,
1

Hello, I’m looking for some help to remove transitions from a theme.

The swipe transitions from our home page and this page - https://www.plinthy.com/pages/contact

Thanks :blush:

2

1º Find a code similar to this in your theme.liquid file:

2º Add this code within the previous one:

style="{% if template contains 'index' or page.url == '/pages/contact' %}animation: none !important;{% endif %}"

3º Updated code:

With these implementations, you shouldn’t have any problems stopping animations on those particular pages.

3

Thanks for the quick response!

This is the only code in theme.liquid that mentions body id which doesn’t look right…
4

Updated Code:
5

Unfortunately doesn’t seem to work :slightly_frowning_face:

6

Are you using any external library to add animations, such as: https://michalsnik.github.io/aos/ ? Are these animations part of the theme itself or are they added by some application?

7

I believe they are part of the theme (https://themeforest.net/item/aaraa-multipurpose-shopify-theme/39084971)

Thanks for the help!

8

Perfect! Thanks for the clarification. From what I can see in your code, there’s a document called animation.css responsible for adding animations to all your sections. To avoid animations on your homepage and Contact page, you’ll need to add the following code just below the tag. This code will remove the fadeInRight and fadeInLeft animations since these are the only ones added on those pages.

Your code:

Add this code right below:

{% if template contains 'index' or request.path contains '/pages/contact' %}

{% endif %}

I hope that helped you out!

9

Thanks so much! Do you offer a paid service at all? We have some more work to carry out…

Stuart

10

I’ve sent you a private message in case you want me to lend you a hand with your website.

By the way, mark my previous answer as the solution if it helped you out!