File: /home/retile.ru/public_html/catalog/view/theme/unishop2/template/information/uni_news_story.twig
{{ header }}
<div class="container">
<div class="breadcrumb-h1 {{ menu_expanded ? ' col-md-offset-3 col-lg-offset-3 col-xxl-offset-4' }}">
<ul class="breadcrumb mobile">
{% for key, breadcrumb in breadcrumbs %}
{% if key + 1 < breadcrumbs|length %}
<li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
{% else %}
{% if not hide_last_breadcrumb or (hide_last_breadcrumb and key == 1) %}<li>{{ breadcrumb.text }}</li>{% endif %}
{% endif %}
{% endfor %}
</ul>
<h1 class="heading">{{ heading_title }}</h1>
</div>
<div class="row">
{{ column_left }}
{% if column_left and column_right %}
{% set class = ' col-sm-4 col-md-6 col-lg-6 col-xxl-12' %}
{% elseif column_left or column_right %}
{% set class = ' col-sm-8 col-md-9 col-lg-9 col-xxl-16' %}
{% else %}
{% set class = ' col-sm-12' %}
{% endif %}
<div id="content" class="{{ class }}">
{{ content_top }}
<div class="news-page uni-wrapper">
<div class="clearfix">
{% if thumb %}
<div class="news-page__image">
<a href="{{ popup }}" title="{{ heading_title }}" class="img_popup">
<img src="{{ thumb }}" alt="{{ heading_title }}" class="news-page__img img-responsive" />
</a>
</div>
{% endif %}
<div class="news-page__description">{{ description }}</div>
</div>
<hr />
<div class="news-page__social-posted">
{% if addthis %}
<div class="news-page__social">
{% if socialbutton %}
<div id="goodshare" data-socials="{% for i, social in socialbutton %}{{ social }}{{ i + 1 < socialbutton|length ? ',' }}{% endfor %}"></div>
<script defer async src="catalog/view/javascript/goodshare/goodshare.min.js"></script>
<link href="catalog/view/javascript/goodshare/goodshare.css" rel="preload" as="style" />
<link href="catalog/view/javascript/goodshare/goodshare.css" rel="stylesheet" media="screen" />
{% endif %}
</div>
{% endif %}
<div class="news-page__posted">
<i class="fa fa-eye" aria-hidden="true"></i>{{ viewed }}
<i class="fa fa-calendar" aria-hidden="true"></i>{{ posted }}
</div>
</div>
<div style="height:30px"></div>
{% if prevnext %}
<div class="news-prevnext row-flex">
<div class="col-xs-6">
{% if prevnext.prev %}
<div class="news-prevnext__item prev">
<a href="{{ prevnext.prev.href }}" title="{{ news.name }}" class="news-prevnext__a prev">
{{ prevnext.prev.name }}
</a>
<div class="news-prevnext__date">{{ prevnext.prev.date }}</div>
</div>
{% endif %}
</div>
<div class="col-xs-6">
{% if prevnext.next %}
<div class="news-prevnext__item next">
<a href="{{ prevnext.next.href }}" title="{{ news.name }}" class="news-prevnext__a next">
{{ prevnext.next.name }}
</a>
<div class="news-prevnext__date">{{ prevnext.next.date }}</div>
</div>
{% endif %}
</div>
</div>
{% endif %}
</div>
{% if related_products %}
<div class="heading">{{ related_products_title }}</div>
<div class="uni-module news-product-related">
<div class="uni-module__wrapper">
{% for product in related_products %}
<div class="product-thumb uni-item">
<div class="product-thumb__image" {{ product.special_date_end ? ' data-special-end="'~product.special_date_end~'"' }}>
{% include 'unishop2/template/extension/module/uni_stickers.twig' %}
<a href="{{ product.href }}">
<img src="{{ product.thumb }}" {{ product.additional_image ? ' data-additional="'~product.additional_image~'"' }} alt="{{ product.name }}" title="{{ product.name }}" class="img-responsive" />
</a>
</div>
<div class="product-thumb__caption">
<a class="product-thumb__name" href="{{ product.href }}">{{ product.name }}</a>
{{ product.model ? '<div class="product-thumb__model" data-text="'~text_model~'">'~product.model~'</div>' }}
{% if product.show_description %}
<div class="product-thumb__description description">{{ product.description }}</div>
{% endif %}
{% include 'unishop2/template/extension/module/uni_attributes.twig' %}
{% include 'unishop2/template/extension/module/uni_options.twig' %}
{% include 'unishop2/template/extension/module/uni_quantity_indicator.twig' %}
{% if product.rating >= 0 and show_rating %}
<div class="product-thumb__rating rating">
{% for i in 1..5 %}
<i class="{{ product.rating < i ? 'far fa-star' : 'fa fa-star' }}"></i>
{% endfor %}
{% if product.num_reviews > 0 %}<a class="product-thumb__rating-a uni-badge uni-href" data-href="{{ product.href }}#tab-review">{{ product.num_reviews }}</a>{% endif %}
</div>
{% endif %}
{% if product.price %}
<div class="product-thumb__price price" data-price="{{ product.price_value }}" data-special="{{ product.special_value }}" data-discount="{{ product.discounts }}">
{% if not product.special %}
{{ product.price }}
{% else %}
<span class="price-old">{{ product.price }}</span> <span class="price-new">{{ product.special }}</span>
{% endif %}
</div>
{% if product.tax %}<div class="price-tax">{{ text_tax }} {{ product.tax }}</div>{% endif %}
{% endif %}
<div class="product-thumb__cart cart {{ product.cart_btn_class }}">
{% if product.show_quantity %}
<div class="qty-switch">
<input type="text" name="quantity" value="{{ product.minimum }}" data-minimum="{{ product.minimum }}" class="qty-switch__input form-control" />
<div>
<i class="qty-switch__btn fa fa-plus btn-default"></i>
<i class="qty-switch__btn fa fa-minus btn-default"></i>
</div>
</div>
{% endif %}
<button type="button" class="product-thumb__add-to-cart add_to_cart btn {{ product.cart_btn_class }}" title="{{ product.cart_btn_text }}" data-pid="{{ product.product_id }}" onclick="cart.add({{ product.product_id }}, this)"><i class="{{ product.cart_btn_icon }}"></i><span>{{ product.cart_btn_text }}</span></button>
<button type="button" class="product-thumb__quick-order quick-order btn {{ product.quick_order is empty ? ' hidden' }}" data-toggle="tooltip" title="{{ quick_order_title }}" onclick="quick_order('{{ product.product_id }}');"><i class="{{ quick_order_icon }}"></i>{% if show_quick_order_text %}<span>{{ quick_order_title }}</span>{% endif %}</button>
<button type="button" class="product-thumb__wishlist wishlist {{ wishlist_btn_disabled ? ' hidden' }}" title="{{ button_wishlist }}" onclick="wishlist.add('{{ product.product_id }}');"><i class="far fa-heart"></i></button>
<button type="button" class="product-thumb__compare compare {{ compare_btn_disabled ? ' hidden' }}" title="{{ button_compare }}" onclick="compare.add('{{ product.product_id }}');"><i class="fas fa-align-right"></i></button>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<script>
$('.news-product-related').uniModules({
type:'{{ type_view ? type_view : 'carousel' }}',
autoheight:['product-thumb__name', 'product-thumb__description', 'product-thumb__option']
});
{% if show_timer %}
$('.news-product-related .product-thumb__image').each(function() {
const date = $(this).data('special-end');
if(date) {
$(this).uniTimer({
date :''+date+'',
texts :['{{ text_special_day }}','{{ text_special_hour }}','{{ text_special_min }}','{{ text_special_sec }}'],
hideText :false,
hideIsNull:false
});
}
});
{% endif %}
</script>
{% endif %}
<link href="catalog/view/javascript/jquery/magnific/magnific-popup.css" type="text/css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/jquery/magnific/jquery.magnific-popup.min.js"></script>
<script>
$(function() {
$('.news-page__description img').each(function() {
$(this).css('max-width', '100%').wrap('<a href="'+$(this).attr('src')+'" class="img_popup"></a>');
});
$('.news-page__image, .news-page__description').magnificPopup({
type:'image',
delegate: 'a.img_popup',
gallery: {
enabled:true
}
});
});
</script>
{{ content_bottom }}
</div>
{{ column_right }}
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{% for i, breadcrumb in breadcrumbs %}
{
"@type": "ListItem",
"position": {{ i+1 }},
"name": "{{ i == 0 ? shop_name : breadcrumb.text|replace({'"':'', '"':''}) }}",
"item": "{{ breadcrumb.href }}"
{{ i + 1 < breadcrumbs|length ? '},' : '}' }}
{% endfor %}
]
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "{{ microdata.title }}",
"image": ["{{ microdata.image }}"],
"datePublished": "{{ microdata.date }}",
"dateModified": "{{ microdata.date }}",
"description": "{{ microdata.short_description }}",
"articleBody": "{{ microdata.description }}",
"author": {
"@type": "Organization",
"name": "{{ microdata.publisher_name }}",
"url": "{{ microdata.publisher_url }}",
"logo": {
"@type": "ImageObject",
"url": "{{ microdata.publisher_logo }}"
}
}
}
</script>
{{ footer }}