Streamline Theme - Collection Grid/ Collection page - hover effect

[Marvist]

Super!

I have now granted access. 

[PeanutButter]

Great, will try to implement a fix sometime tomorrow

[Marvist]

Thanks for your help so far. Much appreciated. 

If you have time, there is another thing. I have for some time tried to change the code so I can include icons to the announcement bar, without any luck. 
I have tried to follow instructions written by another Shopify partner for the debut theme, but the code seems to be very different in Streamline.. I cannot find the section named: "

"announcement-bar__message""

Link to the topic:
https://community.shopify.com/c/Shopify-Design/Theme-Debut-Add-shipping-ICON-to-Announcement-bar/td-...

Is there an easy way to do this in Streamline theme?

[PeanutButter · Accepted solution]

Hi @Marvist,

I have made a copy of your theme and named it Streamline By Peanuts.  There I have implemented both changes related to the product slider:

1- Remove the progress bar:

This was accomplished by adding this add the end of Assets/theme.css.liquid:

/*************************************************/
/*** customizations by https://peanutbutter.es ***/
/*************************************************/

/* Hide product slide progresion bar */
.product-slider.slick-initialized:after {
  display: none;
}

2- Make the loop through images quicker

By default the time spent on each slide is set to 1050ms (a little above 1 second).  I have set this to 750ms (about 3 quarters of the default).  Let me know what you think about the current speed.

[Marvist]

Hi @PeanutButter 

I can see that the progress bar is gone, and the speed of the loop is now perfect. 

Thank you so much. 

[PeanutButter]

Nice to hear,

To make live the changes I made, you can either:

- Make live my copy of the theme
- Replace the following files from my copy to the live theme: Assets/theme.min.js and Assets/theme.css.liquid

Good luck with your store!

[Marvist]

Thanks again for all the help!