charge les js/css de jQueryRangeSlider dans des blocs twig custom

src/PotageBundle/Resources/views/Lettre/ajaxDisplay.html.twig

 {% extends '@Potage/layout.html.twig' %}
 
+{% block customCSS %}
+    <link rel="stylesheet" href="{{ asset('lib/jQRangeSlider-5.7.2/css/iThing-min.css') }}" type="text/css" />
+{% endblock %}
+
 {% block title %}
     Les infolettres
 {% endblock %}
@@ -153,6 +157,11 @@
 {% endblock %}
 
 {% block customJS %}
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQRangeSlider-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQAllRangeSliders-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQDateRangeSlider-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQEditRangeSlider-withRuler-min.js') }}"></script>
+
 <script type="text/javascript" src="{{ asset('js/functions.js') }}"></script>
 <script type="text/javascript" src="{{ asset('js/ajax_functions.js') }}"></script>
 <script type="text/javascript">

src/PotageBundle/Resources/views/LettreInfos/ajaxDisplay.html.twig

 {% extends '@Potage/layout.html.twig' %}
 
+{% block customCSS %}
+    <link rel="stylesheet" href="{{ asset('lib/jQRangeSlider-5.7.2/css/iThing-min.css') }}" type="text/css" />
+{% endblock %}
+
 {% block title %}
     {{ lettre.reference }}
 {% endblock %}
@@ -122,6 +126,11 @@
 {% endblock %}
 
 {% block customJS %}
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQRangeSlider-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQAllRangeSliders-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQDateRangeSlider-withRuler-min.js') }}"></script>
+<script src="{{ asset('lib/jQRangeSlider-5.7.2/jQEditRangeSlider-withRuler-min.js') }}"></script>
+
 <script type="text/javascript" src="{{ asset('js/functions.js') }}"></script>
 <script type="text/javascript" src="{{ asset('js/ajax_functions.js') }}"></script>
 <script type="text/javascript">

src/PotageBundle/Resources/views/layout.html.twig

@@ -6,8 +6,8 @@
 
 {% block stylesheets %}
     <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
-    <link rel="stylesheet" href="{{ asset('lib/jQRangeSlider-5.7.2/css/iThing-min.css') }}" type="text/css" />
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+    {% block customCSS %}{% endblock %}
 {% endblock %}
 
 {% block bodyParam %}{{ app.request.get('_route')|replace({'potage_': ''}) }}{% endblock %}
@@ -86,12 +86,5 @@
     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
     <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js" integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU=" crossorigin="anonymous"></script>
-
-    <script src="{{ asset('lib/jQRangeSlider-5.7.2/jQRangeSlider-withRuler-min.js') }}"></script>
-    <script src="{{ asset('lib/jQRangeSlider-5.7.2/jQAllRangeSliders-withRuler-min.js') }}"></script>
-    <script src="{{ asset('lib/jQRangeSlider-5.7.2/jQDateRangeSlider-withRuler-min.js') }}"></script>
-    <script src="{{ asset('lib/jQRangeSlider-5.7.2/jQEditRangeSlider-withRuler-min.js') }}"></script>
-
-    {% block customJS %}
-    {% endblock %}
+    {% block customJS %}{% endblock %}
 {% endblock %}

web/css/style.css

@@ -362,3 +362,21 @@ body#homepage footer#footer .footer {
     background-color: white;
 }
 
+/**/
+body#today_one {
+
+}
+body#today_one #offre.grid {
+    display: flex;
+    flex-flow: row wrap;
+    margin: 2em -2em;
+}
+body#today_one #offre.grid div.item.image.legume {
+    flex: 1 0 10%;
+    position: relative;
+    min-width: 175px;
+    min-height: 175px;
+    background-position: center;
+    background-size: cover;
+
+}
\ No newline at end of file