Problem/Motivation
The billing and shipping information blocks are currently positioned in the sidebar of the order view page. This creates two critical issues:
- Poor visual hierarchy - Critical information is relegated to secondary positioning
- Inefficient space utilization - Forces CSRs to scan multiple areas of the page to gather essential order data
When customer service representatives need to access this information during order processing, the current layout forces them to look away from the primary content area, reducing efficiency and creating potential for errors.
Proposed resolution
Move the "Billing information" and "Shipping information" blocks from the sidebar to the main content area. Position these blocks side-by-side directly above the order items table to create a logical information flow.
Proposed changes
- Relocate both information blocks to main content region
- Position blocks horizontally above order items table
- Ensure responsive behavior: blocks stack vertically on mobile viewports
- Maintain all existing functionality and data display
Issue fork commerce-3545441
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:
Comments
Comment #4
majmunbog commentedComment #5
majmunbog commentedThis is ready for review.
Comment #6
majmunbog commentedComment #7
jsacksick commentedNow that #3545653: Implement billing information edit modal is in, this needs a re-roll and adjustments.
Comment #8
majmunbog commentedThe template has been adjusted to accommodate the recent changes. Needs review.
Comment #10
jsacksick commentedThank you! Merged!