Display something into "home_info" in order to have a better rendering

repanier/templates/repanier/order_form.html

@@ -12,6 +12,10 @@
         {% addtoblock "jshead" %}<script src="{{ STATIC_URL}}waypoints/shortcuts/infinite.min.js"></script>{% endaddtoblock %}
         {% if offeritem_list %}
             <div class="infinite-container">
+            {% if page_obj.has_next %}
+                <span href="?page={{ page_obj.next_page_number }}&producer={{ producer_id }}&departementforcustomer={{ departementforcustomer_id }}&is_like={{ is_like }}{% if q %}&q={{ q }}{% endif %}"
+                   class="infinite-more-link"></span>
+            {% endif %}
             {% for offer in offeritem_list %}
                 <div class="infinite-item">
                 {% if offer.picture %}
@@ -44,8 +48,9 @@
             {% endfor %}
             </div>
             {% if page_obj.has_next %}
-                <a href="?page={{ page_obj.next_page_number }}&producer={{ producer_id }}&departementforcustomer={{ departementforcustomer_id }}&is_like={{ is_like }}{% if q %}&q={{ q }}{% endif %}"
-                   class="infinite-more-link btn btn-default not-active"><span class="glyphicon glyphicon-refresh gly-spin"></span>&nbsp;{% trans "Loading..." %}</a>
+                <div class="loading" style="display: none;">
+                    <a href="#" class="btn btn-default not-active"><span class="glyphicon glyphicon-refresh gly-spin"></span>&nbsp;{% trans "Loading..." %}</a>
+                </div>
             {% endif %}
             <div class="loaded" style="display: none;">
                 <a class="btn btn-default btn-disabled back-to-top-sticky-button" id="backToTop" href="#top"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a>
@@ -64,8 +69,10 @@
                   element: $('.infinite-container')[0],
                   onBeforePageLoad: function () {
                     $('.loaded').hide();
+                    $('.loading').show();
                   },
                   onAfterPageLoad: function ($items) {
+                    $('.loading').hide();
                     $('.loaded').show();
                   }
                 });