Danh mục tin tức

Các nội dung cơ bản của trang danh mục tin tức

Trang danh mục tin tức về cơ bản nội dung sẽ giống như trang danh sách sản phẩm. Tuy nhiên, trang danh sách tin tức sẽ chỉ liệt kê tin tức của danh mục đó chứ không liệt kê tất cả tin tức như trang danh sách sản phẩm. Trang danh mục tin tức của 1 website cơ bản thì sẽ bao gồm các nội dung sau:

Các thẻ meta

{% extends layout_layout %} 
{% block meta %}
{{ headTitle(category.name).setSeparator(' - ').setAutoEscape(false)|raw }}
<meta name="keywords" content="{{ category.metaKeywords ?: category.name }}">
<meta name="description" content="{{ category.metaDescription ?: category.name }}">
<meta property="og:title" content="{{ category.metaTitle ?: category.name }}">
<meta property="og:url" content="{{ category.canonicalLink }}">
<meta property="og:image" content="{{ category.imageUri }}">
<meta property="og:type" content="website">
<link rel="canonical" href="{{ category.canonicalLink }}" />
{% endblock %}

Danh mục tin tức

Danh mục tin tức bao gồm tất cả tin tức cùng danh mục trên website.

• Tên danh mục tin tức

{{category.name}}

• Phân trang

Phân trang giúp cho khách hàng có thể tìm kiếm được tin tức dễ dàng và thường sẽ được đặt ở phía cuối trang.

{{ render_paginator(paginator) }}

• List tin tức

{% if(paginator.currentModels is not empty) %}
    {% for art in paginator.currentModels %}
            <div>
                <a href="{{ art.viewLink }}" title="{{ art.title | raw }}">
                    <img loading="lazy" alt="{{ art.title | raw }}" src="{{ art.pictureUri }}"/>
                </a>
                <div>
                    <h4>
                       {{ art.title | raw }}
                    </h4>
                    <ul>
                        {% set time = art.createdDateTime|split(' ') %}
                        {% set date = time[0]|split('-') %}
                        <li><time>{{ date[2] }}/{{ date[1] }}/{{ date[0] }}</time></li>
                        <li><div class="fb-like" data-href="{{ art.viewLink}}" data-layout="button_count" data-action="like"></div></li>
                    </ul>
                    {{ art.intro(true) | raw }}
                </div>
            </div>
    {% endfor %}

    {{ render_paginator(paginator) }}

{% endif %}