# Danh mục sản phẩm

### Các nội dung cơ bản của trang danh mục sản phẩm <a href="#cac-noi-dung-co-ban-cua-header" id="cac-noi-dung-co-ban-cua-header"></a>

Trang danh mục sản phẩm 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 sản phẩm sẽ chỉ liệt kê sản phẩm cũng như bộ lọc của danh mục sản phẩm đó chứ không phải tất cả sản phẩm như trang danh sách sản phẩm. Trang danh mục sản phẩm 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 %}

```

#### Bộ lọc <a href="#logo" id="logo"></a>

Bộ lọc ở trang danh mục sản phẩm sẽ là bộ lọc của riêng danh mục sản phẩm đó.

* Bộ lọc danh mục sản phẩm

```
    {% set categories = category.childs %}
    {% if(categories is not empty) %}
        {% for cate in categories %}
            <a href="{{ cate.viewLink }}" title="{{ cate.name }}">{{ cate.name }}</a>
        {% endfor %}
    {% endif %}

```

* Bộ lọc giá

```
{% set price_ranges = [
    ["0", "200000"],
    ["200000", "350000"],
    ["350000", "500000"],
    ["500000", "800000"],
    ["800000", "1000000"],
    ["1000000", "0"],
] %}

{% set price_param = getParam('price') %}
 {% for range in price_ranges %}
    {% set min_price = range[0]|number_format(0, '.', '') %}
    {% set max_price = range[1]|number_format(0, '.', '') %}
    {% set range_string = min_price ~ ':' ~ max_price %}
    {% if(range_string in price_param) %}
        {% set filter = removeFilter('price', range_string) %}
        {% set checked =  'checked' %}
    {% else %}
        {% set filter = addFilter('price', range_string) %}
        {% set checked =  '' %}
    {% endif %}
    <div class="form-check filter-item pt-1 pb-1 mb-0 ">
        <input class="form-check-input filter-check" type="checkbox"
               value="{{ filter }}" {{ checked }}>
        <label class="form-check-label">
              {% if(min_price == 0 and max_price == 200000) %}
                    Dưới {{ max_price/1000|number_format(0, '.', '') ~ 'k' }}
              {% elseif (min_price == 1000000 and max_price == 0) %}
                   Trên 1 triệu
              {% else %}
                  Từ {{ min_price/1000|number_format(0, '.', '') ~ 'k' }} - {{ max_price/1000|number_format(0, '.', '') ~ 'k' }}
              {% endif %}
        </label>
    </div>
{% endfor %}

```

* Bộ lọc thuộc tính

```
{% set allAttr = getAllAttributes({'categoryId':category.id}) %}
{% if(allAttr) %}
    {% for attr in allAttr %}
        {% if(attr.values != null) %}
            {% set column = attr.column %}
            {{ attr.name|raw }}
             {% for cl in attr.values %}
               {% if(cl.id in attrColumnValues[column]) %}
                  <div data-link="{{ removeFilter(column, cl.id) }}">
                     <a rel="noindex" href="{{ removeFilter(column, cl.id) }}" title="{{ cl.name|raw }}"
                        {{ cl.name|raw }}
                     </a>
                  </div>
               {% else %}
                   <div data-link="{{ addFilter(column, cl.id, 2) }}">
                       <a rel="noindex" href="{{ addFilter(column, cl.id, 2) }}" title="{{ cl.name|raw }}">
                            {{ cl.name|raw }}
                       </a>
                   </div>
               % endif %}
           {% endfor %}
        {% endif %}
    {% endfor %}
{% endif %}

```

#### Sắp xếp

```
<ul>
    <li class="{{ getParam('show') == 'discount' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'discount', 2) }}">Khuyến mãi</a>
    </li>
    <li class="{{ getParam('show') == 'priceAsc' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'priceAsc', 2) }}">Giá:Tăng dần</a>
    </li>
    <li class="{{ getParam('show') == 'priceDesc' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'priceDesc', 2) }}">Giá: Giảm dầm</a>
    </li>
    <li class="{{ getParam('show') == 'nameAsc' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'nameAsc', 2) }}">Tên: A - Z</a>
    </li>
    <li class="{{ getParam('show') == 'nameDesc' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'nameDesc', 2) }}">Tên: Z - A</a>
    </li>z
    <li class="{{ getParam('show') == 'old' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'old', 2) }}">Cũ nhất</a>
    </li>
    <li class="{{ getParam('show') == 'new' ? 'selected' : '' }}">
        <a href="{{ addFilter('show', 'new', 2) }}">Mới nhất</a>
    </li>
</ul>
```

#### Danh sách sản phẩm

Danh sách sản phẩm bao gồm tất cả các sản phẩm có thể bán trên website.

```
{% if (paginator.currentModels) %}
    {% for p in paginator.currentModels %}
       {% set priceDiscount = n.priceAfterDiscount %}
       {% set percent = n.calcDiscountPercent %}
       {% set image = n.thumbnailUri %}
         <a href="{{ n.viewLink }}">
           <img loading="lazy" src="{{ image }}" alt="{{ n.name | raw }}"/>
        </a>
       {% if(percent > 0) %}
         - {{percent }}%
       {% endif %}
       <a href="{{ n.viewLink }}">{{ n.name | raw }}</a>
     {% if p.priceAfterDiscount > 0 %}
          {{ p.priceAfterDiscount | number_format(0) }}₫
          {{ p.price | number_format(0) }}₫
     {% elseif (p.oldPrice > 0) %}
          {{ p.price | number_format(0) }}₫
          {{ p.oldPrice | number_format(0) }}₫
     {% else %}
          {{ p.price | number_format(0) }}₫
      {% endif %}
    {% endfor %}
{% endif %}
```

#### Phân trang

```
<div>
    {{ render_paginator(paginator) }}
</div>
```

<figure><img src="/files/nhKbaI1Uq030ohZ57akD" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webdocs.nhanh.vn/page/san-pham/danh-muc-san-pham.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.