как _mobile_ * divs заполняется HTML-данными при просмотре страницы prestashop в мобильном телефоне - PullRequest
0 голосов
/ 26 апреля 2018

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

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

 <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:

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

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

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

<div class="float-xs-right" id="_mobile_tuxinmodaccessibility"></div>

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

Я не совсем понимаю, как, например, как этот процесс работает для mobile_cart div, когда имя модуля ps_shoppingcart.

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

1 Ответ

0 голосов
/ 16 ноября 2018

Вам нужно оформить заказ themes / classic / _dev / js / responseive.js file.

...