Я хочу понять, как работает 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
.
любая информация, касающаяся вопроса, будет в значительной степени.