diff --git a/resources/views/Shop/Orders/order.blade.php b/resources/views/Shop/Orders/order.blade.php
index 363c29b0..3b7ed4e9 100644
--- a/resources/views/Shop/Orders/order.blade.php
+++ b/resources/views/Shop/Orders/order.blade.php
@@ -29,7 +29,9 @@
         @if ($basket['count'])
             <div class="col-4">
                 <x-card class='shadow'>
-                    @include('Shop.Baskets.partials.basketTotal', ['basket' => $basket])
+                    <div id="basketTotal">
+                        @include('Shop.Baskets.partials.basketTotal', ['basket' => $basket])
+                    </div>
                 </x-card>
             </div>
         @endif
@@ -61,6 +63,13 @@
             }
         });
 
+        function refreshBasketTotal(deliveryId, deliveryTypeId) {
+            options = deliveryId + '/' + deliveryTypeId;
+            $.get("{{ Route('Shop.Basket.getBasketTotal') }}/" + options, function(data) {
+                $('#basketTotal').html(data);
+            });
+        }
+
         initChevron();
     </script>
 @endpush
diff --git a/resources/views/Shop/Orders/partials/deliveries.blade.php b/resources/views/Shop/Orders/partials/deliveries.blade.php
index 7ad772d4..45975cae 100644
--- a/resources/views/Shop/Orders/partials/deliveries.blade.php
+++ b/resources/views/Shop/Orders/partials/deliveries.blade.php
@@ -21,3 +21,15 @@ ci-contre
 @include('components.form.textarea', [
     'name' => 'content',
 ])
+
+@push('js')
+    <script>
+        $('.delivery_mode').click(function() {
+            var deliveryTypeId = $(this).val();
+            var deliveryId = $('input[name=delivery_id]').val()
+            console.log(deliveryId);
+            console.log(deliveryTypeId);
+            refreshBasketTotal(deliveryId, deliveryTypeId)
+        });
+    </script>
+@endpush
diff --git a/resources/views/Shop/Orders/partials/shipping.blade.php b/resources/views/Shop/Orders/partials/shipping.blade.php
index 6cf234e5..5d9ea1fd 100644
--- a/resources/views/Shop/Orders/partials/shipping.blade.php
+++ b/resources/views/Shop/Orders/partials/shipping.blade.php
@@ -13,7 +13,8 @@
                     @include('components.form.radios.icheck', [
                         'name' => 'delivery_type_id',
                         'val' => $delivery_type_id,
-                        'check' => false,
+                        'id' => 'delivery_type_' . $delivery_type_id,
+                        'class' => 'delivery_type',
                     ])
                 </td>
                 <td>
@@ -26,3 +27,15 @@
         @endforeach
     </table>
 @endif
+
+@push('js')
+    <script>
+        $('.delivery_type').click(function() {
+            var deliveryId = $(this).val();
+            var deliveryTypeId = $('input[name=delivery_type_id]').val()
+            console.log(deliveryId);
+            console.log(deliveryTypeId);
+            refreshBasketTotal(deliveryId, deliveryTypeId);
+        });
+    </script>
+@endpush