How to display order summary in a modal in Magento 2

Опубликовано: 31 Март 2026
на канале: Know the Mage
241
6

In this post, we will discuss an alternative approach to presenting the order summary on both the cart and checkout pages by utilizing a modal. A button will serve as the trigger for this modal, which will provide a convenient way to view the complete order summary. Our goal is to implement a simpler and more manageable solution to achieve this desired functionality.

Chapters:
0:00 Introduction
0:20 Create cart layout file
1:28 Create phtml template file
2:02 Create a summary-modal Component
2:37 Create container node
3:49 Create summary-mixin
6:32 Assign 'viewTotalsSummary' to the click binding
6:45 Test output of cart page
7:21 Create checkout layout file
7:53 Create Summary template file
8:14 Create mixin for summary Component
8:25 Create click binding inside the summary template file
9:15 Test final changes