Skip to content

Docs for custom theme breakpoints#2099

Open
Phil23 wants to merge 4 commits intomainfrom
storefront-theme-breakpoints
Open

Docs for custom theme breakpoints#2099
Phil23 wants to merge 4 commits intomainfrom
storefront-theme-breakpoints

Conversation

@Phil23
Copy link

@Phil23 Phil23 commented Feb 5, 2026

Documentation for shopware/shopware#14612

Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adds documentation for a new feature in Shopware 6.7.8.0 that allows developers to override responsive breakpoints in themes. The documentation explains how to configure custom breakpoint values through theme configuration fields and how to apply these values in both Twig/JS and SCSS contexts.

Changes:

  • Added comprehensive guide for overriding Bootstrap breakpoints in themes
  • Documented six new theme config fields (sw-breakpoint-xs through sw-breakpoint-xxl)
  • Provided examples for configuring breakpoints in theme.json and applying them in SCSS

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment on lines +24 to +39
"value": 0,
},
"sw-breakpoint-sm": {
"value": 576,
},
"sw-breakpoint-md": {
"value": 768,
},
"sw-breakpoint-lg": {
"value": 992,
},
"sw-breakpoint-xl": {
"value": 1200,
},
"sw-breakpoint-xxl": {
"value": 1400,
Copy link

Copilot AI Feb 6, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Invalid JSON syntax: Trailing commas are not allowed in JSON. Each line from 24 to 40 has a trailing comma that should be removed. JSON does not permit trailing commas after the last property in an object.

Suggested change
"value": 0,
},
"sw-breakpoint-sm": {
"value": 576,
},
"sw-breakpoint-md": {
"value": 768,
},
"sw-breakpoint-lg": {
"value": 992,
},
"sw-breakpoint-xl": {
"value": 1200,
},
"sw-breakpoint-xxl": {
"value": 1400,
"value": 0
},
"sw-breakpoint-sm": {
"value": 576
},
"sw-breakpoint-md": {
"value": 768
},
"sw-breakpoint-lg": {
"value": 992
},
"sw-breakpoint-xl": {
"value": 1200
},
"sw-breakpoint-xxl": {
"value": 1400

Copilot uses AI. Check for mistakes.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - but not sure if we do have an exception here somehow, best be approved/commited by @Phil23

Copy link
Contributor

@Isengo1989 Isengo1989 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thx for the PR @Phil23 👍

Feel free to merge after the shopware/shopware PR is merged (hint of the version will suffice - we prefer this rather than forgetting to merge it after release).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Storefront ct-storefront

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants