Streamline Theme - Collection Grid/ Collection page - hover effect

Solved
Marvist
Excursionist
17 0 3

Super!

I have now granted access. 

PeanutButter
Shopify Partner
330 66 137

Great, will try to implement a fix sometime tomorrow

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
Marvist
Excursionist
17 0 3

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?

0 Likes
PeanutButter
Shopify Partner
330 66 137

This is an 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.

 

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
Marvist
Excursionist
17 0 3

Hi @PeanutButter 

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

Thank you so much. 

0 Likes
PeanutButter
Shopify Partner
330 66 137

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!

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

Thanks again for all the help!

0 Likes