I am just starting developing with sage and using package managers. Sorry if i’m “noob-like”
I’ve installed slick-carousel with bower:
bower install slick-carousel --save
I thought it should work properly, but it did not
So i’ve added this to my bower.json file as override
Now the carousel works, but i don’t see the dots and arrows… mehhh:(
By the way i correctly used gulp & gulp watch after installing with bower…
The same problem i have with font-awesome
Installed with bower
In my bower.json file my dependencies are changed
And i’ve added this override
I only get strange little rectangles… what am i doing wrong?
You need to tell Slick where to load assets from. Probably covered several times in these forums if you just search for Slick:
It also appears you’ve set an override for font awesome and have it pointing to slick folders. That doesn’t seem right.
Hi guys, thanks for the reply!
Fontawesome is working now but there are still some problems with slick-carousel
Changed my override to this
The carousel works, but the dots, next and prev buttons are not showing. This error i get in my console
Seems that it wants to get the files from the dist folder… ehm don’t know how to solve this
I already used gulp and gulp watch several times
Greetz and many thanks!
I used slick recently and these were my overrides in
Since you’re using Sage, it makes sense to use the SASS files. You also need to move the ajax-loader over as well so you don’t get a 404.
Also, since you’re already loading Font Awesome, save the load time and use their arrows. I used the following to replace the default Slick font with Font Awesome.
content: "\f0d9"; // http://fontawesome.io/icon/caret-left/
content: "\f0da"; // http://fontawesome.io/icon/caret-right/
I’m using the Font Awesome carets, but you can use whatever other icon you want from their library. Just grab the Unicode from the website.
Don’t forget to run
gulp watch so everything builds properly.
If you add the fonts to your
bower.json overrides then they will be correctly copied to the