Skip to content

Commit a1e730a

Browse files
ViachikTViachikT
committed
slider added
1 parent ee62f1c commit a1e730a

30 files changed

+4867
-6
lines changed

‎package-lock.json

+12-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -32,6 +32,7 @@
3232
"webpack-dev-server": "^4.10.1"
3333
},
3434
"dependencies": {
35-
"@babel/polyfill": "^7.12.1"
35+
"@babel/polyfill": "^7.12.1",
36+
"jquery": "^3.6.1"
3637
}
3738
}

‎src/index.html

+2-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width, initial-scale=1">
77
<title>Cofee Mugs</title>
8+
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
89
</head>
910
<body>
1011
<!-- HEADER -->
@@ -212,6 +213,6 @@ <h2 class="magazine__block__title">Get our Coffee Magazine</h2>
212213
</footer>
213214
</div>
214215
</main>
215-
<script src="./index.js"></script>
216+
<script src="./index.js"></script>
216217
</body>
217218
</html>

‎src/index.js

+45-3
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,48 @@
1-
import "./index.html"
2-
import "./index.scss"
3-
1+
import "./index.html";
2+
import "./index.scss";
3+
import "./modules/slick-1.8.1/slick/slick"
4+
import "./modules/slick-1.8.1/slick/slick-theme.css"
5+
import $ from 'jquery';
6+
window.jQuery = $;
7+
window.$ = $;
48

9+
$(document).ready(function(){
10+
$('.product__wrapper').slick({
11+
arrows:true,
12+
dots: true,
13+
infinite: true,
14+
slidesToShow: 3,
15+
slidesToScroll: 1,
16+
responsive: [
17+
{
18+
breakpoint: 1024,
19+
settings: {
20+
arrows:false,
21+
slidesToShow: 2,
22+
slidesToScroll: 1,
23+
infinite: true,
24+
dots: true
25+
}
26+
},
27+
{
28+
breakpoint: 700,
29+
settings: {
30+
arrows:false,
31+
slidesToShow: 1,
32+
slidesToScroll: 1
33+
}
34+
},
35+
{
36+
breakpoint: 281,
37+
settings: {
38+
arrows:false,
39+
slidesToShow: 1,
40+
slidesToScroll: 1,
41+
dots: false
42+
}
43+
}
44+
]
45+
});
46+
});
547

648

‎src/modules/slick-1.8.1/.gitignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
.sass-cache
2+
node_modules

‎src/modules/slick-1.8.1/CONTRIBUTING.markdown

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
## Submitting issues
2+
3+
### Test case required
4+
5+
**All bug reports and problem issues require a jsFiddle**.
6+
[Please fork this JSFiddle as a baseline](http://jsfiddle.net/simeydotme/fmo50w7n/).
7+
8+
+ A test case clearly demonstrates the bug or issue.
9+
+ It contains the bare minimum HTML, CSS, and JavaScript required to demonstrate the bug.
10+
+ Assets are not minified (we cannot debug .min.js files).
11+
+ A link to your production site is **not** a reduced test case.
12+
13+
Providing a test case is the best way to get your issue addressed. Without a test case; your issue may be closed.
14+
You must provide a clear and simple way to reproduce the issue with the provided fiddle.
15+
16+
## Support
17+
18+
Although Slick is designed to be super easy to use, there's always things that can go wrong, especially when interacting with other plugins and complicated websites. If you are **having problems getting Slick to work**, or can't figure something out, **this repository**'s issues section **is not the place to ask about it**.
19+
20+
I have set up a subreddit for Slick discussion at [reddit.com/r/slickcarousel](http://www.reddit.com/r/slickcarousel/).
21+
And a gitter chatroom here: [gitter.im/kenwheeler/slick](https://gitter.im/kenwheeler/slick).
22+
And finally you can ask the world for help, and find out if anyone else has your problem at [stackoverflow](http://stackoverflow.com/search?q=slick+carousel).
23+
24+
Please use these forums as an area to discuss Slick and any issues you may have.
25+
26+
## Feature Requests
27+
28+
If you would like to request or propose a feature, please do so in the the Slick subreddit or gitter chat:
29+
[reddit.com/r/slickcarousel](http://www.reddit.com/r/slickcarousel/) / [gitter.im/kenwheeler/slick](https://gitter.im/kenwheeler/slick).
30+
31+
## Pull requests
32+
33+
**Contributions are welcome**! That said, please *be prepared to edit* your pull request at request, and provide a jsFiddle of your fork working interoperably with every "mode" that Slick supports, and with varying numbers of slides, slidesToShow & slidesToScroll. Failure to do so will result in your pull request being closed.
34+
35+
*Please note that while Slick is open source, this is still my baby, and by submitting a pull request you are authorizing me to edit or modify it in any way shape or form. You will be listed in Github as a contributor, but I have and will continue to steer the direction of this project.*

‎src/modules/slick-1.8.1/ISSUE_TEMPLATE.md

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
2+
> short description of the bug / issue, provide more detail below.
3+
4+
====================================================================
5+
6+
7+
###### `[ paste your jsfiddle link here ]`
8+
9+
use this jsfiddle to reproduce your bug:
10+
http://jsfiddle.net/simeydotme/fmo50w7n/
11+
we will likely close your issue without it.
12+
13+
14+
====================================================================
15+
16+
17+
#### Steps to reproduce the problem
18+
19+
1. ...
20+
2. ...
21+
22+
23+
====================================================================
24+
25+
26+
#### What is the expected behaviour?
27+
28+
...
29+
30+
31+
====================================================================
32+
33+
34+
#### What is observed behaviour?
35+
36+
...
37+
38+
39+
====================================================================
40+
41+
42+
#### More Details
43+
44+
- Which browsers/versions does it happen on?
45+
- Which jQuery/Slick version are you using?
46+
- Did this work before?
47+
48+
49+
50+

‎src/modules/slick-1.8.1/LICENSE

+20
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2013-2016
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy of
6+
this software and associated documentation files (the "Software"), to deal in
7+
the Software without restriction, including without limitation the rights to
8+
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
9+
the Software, and to permit persons to whom the Software is furnished to do so,
10+
subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19+
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20+
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

‎src/modules/slick-1.8.1/Makefile

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
2+
build: components slick.js slick.css
3+
@component build --dev
4+
5+
components: component.json
6+
@component install --dev
7+
8+
.PHONY: clean

0 commit comments

Comments
 (0)