diff --git a/client/order/src/volume/index.html b/client/order/src/volume/index.html
new file mode 100644
index 000000000..345e38d32
--- /dev/null
+++ b/client/order/src/volume/index.html
@@ -0,0 +1,54 @@
+<vn-crud-model
+    vn-id="model"
+    url="/ticket/api/sales"
+    filter="::$ctrl.filter"
+    link="{itemFk: $ctrl.$stateParams.id}"
+    limit="20"
+    data="sales" on-data-change="$ctrl.onDataChange()">
+</vn-crud-model>
+<mg-ajax path="/client/api/tickets/{{$ctrl.$stateParams.id}}/getTotalVolume" options="mgEdit"></mg-ajax>
+<vn-vertical>
+    <vn-card pad-large>
+        <vn-vertical>
+            <vn-title>Volume</vn-title>
+            <vn-one pad-small margin-medium-bottom pad-large class="totalBox">
+                    <vn-label-value label="Total" 
+                        value="{{::edit.model.totalVolume}}">
+                    </vn-label-value>
+                    <vn-label-value label="Cajas" 
+                        value="{{::edit.model.totalBoxes}}">
+                    </vn-label-value>
+            </vn-one>
+            <vn-table model="model">
+                <vn-thead>
+                    <vn-tr>
+                        <vn-th field="itemFk" number>Item</vn-th>
+                        <vn-th field="concept" default-order="ASC">Description</vn-th>
+                        <vn-th field="quantity" number>Quantity</vn-th>
+                        <vn-th number>m³ per quantity</vn-th>
+                    </vn-tr>
+                </vn-thead>
+                <vn-tbody>
+                    <vn-tr ng-repeat="sale in sales">
+                        <vn-td number pointer
+                        ng-click="$ctrl.showDescriptor($event, sale.itemFk)">
+                            {{::sale.itemFk}}
+                        </vn-td>
+                        <vn-td><vn-fetched-tags sale="sale"/></vn-td>
+                        <vn-td number>{{::sale.quantity}}</vn-td>
+                        <vn-td number>{{::sale.volume.m3 | number:3}}</vn-td>
+                    </vn-tr>
+                </vn-tbody>
+                <vn-empty-rows ng-if="model.data.length === 0" translate>
+                    No results
+                </vn-empty-rows>
+            </vn-table>
+        </vn-vertical>
+        <vn-pagination
+            model="model"
+            scroll-selector="ui-view">
+        </vn-pagination>
+    </vn-card>
+</vn-vertical>
+<vn-item-descriptor-popover vn-id="descriptor"></vn-item-descriptor-popover>
+