How can I disable the product slide feature in the Pipeline theme?

[Apo94]

Hello,

I have the pipeline theme and I’m trying to remove the product slide feature.

So when I hover over any product, it automatically changes the pictures. I would like to remove this very feature.

Store ID: https://742163.myshopify.com/

Password: 123

[BSS-Commerce]

Hi @Apo94

Please follow these steps:

1. Go to Theme => Edit Code

2. Find theme.js. file and search for the following code:

this.container.addEventListener("mouseenter"

When you find the position, comment on the whole function by highlighting the whole function and pressing Ctrl + /

After this step is successful, the picture will not be changed anymore.

3. When step 2 is ok, you find the file theme.css / base.css / global.css (1 global CSS file). This step is to hide pagination on image hover. Then, please add the following CSS to the file you find:

.product-grid-item__pagination {
  display: none;
}

• Here is the result when hovering:

I hope that it will work for your site.

[Apo94]

Hey,

unfortunately my theme.js file is empty and looks like this.

Also I have a Macbook and can’t use the Ctrl +/ shortcut, is there another one for mac?

Since I use the Pipeline theme it might be different to the dawn theme.

[BSS-Commerce]

Hi @Apo94

Please do the following steps again:
2. Search for the code using cmd + F. When you see the code, please comment on it by adding “/" at the beginning of the function and adding "/” at the end of the function.

Note: You comment in the correct position. Please pay attention to the “,” before and after the function.

I hope that this can help you solve the issue.

[Apo94]

Hello,

I don’t know where I can find this code. Could you please tell me where I have to look for? Is it the theme.css file or another one?

[BSS-Commerce]

Hi @Apo94

It seems that you solved the issue. If you need further help, please let us know.