{% extends 'base.html.twig' %}
{% trans_default_domain 'store' %}
{% block title %}
{% if blog.metaTitle %}
{{ blog.metaTitle }}
{% else %}
{{ blog.title }} - {% if app.request.locale == 'pl' %}blog CentrumKrzesel.pl{% endif %}
{% endif %}
{% endblock %}
{% block css %}
{{ parent() }}
<style>
h1 {
line-height: 1.5;
font-size: 2rem;
margin-bottom: 20px;
color: #060f44;
}
</style>
<style>
.blog-paragraph h2 {
font-size: 20px;
font-weight: bold;
}
.blog-paragraph h1 {
font-size:initial!important;
}
.blog-paragraph h3 {
font-size:initial!important;
}
.blog-paragraph a {
color:#ef1b2b!important;
}
.blog-paragraph ul {
list-style: initial!important;
}
.blog-paragraph li {
list-style: initial!important;
margin-left:30px;
}
.kt-circle-loader {
display: none!important;
}
</style>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
$(document).ready(function () {
$('.kt-circle-loader').remove();
$('figure.image img').on("click", function() {
var link = $(this).children('a');
var link2 = $(this).parent().find('a');
console.log(link2);
console.log(link);
if (link && link.attr('href') !== 'undefined') {
console.log(link.attr('href'));
console.log(link);
//window.location.href = link.attr('href');
}
});
setTimeout(function(){ $('.kt-circle-loader').remove(); }, 1000);
});
</script>
{% endblock %}
{% block content %}
<div class="section">
<div class="container">
{% if blog.imageName %}
<!-- START OF BLOG COVER -->
<div class="box cover">
<figure class="image">
<img {% if blog.alt %}alt="{{ blog.alt }}"{% else %}alt="{{ blog.title }}"{% endif %} class="image" src="/images/blog/{{ blog.imageName }}" height="100%" width="100%">
</figure>
</div>
<!-- END OF BLOG COVER -->
{% endif %}
{% if blog.special %}
<div class="gradient"></div>
<div class="box special-article-wrapper">
<div class="columns is-centered">
<div class="column is-three-fifths">
<div class="columns is-centered">
<div class="column">
<article class="columns is-centered">
<div class="column is-10">
{{ blog.content|strongReplacer|raw }}
</div>
</article>
</div>
</div>
</div>
</div>
</div>
{% else %}
<div class="columns is-centered">
<div class="column is-three-fifths">
<div class="columns is-centered">
<div class="column">
<article id="blog-post" class="columns is-centered">
<div class="column is-10">
<section class="header-title">
<h1 class="title has-text-weight-bold has-text-centered is-3 margin-bot-30">
{{ blog.title }}
</h1>
<div class="subtitle has-text-weight-light has-text-centered is-7">
<span class="article-date">{{ blog.createdAt|date('d.m.Y') }}</span>
<span class="hash-tags">
{{ blog.tags|tagFilter|raw }}
</span>
</div>
</section>
<section class="blog-paragraph">
{{ blog.content|raw }}
</section>
<div class="columns is-multiline is-mobile lista-produktow" v-match-heights="{ el: [ '.card' ] }">
{% if blog.products.count %}
{% for productData in products %}
{% set product = productData[0] %}
{% include 'frontend/components/smallProduct.html.twig' with {'isOneThird':0, 'product':product, 'productData':productData} %}
{% endfor %}
{% endif %}
</div>
</div>
</article>
<div style="height: 30px;">
</div>
{% if nextEntry or previousEntry %}
<div style="height: 200px">
{% endif %}
{% if nextEntry %}
<table style="width: 48%; float: left">
{% if nextEntry.imageName %}
<tr>
<td class="text-center">
<img class="image" src="/images/blog/{{ nextEntry.imageName }}" style="max-height: 150px; margin:auto">
</td>
</tr>
{% endif %}
<tr>
<td style="text-align: center">
<div style="margin-top: 20px;">
<a href="{{ path('blog_entry', {'id':nextEntry.id, 'slug':nextEntry.slug}) }}">
<i class="fa fa-arrow-left"></i> {{ nextEntry.title }}
</a>
</div>
</td>
</tr>
</table>
{% endif %}
{% if previousEntry %}
<table style="width: 48%; float: right">
{% if previousEntry.imageName %}
<tr>
<td style="text-align: center">
<img class="image" src="/images/blog/{{ previousEntry.imageName }}" style="max-height: 150px; margin:auto">
</td>
</tr>
{% endif %}
<tr>
<td style="text-align: center">
<div style="margin-top: 20px;">
<a href="{{ path('blog_entry', {'id':previousEntry.id, 'slug':previousEntry.slug}) }}">
{{ previousEntry.title }} <i class="fa fa-arrow-right"></i>
</a>
</div>
</td>
</tr>
</table>
{% endif %}
{% if nextEntry or previousEntry %}
</div>
{% endif %}
</div>
</div>
</div>
</div>
{% endif %}
{#
<section id="interesting-posts">
<div class="subtitle is-4 has-text-centered is-centered">
Artykuły, które mogą Cię zainteresować
</div>
<div class="columns is-multiline" v-match-heights="{ el: [ '.card' ] }">
<div class="column is-one-quarter">
<div class="card blog-post">
<div class="card-image">
<figure class="image is-4by3">
<img src="images/maj_2019/blog_1.jpg" alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="is-size-7 date">10.05.2019</div>
<div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
<div class="is-size-7 hash-tag">
<span>#design</span>
<span>#krzesla</span>
</div>
</div>
</div>
</div>
<div class="column is-one-quarter">
<div class="card blog-post">
<div class="card-image">
<figure class="image is-4by3">
<img src="images/maj_2019/blog_4.jpg" alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="is-size-7 date">10.05.2019</div>
<div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
<div class="is-size-7 hash-tag">
<span>#design</span>
<span>#krzesla</span>
</div>
</div>
</div>
</div>
<div class="column is-one-quarter">
<div class="card blog-post">
<div class="card-image">
<figure class="image is-4by3">
<img src="images/maj_2019/blog_5.jpg" alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="is-size-7 date">10.05.2019</div>
<div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
<div class="is-size-7 hash-tag">
<span>#design</span>
<span>#krzesla</span>
</div>
</div>
</div>
</div>
<div class="column is-one-quarter">
<div class="card blog-post">
<div class="card-image">
<figure class="image is-4by3">
<img src="images/maj_2019/blog_8.jpg" alt="Placeholder image">
</figure>
</div>
<div class="card-content">
<div class="is-size-7 date">10.05.2019</div>
<div class="has-text-weight-bold">Krzesła z przeszłości czyli moda na PRL</div>
<div class="is-size-7 hash-tag">
<span>#design</span>
<span>#krzesla</span>
</div>
</div>
</div>
</div>
</div>
</section>
#}
</div>
</div>
{% endblock %}
{% block facebook %}
{% if blog.imageName %}
{% if app.request.locale == 'pl' %}
<meta property="og:image" content="https://www.centrumkrzesel.pl/images/blog/{{ blog.imageName }}"/>
<meta property="og:url" content="https://www.centrumkrzesel.pl{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
{% elseif app.request.locale == 'cz' %}
<meta property="og:image" content="https://www.ezidle.cz/images/blog/{{ blog.imageName }}"/>
<meta property="og:url" content="https://www.ezidle.cz{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
{% elseif app.request.locale == 'sk' %}
<meta property="og:image" content="https://www.stolicky24.sk/images/blog/{{ blog.imageName }}"/>
<meta property="og:url" content="https://www.stolicky24.sk{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
{% elseif app.request.locale == 'ro' %}
<meta property="og:image" content="https://www.mobila24.ro/images/blog/{{ blog.imageName }}"/>
<meta property="og:url" content="https://www.mobila24.ro{{ path('blog_entry', {'id':blog.id, 'slug':blog.slug}) }}"/>
{% endif %}
{% endif %}
<meta property="og:title" content="{{ blog.title }}"/>
<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 %}">
{% endblock %}
{% block meta_desc_key %}
{% if app.request.locale == 'pl' %}
{# veltis tag #}
{#
<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>
#}
{% endif %}
<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 %}">
<meta name="keywords" content="{% if blog.metaKeywords %}{{ blog.metaKeywords }}{% else %}krzesła, fotele, hokery, meble, sklep internetowy, zakupy, centrum krzeseł{% endif %}">
{% endblock %}