templates/front/search/results.html.twig line 24

Open in your IDE?
  1. {% extends 'front/front.html.twig' %}
  3. {% block bodyClass %}search{% endblock %}
  5. {% block metas %}
  6. <title>{% trans %}Resultats de la recherche pour {% endtrans %}{{ query|e('html') }}</title>
  7. {% endblock %}
  9. {% block breadcrumbs %}
  10. {% include 'front/layout/breadcrumbs.html.twig' with {query:query} %}
  11. {% endblock %}
  13. {% block content %}
  15. <div class="ctn">
  16. {# <form class="search-form" action="{{ path('search') }}" method="GET">
  17. <label for="top-search-input">{% trans %}Rechercher{% endtrans %}</label>
  18. <input type="text" name="q" value="{{ query }}" id="top-search-input">
  19. </form>
  20. #}
  21. <div class="search-page-results">
  22. <h1 class="header">{#{{ nbResults }} #}{% trans %}Tous les résultats pour votre recherche{% endtrans %} "{{ query|e('html') }}"</h1>
  23. <div class="results">
  24. {% include 'front/catalog/product/list.html.twig' with {products:results, listClass:'wide-list', nbPages:0} %}
  25. </div>
  26. {% if nbPages is defined %}
  27. {% if (mode == 'exact') and (nbPages == page) %}
  28. <div class="center pagination">
  29. <button class="button more-results" data-page="{{ page }}" data-nbpages="{{ nbPages }}" data-mode="keywords">{% trans %}Plus de résultats{% endtrans %}</button>
  30. </div>
  31. {% elseif (nbPages > 1) %}
  32. <div class="center pagination">
  33. <button class="button more-results" data-page="{{ page }}" data-nbpages="{{ nbPages }}" data-mode="{{ mode }}">{% trans %}Plus de résultats{% endtrans %}</button>
  34. </div>
  35. {% endif %}
  36. {% endif %}
  37. </div>
  38. </div>
  39. {% endblock %}
  41. {% block javascripts %}
  42. <script>
  43. $(document).ready(function(){
  44. var searchMode = '{{ mode }}';
  45. $('.more-results').click(function(){
  46. var page = parseInt($(this).data('page'),10)+1;
  47. var nbPages = parseInt($(this).data('nbpages'),10);
  48. var mode = $(this).data('mode');
  49. var pagin = $(this).closest('.pagination');
  50. if((page<=nbPages) || (mode != searchMode)){
  51. pagin.addClass('loading');
  52. $.get(document.location,{p:page, mode:mode},function(response){
  53. pagin.removeClass('loading');
  54. pagin.find('.more-results').data('page',page);
  55. if(page>=nbPages){
  56. pagin.remove();
  57. }
  58. $('.search-page-results .results ul').append(response);
  59. }, 'text');
  60. }else{
  61. pagin.hide();;
  62. }
  63. });
  64. });
  65. </script>
  66. {% endblock %}