Slides per Group at breakpoints are ignored

Created on 19 November 2024, 2 days ago

Problem/Motivation

If you create a swiper template that depends on a series of breakpoint templates, and each breakpoint template has a different setting for Number of slides per group, the value for this field is ignored at all breakpoints and the value from the parent template is used instead.

Goal

We want to have a swipper carousel that starts out (mobile) by displaying a single slide with each click of the next or previous buttons moving a single slide. At the 768 pixels breakpoint, change to showing 2 slides at a time with each click of the next or previous buttons moving 2 slides. At the 960 pixels breakpoint, change to showing 3 slides at a time with each click of the next or previous buttons moving 3 slides. At the 1200 pixels breakpoint (and up), change to showing 4 slides at a time with each click of the next or previous buttons moving 4 slides.

Steps to reproduce

Create a series of breakpoint templates with the following settings

Breakpoint 2-slides
Number of slides per view = 2
Number of slides per group = 2

Breakpoint 3-slides
Number of slides per view =3
Number of slides per group = 3

Breakpoint 4-slides
Number of slides per view = 4
Number of slides per group = 4

Create a parent template with the following settings

Paged Carousel

Breakpoints

  • 768 Breakpoint 2-slides
  • 960 Breakpoint 3-slides
  • 1200 Breakpoint 4-slides

Number of slides per view = 1
Number of slides per group = 1

Proposed resolution

https://git.drupalcode.org/project/swiper_formatter/-/blob/2.0.1-beta4/s...

The breakpoints declaration should include slidesPerGroup.

🐛 Bug report
Status

Active

Version

2.0

Component

Code

Created by

🇨🇦Canada JayDarnell Guelph, Ontario

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024