templates/frontend/blog/entry.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% trans_default_domain 'store' %}
  3. {% block title %}
  4.     {% if blog.metaTitle %}
  5.         {{ blog.metaTitle }}
  6.     {% else %}
  7.         {{ blog.title }} - {% if app.request.locale == 'pl' %}blog CentrumKrzesel.pl{% endif %}
  8.     {% endif %}
  9. {% endblock %}
  10. {% block css %}
  11.     {{ parent() }}
  12.     <style>
  13.         h1 {
  14.             line-height: 1.5;
  15.             font-size: 2rem;
  16.             margin-bottom: 20px;
  17.             color: #060f44;
  18.         }
  19.     </style>
  20.     <style>
  21.         .blog-paragraph h2 {
  22.             font-size: 20px;
  23.             font-weight: bold;
  24.         }
  25.         .blog-paragraph h1 {
  26.             font-size:initial!important;
  27.         }
  28.         .blog-paragraph h3 {
  29.             font-size:initial!important;
  30.         }
  31.         .blog-paragraph a {
  32.             color:#ef1b2b!important;
  33.         }
  34.         .blog-paragraph ul {
  35.             list-style: initial!important;
  36.         }
  37.         .blog-paragraph li {
  38.             list-style: initial!important;
  39.             margin-left:30px;
  40.         }
  41.         .kt-circle-loader {
  42.             display: none!important;
  43.         }
  44.     </style>
  45. {% endblock %}
  46. {% block javascripts %}
  47.     {{ parent() }}
  48.     <script>
  49.         $(document).ready(function () {
  50.             $('.kt-circle-loader').remove();
  51.             $('figure.image img').on("click", function() {
  52.                 var link = $(this).children('a');
  53.                 var link2 = $(this).parent().find('a');
  54.                 console.log(link2);
  55.                 console.log(link);
  56.                 if (link && link.attr('href') !== 'undefined') {
  57.                     console.log(link.attr('href'));
  58.                     console.log(link);
  59.                     //window.location.href = link.attr('href');
  60.                 }
  61.             });
  62.             setTimeout(function(){ $('.kt-circle-loader').remove(); }, 1000);
  63.         });
  64.     </script>
  65. {% endblock %}
  66. {% block content %}
  67.     <div class="section">
  68.         <div class="container">
  69.             {% if blog.imageName %}
  70.                 <!-- START OF BLOG COVER -->
  71.                 <div class="box cover">
  72.                     <figure class="image">
  73.                         <img {% if blog.alt %}alt="{{ blog.alt }}"{% else %}alt="{{ blog.title }}"{% endif %} class="image" src="/images/blog/{{ blog.imageName }}" height="100%" width="100%">
  74.                     </figure>
  75.                 </div>
  76.                 <!-- END OF BLOG COVER -->
  77.             {% endif %}
  78.             {% if blog.special %}
  79.                 <div class="gradient"></div>
  80.                 <div class="box special-article-wrapper">
  81.                     <div class="columns is-centered">
  82.                         <div class="column is-three-fifths">
  83.                             <div class="columns is-centered">
  84.                                 <div class="column">
  85.                                     <article class="columns is-centered">
  86.                                         <div class="column is-10">
  87.                                             {{ blog.content|strongReplacer|raw }}
  88.                                         </div>
  89.                                     </article>
  90.                                 </div>
  91.                             </div>
  92.                         </div>
  93.                     </div>
  94.                 </div>
  95.             {% else %}
  96.                 <div class="columns is-centered">
  97.                     <div class="column is-three-fifths">
  98.                         <div class="columns is-centered">
  99.                             <div class="column">
  100.                                 <article id="blog-post" class="columns is-centered">
  101.                                     <div class="column is-10">
  102.                                         <section class="header-title">
  103.                                             <h1 class="title has-text-weight-bold has-text-centered is-3 margin-bot-30">
  104.                                                 {{ blog.title }}
  105.                                             </h1>
  106.                                             <div class="subtitle has-text-weight-light has-text-centered is-7">
  107.                                                 <span class="article-date">{{ blog.createdAt|date('d.m.Y') }}</span>
  108.                                                 <span class="hash-tags">
  109.                                                     {{ blog.tags|tagFilter|raw }}
  110.                                                 </span>
  111.                                             </div>
  112.                                         </section>
  113.                                         <section class="blog-paragraph">
  114.                                             {{ blog.content|raw }}
  115.                                         </section>
  116.                                         <div class="columns is-multiline is-mobile lista-produktow" v-match-heights="{ el: [ '.card' ] }">
  117.                                             {% if blog.products.count %}
  118.                                                 {% for productData in products %}
  119.                                                     {% set product = productData[0] %}
  120.                                                     {% include 'frontend/components/smallProduct.html.twig' with {'isOneThird':0, 'product':product, 'productData':productData} %}
  121.                                                 {% endfor %}
  122.                                             {% endif %}
  123.                                         </div>
  124.                                     </div>
  125.                                 </article>
  126.                                 <div style="height: 30px;">
  127.                                 </div>
  128.                                 {% if nextEntry or previousEntry %}
  129.                                     <div style="height: 200px">
  130.                                 {% endif %}
  131.                                 {% if nextEntry %}
  132.                                     <table style="width: 48%; float: left">
  133.                                         {% if nextEntry.imageName %}
  134.                                             <tr>
  135.                                                 <td class="text-center">
  136.                                                     <img class="image" src="/images/blog/{{ nextEntry.imageName }}" style="max-height: 150px; margin:auto">
  137.                                                 </td>
  138.                                             </tr>
  139.                                         {% endif %}
  140.                                         <tr>
  141.                                             <td style="text-align: center">
  142.                                                 <div style="margin-top: 20px;">
  143.                                                     <a href="{{ path('blog_entry', {'id':nextEntry.id, 'slug':nextEntry.slug}) }}">
  144.                                                         <i class="fa fa-arrow-left"></i> {{ nextEntry.title }}
  145.                                                     </a>
  146.                                                 </div>
  147.                                             </td>
  148.                                         </tr>
  149.                                     </table>
  150.                                 {% endif %}
  151.                                 {% if previousEntry %}
  152.                                     <table style="width: 48%; float: right">
  153.                                         {% if previousEntry.imageName %}
  154.                                             <tr>
  155.                                                 <td style="text-align: center">
  156.                                                     <img class="image" src="/images/blog/{{ previousEntry.imageName }}" style="max-height: 150px; margin:auto">
  157.                                                 </td>
  158.                                             </tr>
  159.                                         {% endif %}
  160.                                         <tr>
  161.                                             <td style="text-align: center">
  162.                                                 <div style="margin-top: 20px;">
  163.                                                     <a href="{{ path('blog_entry', {'id':previousEntry.id, 'slug':previousEntry.slug}) }}">
  164.                                                         {{ previousEntry.title }} <i class="fa fa-arrow-right"></i>
  165.                                                     </a>
  166.                                                 </div>
  167.                                             </td>
  168.                                         </tr>
  169.                                     </table>
  170.                                 {% endif %}
  171.                                 {% if nextEntry or previousEntry %}
  172.                                     </div>
  173.                                 {% endif %}
  174.                             </div>
  175.                         </div>
  176.                     </div>
  177.                 </div>
  178.             {% endif %}
  179.             {#
  180.             <section id="interesting-posts">
  181.                 <div class="subtitle is-4 has-text-centered is-centered">
  182.                     Artykuły, które mogą Cię zainteresować
  183.                 </div>
  184.                 <div class="columns is-multiline" v-match-heights="{ el: [ '.card' ] }">
  185.                     <div class="column is-one-quarter">
  186.                         <div class="card blog-post">
  187.                             <div class="card-image">
  188.                                 <figure class="image is-4by3">
  189.                                     <img src="images/maj_2019/blog_1.jpg" alt="Placeholder image">
  190.                                 </figure>
  191.                             </div>
  192.                             <div class="card-content">
  193.                                 <div class="is-size-7 date">10.05.2019</div>
  194.                                 <div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
  195.                                 <div class="is-size-7 hash-tag">
  196.                                     <span>#design</span>
  197.                                     <span>#krzesla</span>
  198.                                 </div>
  199.                             </div>
  200.                         </div>
  201.                     </div>
  202.                     <div class="column is-one-quarter">
  203.                         <div class="card blog-post">
  204.                             <div class="card-image">
  205.                                 <figure class="image is-4by3">
  206.                                     <img src="images/maj_2019/blog_4.jpg" alt="Placeholder image">
  207.                                 </figure>
  208.                             </div>
  209.                             <div class="card-content">
  210.                                 <div class="is-size-7 date">10.05.2019</div>
  211.                                 <div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
  212.                                 <div class="is-size-7 hash-tag">
  213.                                     <span>#design</span>
  214.                                     <span>#krzesla</span>
  215.                                 </div>
  216.                             </div>
  217.                         </div>
  218.                     </div>
  219.                     <div class="column is-one-quarter">
  220.                         <div class="card blog-post">
  221.                             <div class="card-image">
  222.                                 <figure class="image is-4by3">
  223.                                     <img src="images/maj_2019/blog_5.jpg" alt="Placeholder image">
  224.                                 </figure>
  225.                             </div>
  226.                             <div class="card-content">
  227.                                 <div class="is-size-7 date">10.05.2019</div>
  228.                                 <div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
  229.                                 <div class="is-size-7 hash-tag">
  230.                                     <span>#design</span>
  231.                                     <span>#krzesla</span>
  232.                                 </div>
  233.                             </div>
  234.                         </div>
  235.                     </div>
  236.                     <div class="column is-one-quarter">
  237.                         <div class="card blog-post">
  238.                             <div class="card-image">
  239.                                 <figure class="image is-4by3">
  240.                                     <img src="images/maj_2019/blog_8.jpg" alt="Placeholder image">
  241.                                 </figure>
  242.                             </div>
  243.                             <div class="card-content">
  244.                                 <div class="is-size-7 date">10.05.2019</div>
  245.                                 <div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
  246.                                 <div class="is-size-7 hash-tag">
  247.                                     <span>#design</span>
  248.                                     <span>#krzesla</span>
  249.                                 </div>
  250.                             </div>
  251.                         </div>
  252.                     </div>
  253.                 </div>
  254.             </section>
  255.             #}
  256.         </div>
  257.     </div>
  258. {% endblock %}
  259. {% block facebook %}
  260.     {% if blog.imageName %}
  261.         {% if app.request.locale == 'pl' %}
  262.             <meta property="og:image" content="https://www.centrumkrzesel.pl/images/blog/{{ blog.imageName }}"/>
  263.             <meta property="og:url" content="https://www.centrumkrzesel.pl{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
  264.         {% elseif app.request.locale == 'cz' %}
  265.             <meta property="og:image" content="https://www.ezidle.cz/images/blog/{{ blog.imageName }}"/>
  266.             <meta property="og:url" content="https://www.ezidle.cz{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
  267.         {% elseif app.request.locale == 'sk' %}
  268.             <meta property="og:image" content="https://www.stolicky24.sk/images/blog/{{ blog.imageName }}"/>
  269.             <meta property="og:url" content="https://www.stolicky24.sk{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
  270.         {% elseif app.request.locale == 'ro' %}
  271.             <meta property="og:image" content="https://www.mobila24.ro/images/blog/{{ blog.imageName }}"/>
  272.             <meta property="og:url" content="https://www.mobila24.ro{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
  273.         {% endif %}
  274.     {% endif %}
  275.     <meta property="og:title" content="{{ blog.title }}"/>
  276.     <meta property="og:description" content="{% if blog.metaDescription %}{{ blog.metaDescription }}{% else %}Centrum Krzeseł, Sprawdź krzesła i fotele do biura i domu. Niskie ceny, gwarancja oraz dostawa 24h. Kup teraz!{% endif %}">
  277. {% endblock %}
  278. {% block meta_desc_key %}
  279.     {% if app.request.locale == 'pl' %}
  280.         {# veltis tag #}
  281.         {#
  282.         <script async src='https://app.veltis.io/uploads/veltis.js'></script><script>window.veltisData = window.veltisData || []; function veltisTag() { veltisData.push(arguments); } veltisTag('js', new Date()); veltisTag('config', '1aadaf84c154d3e3'); </script>
  283.         #}
  284.     {% endif %}
  285.     <meta name="description" content="{% if blog.metaDescription %}{{ blog.metaDescription }}{% else %}Centrum Krzeseł, Sprawdź krzesła i fotele do biura i domu. Niskie ceny, gwarancja oraz dostawa 24h. Kup teraz!{% endif %}">
  286.     <meta name="keywords" content="{% if blog.metaKeywords %}{{ blog.metaKeywords }}{% else %}krzesła, fotele, hokery, meble, sklep internetowy, zakupy, centrum krzeseł{% endif %}">
  287. {% endblock %}