您好,
我创建了一个自定义主题,它在桌面上运行正常,但在移动设备(Safari)上,似乎某些覆盖(使用 PluginOutlet)未被应用。例如,在桌面上,我的分类页面看起来像这样:
桌面和移动设备都设置为:
有什么想法知道我哪里做错了?
谢谢。
您好,
我创建了一个自定义主题,它在桌面上运行正常,但在移动设备(Safari)上,似乎某些覆盖(使用 PluginOutlet)未被应用。例如,在桌面上,我的分类页面看起来像这样:
桌面和移动设备都设置为:
有什么想法知道我哪里做错了?
谢谢。
即使您在管理员设置中为桌面和移动设备设置了相同的布局,所使用的模板可能也不相同。您需要检查两个模板并相应地调整您的声明。
啊是的,我看到 pluginOutlet 有所不同。
但是,CSS 似乎仍未从主题加载。
模板存在一些差异,可能需要为桌面版和移动版使用不同的 CSS,因此您需要检查页面并为移动版添加不同的 CSS(您可以通过在 URL 末尾添加 ?mobile_view=1 来在桌面设备上获得移动视图)。
例如,如果您要删除桌面的边框,可以这样做:
.category-list tbody .category {
border: none;
}
但在移动版上,您需要这样做:
.category-list-item {
border: none;
}
我认为我们最终会使这些模板在所有设备上保持一致,但目前需要这样做。