Responsive minItems and maxItems (multiple columns per slide)

Created on 17 January 2017, over 7 years ago
Updated 30 November 2023, 10 months ago

Hi

With minItems and maxItems, one can set multiple columns per slide. Currently it is possible to do this per optionset.
I would like to make this setting responsive, so it would be possible to have a slide with a different amount of columns per breakpoint.

Logic for the settings form has been based on D7 Owl Carousel settings I remember from the past.
Logic for the flexslider implementation comes from https://github.com/woocommerce/FlexSlider/issues/1452.

Added 4 breakpoints, which can have their own min-width in pixels:

  • Default
  • Mobile
  • Tablet
  • Desktop

Attached a screenshot of the new config form.

I'll create a patch.

Feature request
Status

Needs review

Version

3.0

Component

Code

Created by

🇧🇪Belgium matthiasm11

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • @kobe-wright opened merge request.
  • Issue was unassigned.
  • Status changed to Needs review about 1 year ago
  • 🇧🇪Belgium Kobe Wright
    • Updated the version to 3.x since this was never merged into 2.x and 3.x is probably the way forward
    • Took a stab at a solution that allows you to set minItems and maxItems based on the breakpoints provided by the default theme
    • Opened a MR
    • Also attaching patch for composer
  • 🇳🇱Netherlands ecvandenberg

    Thanks Kobe! The patch applies cleanly to the 3.0.0-alpha1 version. Still on a Drupal 9 site.

    And the breakpoints work very well. Nice!

    Now let's see if all works fine after upgrade to Drupal 10...

Production build 0.71.5 2024