Olá,
Criei um tema personalizado e ele funciona bem no desktop, no entanto, parece que no celular algumas das substituições (usando PluginOutlet) não estão sendo aplicadas no celular (Safari). Por exemplo, no desktop, minha página de categoria fica assim:
Tanto o desktop quanto o celular estão definidos para:
Alguma ideia do que estou fazendo de errado?
Obrigado
Mesmo que você defina o mesmo layout para desktop e mobile nas configurações do seu admin, os templates usados provavelmente não são os mesmos. Você teria que inspecionar ambos os templates e ajustar suas declarações de acordo.
Ah sim, vejo que o pluginOutlet é diferente.
No entanto, ainda parece que os CSS não estão carregando do tema.
Os modelos têm algumas diferenças que podem exigir CSS diferente para desktop vs. mobile, então você terá que inspecionar a página e adicionar CSS diferente para mobile (você pode obter a visualização mobile em um dispositivo desktop adicionando ?mobile_view=1 ao final do URL)
Se você estiver removendo as bordas no desktop, por exemplo, você pode fazer:
.category-list tbody .category {
border: none;
}
mas no mobile você teria que fazer:
.category-list-item {
border: none;
}
Em algum momento, acho que tornaremos esses modelos consistentes em todos os dispositivos, mas é isso que é necessário para o estado atual das coisas.