Отображение артикула (sku) в списке товаров

Добавим отображение артикула товара на странице категории (списка товаров), а также немного изменим порядок отображения информации.

Отображение списка товаров по умолчанию:

  1. Откройте файл:

    /design/themes/название_темы/templates/blocks/product_list_templates/products_without_options.tpl

    Данный файл служит для подключения шаблона с заданными параметрами. Названия параметров соответствуют отображаемой информации.

     1
     2
     3
     4
     5
     6
     7
     8
     9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    {** template-description:tmpl_list_without_options **}
    
    {include file="blocks/list_templates/products_list.tpl" 
    show_name=true 
    show_sku=false 
    show_rating=true 
    show_features=true 
    show_prod_descr=true 
    show_old_price=true 
    show_price=true 
    show_clean_price=true 
    show_list_discount=true 
    show_discount_label=true 
    show_product_amount=true 
    show_product_edp=true 
    show_add_to_cart=true 
    show_list_buttons=true 
    show_descr=true 
    but_role="action"
    separate_buttons=true}
    
  2. Найдите и измените строку с параметром show_sku для отображения артикула товара:

    Было Стало
    show_sku=false
    
    show_sku=true
    

    Сохраните файл и очистите кэш. Готово!

    Путешествие параметра (если неинтересно, можно переходить к следующему пункту)

    Параметры будут переданы в шаблон:

    /design/themes/название_темы/templates/blocks/list_templates/products_list.tpl

    В данном шаблоне будет подключен файл:

    /design/themes/название_темы/templates/common/product_data.tpl

    Подключение выполняется с помощью строки:

    {include file="common/product_data.tpl" product=$product min_qty=true}
    

    Данный файл содержит условия и необходимый код для каждого параметра:

    {if $show_sku}
        {** HTML и Smarty код отображения **}
    {/if}
    

    Файл common/product_data.tpl используется для отрисовки HTML большинства продуктовых страниц и блоков. Обычно подключается в шаблоне следующей конструкцией. Рекомендуем изучить его возможности.

  3. Мы отобразили код товара на странице списка товаров.

  4. Изменим расположение артикула, перенесём его под краткое описание товара.

    Откройте файл:

    /design/themes/название_темы/templates/blocks/list_templates/products_list.tpl

    Найдите строку отвечающую за отображение артикула:

    {assign var="sku" value="sku_$obj_id"}{$smarty.capture.$sku nofilter}
    

    Перенесите её в необходимое вам место, например под детальное описание:

    <div class="ty-product-list__description">
        {assign var="prod_descr" value="prod_descr_`$obj_id`"}
        {$smarty.capture.$prod_descr nofilter}
    </div>
    
    {assign var="sku" value="sku_$obj_id"}{$smarty.capture.$sku nofilter}
    

    Готово!