Streamline Theme - Collection Grid/ Collection page - hover effect

Solved
Marvist
Excursionist
17 0 3

Hi

When mouse over the image in the collection as illustrated below, an underline appears which runs from left to right, while at the same time alternate product image appears slow-mo. 

How can I remove this "running underline" and simultaneously increase the speed of the alternate product image? 

 

Thanks for your attention. 

Underline left to right.PNG

0 Likes
PeanutButter
Shopify Partner
330 66 137

Hi, please share your store url so I can provide solution

 

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
PeanutButter
Shopify Partner
330 66 137

your site is password protected, share the pass here or by PM please

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Marvist
Excursionist
17 0 3

password: aoniye

0 Likes
PeanutButter
Shopify Partner
330 66 137

Hi, seems that each product has a product slider...
I would need access to the code to check how this is done in the Streamline Theme as i am not familiar with this theme's codebase.

would it be ok to request collaborator access to your store?

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Marvist
Excursionist
17 0 3

Hi, yes please.

0 Likes
PeanutButter
Shopify Partner
330 66 137

Ok, before I take a look, I see what the theme does is it loops through all the product images while you place the mouse over a product.  So really, on mouse-over it is not the alternative image that appears as you said, but all the images in sequence.

For example, in your CONTOUR SCRUNCH SEAMLESS LEGGINGS - PINK product, when I do mouse-over i get 3 images on a loop:

Is this what you want but quicker? or you only want to show the alternate image (second image) on mouse-over?

 

 

 

 

https://barberry-fitness-apparel.myshopify.com/

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es
0 Likes
Marvist
Excursionist
17 0 3

Hi,

I am sorry if I was not clear enough, let me rephrase my question: 

Would it be possible to:

1) Make the loop function that runs through added picture images; faster. 

&

2) Right now there is an animation of a line that appears from the left side, between the product image and the description of the product. When one holds the mouse of the product the line starts "running" which is a really stressfull feature. Would it be possible to remove this line, so that the picture would still loop (faster) and without this line feature appearing?

 

Thanks. 

 

 

 

PeanutButter
Shopify Partner
330 66 137

Thanks @Marvist  for the detailed explanation. I have requested access to take a look.

Removing the line is really easy.  Lets see about speeding up the looping on the images

Peanut Butter Collective | Shopify Experts
- Was my reply helpful? Please Like and Accept Solution.
- Want to customize and improve your store? Hire us.
- Feel free to contact me us hello@peanutbutter.es