{% include concat(template.path, '/header_link.html') %} 

{% include concat(template.path, '/header.html') %}    <!-- Start of Main --> 
    <main class="main"> 
        <!-- Start of Page Content --> 
        <div class="page-content"> 
            <div class="container"> 
                <!-- Start of Breadcrumb --> 
                <ol class="breadcrumb page-breadcrumb"> 
                    <li><a href="{{link('/')}}">Главная</a></li> 
                    {% set breadcrumbs = cmsGetBreadcrumbs({pkid: page.pkid}) %} 
                    {% for breadcrumb in breadcrumbs %} 
                        {% if loop.index != breadcrumbs|length %} 
                            <li><a href="{{link(breadcrumb.uri)}}">{{breadcrumb.name}}</a></li> 
                        {% else %} 
                            <li class="active">{{breadcrumb.name}}</li> 
                        {% endif %} 
                    {% endfor %} 
                </ol> 
                <!-- End of Breadcrumb --> 
 
                <!-- Start of News Section --> 
			{% set pkid = xget('pkid') %}
			{% if pkid is not null %}
                    {% set st = 0 %} 
                    {% set newsCount = 15 %} 
                    {% if xget('page') > 0 %} 
                        {% set st = (xget('page') - 1) * newsCount %} 
                    {% endif %} 
			{% set data = widgetDataByType(
				'blog', {
					widget_name: 'news',
					start: 0,
					limit: 1,
					filter: {
						public: 1,
						lang: currentlang,
						pkid: pkid,
						'<=ugmtimePublic': time(),
					},
					viewall: 1,
				}
			).res.0 %}
							{% if data %}
				{% set addViews = ioCallAction(
					'io.model.cms20.content.blog.addViews', {
						pkid: pkid,
						widget_name: 'news',
					}
				) %}
 				{% include concat(template.path, '/news_item.html') %}
			{% else %}
				{% include concat(template.path, '/news_list.html') %}
			{% endif %}
		{% else %}
			{% include concat(template.path, '/news_list.html') %}
		{% endif %}
                    <!-- Пример структуры новости --> 
                    
                <!-- End of News Section --> 
 
                <!-- Pagination 
                <ul class="pagination justify-content-center mb-10 pb-2 pt-2"> 
                    <li class="prev disabled"> 
                        <a href="{{template.path}}/blog-grid-3cols.html#" aria-label="Previous" tabindex="-1" aria-disabled="true"> 
                            <i class="w-icon-long-arrow-left"></i>Prev 
                        </a> 
                    </li> 
                    <li class="page-item active"> 
                        <a class="page-link" href="{{template.path}}/blog-grid-3cols.html#">1</a> 
                    </li> 
                    <li class="page-item"> 
                        <a class="page-link" href="{{template.path}}/blog-grid-3cols.html#">2</a> 
                    </li> 
                    <li class="next"> 
                        <a href="{{template.path}}/blog-grid-3cols.html#" aria-label="Next"> 
                            Next<i class="w-icon-long-arrow-right"></i> 
                        </a> 
                    </li> 
                </ul> --> 
        </div> 
        <!-- End of Page Content --> 
			
					
		</div> 
 

    </main> 
    <!-- End of Main --> 
 
    <!-- Styles --> 
    <style> 
        .btn.btn-lg { 
            font-family: 'Rubik-Light'; 
            border-radius: 5px; 
        } 
 
        .breadcrumb li:not(:last-child)::after { 
            content: ""; 
            position: relative; 
            display: inline-block; 
            margin-left: 0.5rem; 
            font-size: 1rem; 
            font-weight: 500; 
            font-family: wolmart; 
        } 
 
        *, ::after, ::before { 
            box-sizing: inherit; 
        } 
 
        li { 
            text-align: -webkit-match-parent; 
        } 
 
        .breadcrumb { 
            display: flex; 
            -webkit-box-align: center; 
            align-items: center; 
            flex-wrap: wrap; 
            color: rgb(51, 51, 51); 
            font-size: 1.3rem; 
            line-height: 1.5; 
            padding: 1.5rem 0.2rem 1.6rem; 
        } 
 
        nav.breadcrumb-nav { 
            font-family: 'Rubik-Light'; 
            font-weight: 600; 
        } 
 
        nav.breadcrumb-nav .container .breadcrumb li { 
            font-size: 15px; 
        } 
 
        .breadcrumb li:not(:last-child)::after { 
            margin-right: 5px; 
        } 
 
        nav.breadcrumb-nav { 
            margin-top: 15px; 
        } 
 
        .breadcrumb { 
            background-color: transparent !important; 
        } 
 
        .breadcrumb > li + li:before { 
            padding: 0 !important; 
            color: transparent !important; 
            content: "" !important; 
        } 
 
        .breadcrumb a { 
            color: #ed711b !important; 
            font-size: 15px; 
        } 
 
        .breadcrumb > .active { 
            color: rgb(51, 51, 51) !important; 
        } 
 
        a:hover { 
            text-decoration: none !important; 
        } 
 
        header.page-header { 
            margin-top: 30px !important; 
            margin-bottom: 40px !important; 
        } 
 
        .menu > li > a { 
            color: #fff !important; 
        } 
 
        .vertical-menu > li > a { 
            color: #999696 !important; 
        } 
 
        .header-bottom .header-right > a { 
            color: #fff !important; 
        } 
 
        .btn-primary { 
            color: #fe7c00 !important; 
            background: transparent !important; 
            border-color: #fe7c00 !important; 
            font-family: 'Rubik-Light' !important; 
        } 
 
        .btn-primary:hover { 
            background: #ed711b; 
            border-color: #ed711b; 
        } 
 
        .btn-danger { 
            font-family: 'Rubik-Light' !important; 
        } 
 
        .product-page-product-wrap { 
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; 
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important; 
        } 
 
        .page-header { 
            margin: 0px !important; 
        } 
 
        nav.breadcrumb-nav { 
            padding-left: 0 !important; 
        } 
 
        /* Новые стили для новостей */ 
        .news-grid { 
            display: grid; 
            grid-template-columns: repeat(3, 1fr); 
            gap: 20px; 
        } 
 
        .news-item { 
            border-bottom: 1px solid #e0e0e0; 
            padding-bottom: 20px; 
            margin-bottom: 20px; 
        } 
 
        .news-item h2 { 
            font-size: 24px; 
            color: #333; 
            margin-bottom: 10px; 
        } 
 
        .news-item p { 
            font-size: 16px; 
            color: #666; 
            line-height: 1.6; 
            margin-bottom: 15px; 
        } 
 
        .news-item .meta { 
            font-size: 14px; 
            color: #999; 
        } 
 
        .news-item .meta span { 
            margin-right: 10px; 
        } 
 
        .news-item .meta .category { 
            font-weight: bold; 
            color: #ed711b; 
        } 
 		
		.news-item .meta .author { 
            font-style: italic; 
        } 
		
        .news-item .meta .comments { 
            font-style: italic; 
        } 
    </style> 

 
    <!-- Footer --> 
    {% include concat(template.path, '/footer.html') %} 
    {% include concat(template.path, '/footer_link.html') %}