Swiper Slider

DEV-NOTES:

Add the entry swiper to your page template.

To change default parameters: './src/js/modules/swiper.js'.
Click here to get a list of all available parameters.

Swiper (simple)

Swiper spotlight

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Lorem Ipsum dolor sit amet

Swiper (extended with data & product card)

lorem ipsum

lorem ipsum ipsum

Card title 1

10,99€ 12,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

lorem ipsum

lorem ipsum ipsum

Card title long long very very long 2

10,99€ 12,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

lorem ipsum

lorem ipsum ipsum

Card title 3

10,99€ 12,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

lorem ipsum

lorem ipsum ipsum

Card title 4

10,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

lorem ipsum

lorem ipsum ipsum

Card title 5

10,99€ 12,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

lorem ipsum

lorem ipsum ipsum

Card title 6

10,99€ 5,0

46,63€ 1000g 300g, 10 St. Art.-Nr. 34373

Swiper (extended with data & cards recipe)

Card title 1

40 min / einfach

Card title 2

40 min / einfach

Card title 3

40 min / einfach

Card title 4

40 min / einfach

Card title long very long very long very long very long very long 5

40 min / einfach

Card title long very long very long very long very long very long 6

40 min / einfach

Swiper (extended with data & product review)

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Error quis nemo eum dolorem culpa delectus ipsum, perspiciatis vero dolore fuga illo quidem architecto? Eius odit, quas deleniti nam aut quidem.

01.01.2025

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

01.01.2025

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

01.01.2025

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

01.01.2025

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

01.01.2025

Max M.

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

01.01.2025

Swiper (extended with data & seo cards)

Lorem ipsum, adipisicing elit. Libero, omnis. 1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Lorem ipsum, adipisicing elit. Libero, omnis. 2

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Lorem ipsum, adipisicing elit. Libero, omnis. 3

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Lorem ipsum, adipisicing elit. Libero, omnis. 4

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Lorem ipsum, adipisicing elit. Libero, omnis. 5

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Lorem ipsum, adipisicing elit. Libero, omnis. 6

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Deleniti, non.

Swiper (card-hero)

Title!

Card with a long very long title 1

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Title!

Card with a long very long title 2

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Title!

Card with a long very long title 3

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Swiper fluid (card-hero)

Title!

Card with a long very long title 1

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Title!

Card with a long very long title 2

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Title!

Card with a long very long title 3

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Minima, reiciendis? Lorem ipsum dolor sit amet.

Go somewhere

Swiper fluid (card-product-form)

lorem ipsum

lorem ipsum ipsum

Card with long long very very long - title 1

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

1x lorem lorem 4

1x lorem lorem 5

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

lorem ipsum

lorem ipsum ipsum

Card with - title 2

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

lorem ipsum

lorem ipsum ipsum

Card with - title 3

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

lorem ipsum

lorem ipsum ipsum

Card with long long very very long - title 4

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

1x lorem lorem 4

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

lorem ipsum

lorem ipsum ipsum

Card with - title 5

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

1x lorem lorem 4

1x lorem lorem 5

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

lorem ipsum

lorem ipsum ipsum

Card with long long very very long - title 6

more info

1x lorem lorem 1

1x lorem lorem 2

1x lorem lorem 3

1x lorem lorem 4

1x lorem lorem 5

10,99€ 12,99€

46,63€ 1000g 300g, 10 St.

DELETE ME