themes/BootstrapChildTheme/OdiseoSyliusBlogPlugin/views/Shop/Article/index.html.twig line 1

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 content %}
  7.     {% block blog_breadcrumb %}
  8.         <div class="ui breadcrumb blog_breadcrumb d-none d-sm-block">
  9.             <a href="{{ path('sylius_shop_homepage') }}" class="section">{{'sylius.ui.home'|trans}}</a>
  10.             <div class="divider"> > </div>
  11.             <div class="active section font-weight-bold">{{ 'odiseo_sylius_blog_plugin.ui.blog.header'|trans }}</div>
  12.         </div>
  13.     {% endblock %}
  15.     {% block blog_header %}
  16.         <h1 class="ui blog_header mb-5">
  17.             <div class="content">{{'homepage.waitingList.maxNews'|trans}}</div>
  18.         </h1>
  19.     {% endblock %}
  20.     {% block blog_articles %}
  21.         <div class="ui grid">
  22.             {% if resources|length > 0 %}
  23.                 {% for article in resources %}
  24.                 {% set uniqueArticleId = "blog_article_" ~ article.id %}
  25.                     <div class="col-sm col-md-4 mb-4">
  26.                         <div class="ui fluid card homepage_blog_section">
  27.                             <a class="header" href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}" class="header sylius-product-name title_block">
  28.                                 <picture>
  29.                                     {% if article.images|length > 0 %}
  30.                                         {% if app.environment == "prod" %}
  31.                                             <source id="{{ uniqueArticleId }}_source_1" srcset="{{ article.images[0].path|imagine_filter(filter|default('my_shop_product_large_thumbnail'))  }}" type="image/webp">
  32.                                             <source id="{{ uniqueArticleId }}_source_2" srcset="{{ article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail'))  }}" type="image/jpg">
  33.                                             <img width="350px" height="350px" style="width:100% !important; height: auto !important;" src="{{ article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail'))  }}" alt="{{ article.title }}" class="blog_image" onerror="this.src='{{  article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail'))  }}';document.getElementById('{{ uniqueArticleId }}_source_1').srcset=document.getElementById('{{ uniqueArticleId }}_source_2').srcset=this.src;this.onerror=null;" />
  34.                                         {% else %}
  35.                                             <source id="{{ uniqueArticleId }}_source_1" srcset="{{ article.images[0].path|imagine_filter(filter|default('my_shop_product_large_thumbnail')) }}" type="image/webp">
  36.                                             <source id="{{ uniqueArticleId }}_source_2" srcset="{{ article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) }}" type="image/jpg">
  37.                                             <img width="350px" height="350px" style="width:100% !important; height: auto !important;" src="{{ article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail')) }}" alt="{{ article.title }}" class="blog_image" onerror="this.src='{{article.images[0].path|imagine_filter(filter|default('sylius_shop_product_large_thumbnail'))}}';document.getElementById('{{ uniqueArticleId }}_source_1').srcset=document.getElementById('{{ uniqueArticleId }}_source_2').srcset=this.src;this.onerror=null;"/>
  38.                                         {% endif %}
  39.                                     {% else %}
  40.                                         <source srcset="{{ asset('assets/shop/img/placeholder_max.webp') }}" type="image/webp">
  41.                                         <source srcset="{{ asset('assets/shop/img/placeholder_max.jpg') }}" type="image/jpg">
  42.                                         <img width="350px" height="350px" style="width:100% !important; height: auto !important;" src="{{ asset('assets/shop/img/placeholder_max.jpg') }}" class="blog_image" />
  43.                                     {% endif %}
  44.                                 </picture>
  45.                             </a>
  46.                             <div class="content blog_content">
  47.                                 <a class="header p-2" href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}" class="header sylius-product-name title_block">
  48.                                     {% if article.title|length > 45 %}
  49.                                         {{ article.title|striptags|slice(0, 45)|raw }}....
  50.                                     {% else %}
  51.                                         {{article.title}}
  52.                                     {% endif %}
  53.                                 </a>
  54.                                 <div class="text_block"> {{ article.content|striptags|slice(0, 150)|raw }}...</div>
  55.                                 <div class="bottom_link"><a href="{{ path('odiseo_sylius_blog_plugin_shop_article_show', {'slug' : article.slug}) }}">{{ 'app.pages.blog.shop.article.see_more'|trans }}</a></div>
  56.                             </div>
  57.                         </div>
  58.                     </div>
  59.                 {% endfor %}
  60.             {% else %}
  61.                 {{ messages.info('sylius.ui.no_results_to_display') }}
  62.             {% endif %}
  63.         </div>
  64.         <div class="pagination-articles">{{ pagination.simple(resources) }}</div>
  66.     {% endblock %}
  69.     {% if disqus_shortname() %}
  70.         {% block blog_disqus %}
  71.             {% include '@OdiseoSyliusBlogPlugin/Shop/Article/_disqus.html.twig' %}
  72.         {% endblock %}
  73.     {% endif %}
  74. {% endblock %}