как _mobile_* дивов заполняется с использованием данных HTML при просмотре страницы PrestaShop в мобильном

Я хочу понять, как prestashop работает в отношении мобильных дисплеев.

Я заметил в используемом шаблоне header.tplфайл содержит следующие HTML дивы для мобильных устройств:

 <div class="float-xs-right" id="_mobile_language_selector"></div>
            <div class="float-xs-right" id="_mobile_user_info"></div>
            <div class="float-xs-right" id="_mobile_cart"></div>
            <div class="float-xs-right" id="_mobile_currency_selector"></div> 

Я также заметил, что как только я удаляю любой из компонентов (например, торговую карту) из theme.yml:

global_settings:
  configuration:
    PS_IMAGE_QUALITY: png
  modules:
   to_enable:
     - ps_linklist
  hooks:
    modules_to_hook:
      displayNav1:
        - ps_contactinfo
        - tuxinmodaccessibility
      displayNav2:
        - ps_languageselector
        - ps_currencyselector
        - ps_customersignin
    REMOVE THIS LINE ->>>    - ps_shoppingcart
      displayTop:

тогда компонент корзина не отображается в навигационной панели. таким образом, версия mobile и deskop требовала установки этой конфигурации.

Я также заметил, что для каждого компонента, кроме основного div с _mobile_префиксом _desktop_.

Я пытаюсь выяснить, как правильно добавить мой компонент доступности в навигационную панель и что он также будет отображаться на мобильном телефоне. до сих пор он отображается только на рабочем столе, а не на мобильном телефоне, поэтому я предполагал, что мне нужно добавить что-то вроде

_desktop_

не знаю, как это правильно реализовать.

Я не совсем понимаю, как, например, как этот процесс работает для <div class="float-xs-right" id="_mobile_tuxinmodaccessibility"></div> div, а имя модуля-mobile_cart.

любая информация, касающаяся этого вопроса, была бы очень полезна.