Добавлена поддержка ProductKit в POS, улучшена прокрутка и фиксация элементов

myproject/pos/templates/pos/terminal.html

@@ -10,9 +10,9 @@
 <!-- Main POS Container -->
 <div class="pos-main-container">
   <div class="pos-container">
-  <div class="row g-3">
+  <div class="row g-3" style="height: 100%;">
     <!-- Products Grid (Left side - 8/12) -->
-    <div class="col-md-8">
+    <div class="col-md-8" style="display: flex; flex-direction: column; height: 100%;">
       <!-- Search Box -->
       <div class="mb-3">
         <input type="text" class="form-control" id="searchInput" placeholder="Поиск по товарам...">
@@ -23,8 +23,10 @@
         <div class="row g-3" id="categoryGrid"></div>
       </div>
       
-      <!-- Products Grid (Блок товаров) -->
-      <div class="row g-3" id="productGrid"></div>
+      <!-- Products Grid (Блок товаров) - Прокручиваемая область -->
+      <div class="products-scrollable">
+        <div class="row g-3" id="productGrid"></div>
+      </div>
     </div>
     
     <!-- Right Panel (4/12) - Fixed -->
@@ -106,7 +108,7 @@
 {% block extra_js %}
 <!-- Hidden data containers for JavaScript -->
 <script id="categoriesData" type="application/json">{{ categories_json|safe }}</script>
-<script id="productsData" type="application/json">{{ products_json|safe }}</script>
+<script id="itemsData" type="application/json">{{ items_json|safe }}</script>
 
 <script src="{% static 'pos/js/terminal.js' %}"></script>
 {% endblock %}