Здравствуйте,
Я создала пользовательскую тему, и она отлично работает на рабочем столе, однако, похоже, что на мобильных устройствах (Safari) некоторые переопределения (с использованием PluginOutlet) не применяются. Например, на рабочем столе моя страница категории выглядит так:
И для рабочего стола, и для мобильных устройств установлены следующие настройки:
Есть ли у кого-нибудь идеи, что я делаю не так?
Спасибо
Даже если вы установите одинаковую разметку для рабочего стола и мобильных устройств в настройках администратора, используемые шаблоны, скорее всего, будут разными. Вам нужно будет изучить оба шаблона и соответствующим образом скорректировать свои объявления.
Ага, я вижу, что pluginOutlet отличается.
Однако всё ещё кажется, что CSS не загружаются из темы.
В шаблонах есть некоторые различия, которые могут требовать разных стилей CSS для десктопа и мобильных устройств, поэтому вам нужно будет проанализировать страницу и добавить отдельные стили для мобильных (вы можете включить мобильный вид на десктопе, добавив ?mobile_view=1 в конец URL-адреса).
Например, если вы убираете границы на десктопе, вы можете сделать так:
.category-list tbody .category {
border: none;
}
а на мобильных устройствах нужно будет сделать:
.category-list-item {
border: none;
}
В какой-то момент мы, вероятно, сделаем эти шаблоны одинаковыми для всех устройств, но на текущий момент требуется именно это.