templates/bundles/OdiseoSyliusBlogPlugin/Shop/Article/show.html.twig line 1

  1. {% extends nglayouts.layoutTemplate %}
  2. {% block metatags %}
  3.     {% if article.metaKeywords is not empty %}
  4.         <meta name="keywords" content="{{ article.metaKeywords }}"/>
  5.     {% endif %}
  6.     {% if article.metaDescription is not empty %}
  7.         <meta name="description" content="{{ article.metaDescription }}"/>
  8.     {% endif %}
  9. {% endblock %}
  10. {% block title %}
  11.     {{ article.title }}
  12. {% endblock %}
  13. {% block post_header %}
  14.     <!-- section start-->
  15.     {{ render(path('bitbag_sylius_cms_plugin_shop_media_render', {'code' : 'blog_post_header', 'template' : 'frontend/cms/common/media/_header.html.twig'})) }}
  16.     <!-- section start-->
  17. {% endblock %}
  18. {% block body %}
  20.     <section class="blog-details">
  21.         <div class="container pb-100">
  22.             <div class="row">
  23.                 <div class="col-xl-8 col-lg-7">
  24.                     <div class="blog-details__left">
  25.                         <div class="blog-details__img">
  26.                             <img src="{{ article.images|length > 0 ? article.images[0].path|imagine_filter(filter|default('sylius_large')) : 'https://via.placeholder.com/1920x1280'}}" alt="">
  27.                             <div class="blog-details__date">
  28.                                 <span class="day">{{ article.createdAt|date('d') }}</span>
  29.                                 <span class="month">{{ article.createdAt|date('M-Y') }}</span> 
  30.                             </div>
  31.                         </div>
  32.                         <div class="blog-details__content">
  33.                             <ul class="list-unstyled blog-details__meta">
  34.                                 <li>
  35.                                     <a href="news-details.html">
  36.                                         <i class="fas fa-user-circle"></i>
  37.                                         Admin</a>
  38.                                 </li>
  39.                                 <li>
  40.                                     <a href="news-details.html">
  41.                                         <i class="fas fa-comments"></i>
  42.                                         0
  43.                                                                                 Comment</a>
  44.                                 </li>
  45.                             </ul>
  46.                             <h3 class="blog-details__title">{{article.title}}</h3>
  47.                             <p class="blog-details__text-2"> 
  48.                                 {{ article.content|raw }}
  49.                             </p> 
  50.                         </div>
  51.                         <div class="blog-details__bottom">
  52.                             {# <p class="blog-details__tags">
  53.                                 <span>Tags</span>
  54.                                 <a href="news-details.html">Business</a>
  55.                                 <a href="news-details.html">Agency</a>
  56.                             </p> #}
  57.                             <div class="blog-details__social-list">
  58.                                 <a href="#">
  59.                                     <i class="fab fa-twitter"></i>
  60.                                 </a>
  61.                                 <a href="#">
  62.                                     <i class="fab fa-facebook"></i>
  63.                                 </a>
  64.                                 <a href="#">
  65.                                     <i class="fab fa-pinterest-p"></i>
  66.                                 </a>
  67.                                 <a href="#">
  68.                                     <i class="fab fa-instagram"></i>
  69.                                 </a>
  70.                             </div>
  71.                         </div>
  72.                         {# <div class="nav-links">
  73.                             <div class="prev">
  74.                                 <a href="news-details.html" rel="prev">Bring to the table win-win survival strategies</a>
  75.                             </div>
  76.                             <div class="next">
  77.                                 <a href="news-details.html" rel="next">How to lead a healthy &amp; well-balanced life</a>
  78.                             </div>
  79.                         </div> #}
  80.                         {# <div class="comment-one">
  81.                             <h3 class="comment-one__title">2 Comments</h3>
  82.                             <div class="comment-one__single">
  83.                                 <div class="comment-one__image">
  84.                                     <img src="https://via.placeholder.com/145x145" alt="">
  85.                                 </div>
  86.                                 <div class="comment-one__content">
  87.                                     <h3>Kevin Martin</h3>
  88.                                     <p>Mauris non dignissim purus, ac commodo diam. Donec sit amet lacinia nulla.
  89.                                                                                 Aliquam quis purus in justo pulvinar tempor. Aliquam tellus nulla,
  90.                                                                                 sollicitudin at euismod.
  91.                                     </p>
  92.                                     <a href="news-details.html" class="theme-btn btn-style-one comment-one__btn">
  93.                                         <span class="btn-title">Reply</span>
  94.                                     </a>
  95.                                 </div>
  96.                             </div>
  97.                             <div class="comment-one__single">
  98.                                 <div class="comment-one__image">
  99.                                     <img src="https://via.placeholder.com/145x145" alt="">
  100.                                 </div>
  101.                                 <div class="comment-one__content">
  102.                                     <h3>Sarah Albert</h3>
  103.                                     <p>Mauris non dignissim purus, ac commodo diam. Donec sit amet lacinia nulla.
  104.                                                                                 Aliquam quis purus in justo pulvinar tempor. Aliquam tellus nulla,
  105.                                                                                 sollicitudin at euismod.
  106.                                     </p>
  107.                                     <a href="news-details.html" class="theme-btn btn-style-one comment-one__btn">
  108.                                         <span class="btn-title">Reply</span>
  109.                                     </a>
  110.                                 </div>
  111.                             </div>
  112.                             <div class="comment-form">
  113.                                 <h3 class="comment-form__title mb-40">Leave a Comment</h3>
  114.                                 <form id="contact_form" name="contact_form" class="" action="includes/sendmail.php" method="post">
  115.                                     <div class="row">
  116.                                         <div class="col-sm-6">
  117.                                             <div class="mb-3">
  118.                                                 <input name="form_name" class="form-control" type="text" placeholder="Enter Name">
  119.                                             </div>
  120.                                         </div>
  121.                                         <div class="col-sm-6">
  122.                                             <div class="mb-3">
  123.                                                 <input name="form_email" class="form-control required email" type="email" placeholder="Enter Email">
  124.                                             </div>
  125.                                         </div>
  126.                                     </div>
  127.                                     <div class="mb-3">
  128.                                         <textarea name="form_message" class="form-control required" rows="5" placeholder="Enter Message"></textarea>
  129.                                     </div>
  130.                                     <div class="mb-3">
  131.                                         <input name="form_botcheck" class="form-control" type="hidden" value=""/>
  132.                                         <button type="submit" class="theme-btn btn-style-one" data-loading-text="Please wait...">
  133.                                             <span class="btn-title">Submit Comment</span>
  134.                                         </button>
  135.                                     </div>
  136.                                 </form>
  137.                             </div>
  138.                         </div> #}
  139.                     </div>
  140.                 </div>
  141.                 <div class="col-xl-4 col-lg-5">
  142.                 {% include '@OdiseoSyliusBlogPlugin/Shop/_sidebar.html.twig' %} 
  143.                 </div>
  144.             </div>
  145.         </div>
  146.     </section>
  147.  
  149. {% endblock %}