Frontend News from July 9, 2026

Breaking changes

Forms redesign in storefront (3G) templates (via Deferred Template Updates)

We are unifying the appearance and behavior of forms across all storefront (3G) templates.
This change applies to all 3G templates and is controlled via UMS.

Update management preview key: forms_redesign

The change is scheduled for release on July 23, 2026. If you are an addon developer, please review the changes described below now and adjust your addons accordingly. On the release date, these improvements will be rolled out to the majority of customers. E-shops using Deferred Template Updates will have time until August 6, 2026 to modify their customizations and accept the update.

You can preview the changes by running the command shoptet.helpers.enableUpdatePreview('forms_redesign') in the browser console.

What is changing

• Unified form appearance: Forms such as login, registration, contact, newsletter, affiliate, product question, ratings, discussion, forgotten password, watchdog, order steps, and discount coupon now share a unified visual style. Most forms now have a maximum width of 440 px.
• Labels above fields: Each input now has a label placed above the field. Labels have also been added where they were previously missing. The exceptions are .compact-form inputs (discount coupon and search), where the label is replaced by a placeholder and an aria-label.
• Required field validation: All required fields now display individual validation messages.
• HTML structure changes: Inputs are now wrapped to support tooltip alignment. The Country, Region, Customer Account, and textual consent fields are rendered as text spans/labels instead of form inputs — please keep this in mind if you target these fields using selectors.
• JS validator updates: Validators have been updated, including required, phone, zipcode, companyid, and their helpers, as well as files such as validator.js, globalFunctions.js, smartLabels.js, search.js, main-3g.js, and watchdog.js.
• Smart labels: Every input (except .compact-form inputs) in the Disco template has fully working smart label.
• CSS Custom Properties: All form groups are styled using CSS Custom Properties, so you can easily customize styles across all forms.

Recommended steps

Review custom CSS/JS connected to forms. If you target form selectors or rely on a specific HTML structure, please review them — input wrapping and the change of Country / Region / Customer Account / textual consent fields to spans/labels may break your selectors.

Post navigation