Навигация

Готовые страницы

Каталог товаров

В версии 2023.2.0 появилась возможность передавать дополнительные параметры отображения для страницы каталог товаров - row_classes и row_scrolling.

Это добавляет гибкости отображения странице. В примере ниже мы отключили горизонтальный скролл и сделали отображение категорий в два столбца для мобильных устройств. Пример

{* GET THEME *}
{$theme_id = waRequest::getTheme()}

{* UTILS *}
{include "{$wa->site->themePath($theme_id)}u-utils.html"}

{* GET THEMESETTINGS *}
{$theme_settings = $wa->themesettings->getThemeSettings($theme_id, "site", true)}

{* PROPS *}
{$props = [
    "type" => "categories_01",
    "wrapper_classes" => (!empty($wrapper_classes)) ? $wrapper_classes : [],
    "container_disabled" => true,
    "items_in_row" => $theme_settings["pages__catalog_categories_cards_type_items_in_row"]|intval,
    "row_classes" => "row-cols-2 row-cols-sm-2 row-cols-md-3 row-cols-lg-4",
    "row_scrolling" => false,
    "parent_id" => $theme_settings["apps__shop_common_root_category_id_type_number"]|default:0,
    "products_count" => $theme_settings["pages__catalog_categories_common_products_count"],
    "title" => $theme_settings["pages__catalog_categories_common_title"],
    "text" => $theme_settings["pages__catalog_categories_common_text"],
    "include" => $theme_settings["pages__catalog_categories_common_include"],
    "exclude" => $theme_settings["pages__catalog_categories_common_exclude"]
]}

{* LAYOUT *}
{call include_template template="html/pages/catalog/catalog" app="shop" props=$props}