templates/bundles/OdiseoSyliusBlogPlugin/Shop/Article/index.html.twig line 21

Open in your IDE?
  1. {% import '@SyliusUi/Macro/pagination.html.twig' as pagination %}
  2. {% import '@SyliusUi/Macro/messages.html.twig' as messages %}
  4. {% extends '@SyliusShop/layout.html.twig' %}
  6. {% block banner %}
  7.     {{ render(url('odiseo_sylius_banner_plugin_shop_partial_banner', {'template': '@SyliusShop/Banner/_banner-news.html.twig'})) }}
  8. {% endblock %}
  10. {% block content %}
  11.     {% block blog_breadcrumb %}
  12.         <div class="ui breadcrumb">
  13.             <a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
  14.             <div class="divider"> / </div>
  15.             <div class="active section">{{ 'odiseo_sylius_blog_plugin.ui.blog.header'|trans }}</div>
  16.         </div>
  17.     {% endblock %}
  19.     {% block blog_header %}{% endblock %}
  21.     {% block blog_articles %}
  22.         <div class="container">
  23.             <div class="news-list">
  24.                 <p class="news-list__intro">{{ render(path('bitbag_sylius_cms_plugin_shop_page_show_link_by_code', {'code' : 'actualites', 'template' : '@BitBagSyliusCmsPlugin/Shop/Page/blocks/_news-intro.html.twig'})) }}</p>
  26.                 <div class="news-list__cards" data-aos="fade-up">
  27.                     {% if resources|length > 0 %}
  28.                         {% for article in resources %}
  29.                             <div class="news-list__card">
  30.                                 {% if article.images|length > 0 %}
  31.                                     <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}"><img src="{{ article.images[0].path|imagine_filter(filter|default('mons_article_thumbnail')) }}" alt="{{ article.images[0].path }}"></a>
  32.                                 {% endif %}
  33.                                 <div class="news-list__card-content">
  34.                                     <span class="news-list__card-date">{{ 'sylius.news.posted_on'|trans({'%date%': article.createdAt|format_datetime("full", 'none', locale=app.request.locale|slice(0, 2))}) }}</span>
  35.                                     <h2 class="news-list__card-title h4"><a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}" title="{{ article.title|e('html_attr') }}">{{ article.title }}</a></h2>
  36.                                     <p class="news-list__card-description">
  37.                                         {% if article.content|striptags|length > 200 %}
  38.                                             {{ article.content|striptags|slice(0, 200)|raw }}...
  39.                                         {% else %}
  40.                                             {{ article.content|striptags|raw }}
  41.                                         {% endif %}
  42.                                     </p>
  44.                                     <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}" title="{{ article.title|e('html_attr') }}">
  45.                                         <p class="button button--secondary button--small news-list__card-button">
  46.                                             {{ 'sylius.news.see_details'|trans }}
  47.                                         </p>
  48.                                     </a>
  49.                                 </div>
  50.                             </div>
  51.                         {% endfor %}
  52.                     {% else %}
  53.                         {{ messages.info('sylius.ui.no_results_to_display') }}
  54.                     {% endif %}
  55.                 </div>
  56.                 {{ pagination.simple(resources) }}
  57.                 <!--<div class="pagination">
  58.                     <span class="pagination__item">1</span>
  59.                     <a href="#" class="pagination__item">2</a>
  60.                     <a href="#" class="pagination__item">3</a>
  61.                 </div>-->
  62.             </div>
  63.             <div class="citation" data-aos="fade-up">
  64.                 <div class="container">
  65.                     <p>{{ 'sylius.news.follow_mons'|trans|raw }}</p>
  66.                     <div class="social">
  67.                         <a target="_blank" href="https://www.facebook.com/fromagermons42" title="{{ 'app.footer.facebook_page'|trans }}"><i class="fab fa-facebook-f"></i></a>
  68.                         <a target="_blank" href="https://www.instagram.com/mons_fromager_affineur/" title="{{ 'app.footer.instagram_page'|trans }}"><i class="fab fa-instagram"></i></a>
  69.                     </div>
  70.                 </div>
  71.             </div>
  72.         </div>
  73.     {% endblock %}
  75.     {# if disqus_shortname() #}
  76.         {# block blog_disqus #}
  77.             {# include '@OdiseoSyliusBlogPlugin/Shop/Article/_disqus.html.twig' #}
  78.         {# endblock #}
  79.     {# endif #}
  80. {% endblock %}