Problem/Motivation

The module does not allow configuring the zoom option from the SwiperJS library.

Proposed resolution

Please add the zoom option to the module's configuration form and update the schema and default configuration YAML files accordingly.

Object with zoom parameters or boolean true to enable with default settings

const swiper = new Swiper('.swiper', {
  zoom: <Object>{
    maxRatio: <integer>5,
  }|<boolean>true,
});

Demo: https://swiperjs.com/demos#zoom
API docs: https://swiperjs.com/swiper-api#param-zoom

CommentFileSizeAuthor
#4 Screen-Recording-2025-10-28-11-21-34.gif20.09 MBsebastix
#4 Screen-Recording-2025-10-28-11-18-40.gif319.38 KBsebastix

Issue fork swiper_formatter-3554570

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

sebastix created an issue. See original summary.

bbu23’s picture

bbu23
Location 🇪🇺🇪🇺🇪🇺
commented
Version: 2.0.x-dev » 2.1.x-dev

Hi, thanks for reporting the feature request.

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented
Assigned: Unassigned » sebastix

I need it for a client project, so I'm going to start build this feature.

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented
StatusFileSize
new Screen-Recording-2025-10-28-11-18-40.gif319.38 KB
new Screen-Recording-2025-10-28-11-21-34.gif20.09 MB

Zoom options in the Swiper template config form:
Zoom options

Demo:
Demo zoom

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented

I've pushed the changes to https://git.drupalcode.org/issue/swiper_formatter-3554570/-/tree/3554570.... FYI this MR will conflict with MR#24.

I have not fully tested the zoom options in every format (the dialog for example) yet. But this initial push of the code is ready for a review.

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented
Status: Active » Needs review
bbu23’s picture

bbu23
Location 🇪🇺🇪🇺🇪🇺
commented
Status: Needs review » Needs work

Thanks for the detailed information. Could you please open an MR on this ticket even if it conflicts with other existing MRs? In order for us & others to review, there has to be an MR. Thank you!

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented

Normally when I push changes to a issue branch, there is a MR created automatically. In this case, no MR was created. So I'm looking how to create that MR. Can't find how. Am I missing something?

bbu23’s picture

bbu23
Location 🇪🇺🇪🇺🇪🇺
commented

Idk about automatic MRs, I've never experienced something like that in here. I always create my MRs manually.

You should be able to create the MR here: https://git.drupalcode.org/issue/swiper_formatter-3554570/-/compare/2.1.... by clicking on the "Create merge request" button.

sebastix opened merge request !28

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented

Thx. Here we go: https://git.drupalcode.org/project/swiper_formatter/-/merge_requests/28

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented
Status: Needs work » Needs review
bbu23’s picture

bbu23
Location 🇪🇺🇪🇺🇪🇺
commented
Assigned: sebastix » bbu23

  • bbu23 committed 4a230e3e on 2.1.x 
    test: #3554570 Add Kernel test for zoom options

  • bbu23 committed 9c9c54c6 on 2.1.x 
    test: #3554570 Add update path test for zoom options post_update

bbu23’s picture

bbu23
Location 🇪🇺🇪🇺🇪🇺
commented
Assigned: bbu23 » Unassigned
Status: Needs review » Fixed

Thx, this will be available in 2.1.0

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

sebastix’s picture

sebastix
Primary language Dutch
Location Breda, Netherlands
commented

Cool, you're welcome!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.