Group "Add to cart" button and "amount" field into a parent form element in the add to cart form

Created on 15 August 2024, 8 months ago

Problem/Motivation

In the Add to cart form currently the "Add to cart" button and the amount field are separated. The "Add to cart" button is even in the "actions" group, while the amount is not.

For theming and logic it would be preferable to have both combined under a parent element as they are very closely connected. You always add the item amount times to the cart.

For themers the current structure makes it harder to style and move them in combination and visualize their relation.

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

Feature request
Status

Active

Version

3.0

Component

Cart

Created by

🇩🇪Germany Anybody Porta Westfalica

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

Comments & Activities

  • Issue created by @Anybody
  • Well, thats a good idea. If you want to have the amount field right next to the add to cart button, what is a typical pattern, things getting clunky.

    Example:

    Solvable by CSS Grid, but not really a clean solution.

Production build 0.71.5 2024