ruby on rails 購入履歴ページの実装 2つ同時に購入した場合

###実現したいこと
ECサイトの構築を現在行っており、購入履歴画面を作成しております。
下記ordersテーブルのようにAさん（user_id=1）は一度の買い物で2つの商品を買うケースも想定しております。
1度に2つ以上の商品を購入する場合、viewには２つまとめて表示させたい（Amazonなどでよく見られるケース）です。

DB設計欄の場合、Orders_Productsテーブルのidが4,5,6のものは一緒に表示され、
idが7のものは4,5,6とは別に表示させたい（＝紫色の部分は２つになる）

###問題点
写真のように同時に購入したものも別々で表示されてしまいます。
同時に購入したものは一緒に表示させたいです。

controllerのshowアクションで
①ordersテーブルのuser_idがログイン中のユーザーであるレコードを引っ張って、（今回の場合はid: 8,9）
②各レコードをeachメソッドで回す。（今回は2回、回される）
③eachメソッドの中に、各回のorder_idが1つ以上存在するので、もう一度eachメソッドで回す（今回はorder_id:8の場合は3回、order_id:9は1回）
という流れで実装してみようと考えていますが、うまくいきませんでした。

↓現在のダメな例

###DB設計
####Ordersテーブル

id	address_id	user_id
8	5	1
9	6	1

####Orders_Productsテーブル
|id|order_id|product_id|quantity
|:--|:--:|--:|
|4|8|1|1|
|5|8|2|3|
|6|8|3|1|
|7|9|10|2|

###コード

ruby
1(users_controller.rb)
2def show
3    @user = User.find(params[:id])
4    @orders = Order.where(user_id:current_user)
5 end
6

erb
1(show.html.erb)
2            <div class="history">
3                <div class="order_wrapper">
4                    <% @orders.each do |orderr|%>
5                    <div class="order_container hover">
6                        <div class="order_number"><p>購入日：<%= l orderr.created_at, format: :for_result %></p></div>
7                        <div calss="cart_area" style="width: 70%;">
8                            <% orders = OrderProduct.where(order_id: orderr.id) %>
9                            <% orders.each do |order|%>
10                                <% product = Product.find_by(id: order.product_id) %>
11                                <div class="card mb-3" style="max-width: 840px; margin-bottom:3rem;">
12                                    <div class="row no-gutters">
13                                        <div class="col-md-4">
14                                            <% images= Image.find_by(product_id: order.product_id) %>
15                                            <%= image_tag "#{images.name1}", alt: "#{Product.find_by(id: order.product_id).name}", class:"card-img" %>
16                                        </div>
17                                        <div class="col-md-8">
18                                            <div class="card-body">
19                                            <h5 class="card-title"><%= product.name %></h5>
20                                            <p class="card-text">
21                                                <p class="text-muted" style="font-size: 2rem;"><%= product.price %><span style="font-size: 1.5rem"> 円/個</span></p>
22                                                <% if product.category == "running_shoes" %>
23                                                <p class="text-muted">サイズ：<%= cart_item.size%></p>
24                                                <% end %>
25                                                <div class="count">
26                                                    <p class="text-muted"><%= order.quantity%>個</p>
27                                                    <p class="text-muted">小計：<%= product.price * order.quantity %> 円</p>
28                                                </div>
29                                            </p>
30                                        </div>
31                                    </div>
32                                </div>
33                            <% end %>
34                        </div>
35                    </div>
36                    <% end %>
37                </div>
38            </div>
39