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

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block metatags %}
  4.     {% if article.metaKeywords is not empty %}
  5.         <meta name="keywords" content="{{ article.metaKeywords }}"/>
  6.     {% endif %}
  7.     {% if article.metaDescription is not empty %}
  8.         <meta name="description" content="{{ article.metaDescription }}"/>
  9.     {% endif %}
  10.     {% endblock %}
  11. {% block title %}{{ article.title }} | {{ 'app.ui.company_name_meta_title'|trans }}{% endblock %}
  13. {% block content %}
  14.     {% block blog_breadcrumb %}
  15.         <div class="ui breadcrumb d-none d-sm-block">
  16.             <a href="{{ path('sylius_shop_homepage') }}" class="section">{{ 'sylius.ui.home'|trans }}</a>
  17.             <div class="divider"> ></div>
  18.             <a href="{{ path('odiseo_sylius_blog_plugin_shop_article_index') }}" class="section">{{ 'odiseo_sylius_blog_plugin.ui.blog.header'|trans }}</a>
  19.             <div class="divider"> ></div>
  20.             <div class="active section font-weight-bold">{{ article.title }}</div>
  21.         </div>
  22.     {% endblock %}
  24.     {% block blog_article %}
  25.         <div class="ui grid single_blog_page">
  26.             <div class="ui">
  27.                 <div class="ui items">
  28.                     <div class="item">
  29.                         <div class="content">
  30.                             <div class="description mt-5">
  31.                                 {% if article.images|length > 0 %}
  32.                                     <img width="200px" height="200px" style="width:100% !important; height: auto !important;" src="{{ article.images[0].path|imagine_filter(filter|default('sylius_shop_product_original')) }}" class="ui image centered" alt="{{ article.images[0].path }}">
  33.                                     <div class="ui hidden divider"></div>
  34.                                 {% endif %}
  35.                                 <div class="row">
  36.                                     <div class="col-md-10 offset-md-1">
  37.                                         <h1 class="main_title">{{ article.title }}</h1>
  38.                                         <p class="blog_description mt-5">{{ article.content|raw }}</p>
  39.                                     </div>
  40.                                 </div>
  41.                             </div>
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.                 {% if article.categories|length > 0 %}
  46.                     <div class="extra">
  47.                         <strong>{{ 'odiseo_sylius_blog_plugin.ui.article_categories'|trans }}: </strong>
  48.                         {% for articleCategory in article.categories %}
  49.                             <div class="ui label"><a href="{{ path('odiseo_sylius_blog_plugin_shop_article_index_by_category', {'slug': articleCategory.slug}) }}">{{ articleCategory.title }}</a></div>
  50.                         {% endfor %}
  51.                     </div>
  52.                 {% endif %}
  53.                 <div class="ui dividing header"></div>
  55.                 {{ render(url('app_shop_article_featured_products', {'id': article.id, 'template': '@OdiseoSyliusBlogPlugin/Shop/Article/_featuredProducts.html.twig'})) }}
  56.             </div>
  57.         </div>
  58.     {% endblock %}
  59. {% endblock %}