我最近在我的大型商业商店上传了一个页面的自定义html和css。页面响应迅速，并且针对移动设备进行了优化。它适用于台式机，但是当我在手机上查看它时安装的通用移动主题会过度使用它。如何在不完全禁用移动主题的情况下阻止此页面被移动版本覆盖？
谢谢，
答案 0 :(得分：1)
我头顶有两种方法。
BigCommerce上的任何具有移动/响应主题的HTML文件都包含HTML页面某些部分的2个副本。移动HTML / CSS只是由HTML副本上的HTML类mobile触发，该类只能在移动设备上看到，其中包含一个相关HTML副本（即菜单，徽标，购物车图标和链接）等等。）
另一个HTML块具有类desktop，仅在某些屏幕尺寸（类似于mobile）时触发，并且仅在满足屏幕尺寸条件时显示其HTMl的桌面版本。
因此，如果屏幕较小，则在您的responsive.css文件中，.mobile为display:none;，而desktop类具有所有正确的可见CSS。
相反，在桌面大小的屏幕上，desktop HTML格式正确，而mobile类HTML块为display:none。
因此，在第一个解决方案中，您只需放置自定义HTMl的副本并正确设置其样式，以便在移动屏幕上显示。这样，移动设备版本只会出现在移动设备上，而桌面版本正确的版本只会显示在dektop尺寸的屏幕上。就BC而言，我认为这是最佳方法。
您可以为相关网页制作自定义模板。因此，如果它是product.html并且您希望自定义某些特定产品，则可以创建product-custom.html并将其放在WebDav“/ template / Panels”文件夹中。
现在，在必须使用新的自定义HTML的产品上，转到他们的页面并滚动到底部，您会看到一个模板文件选择框，应该说product.html。将其更改为新的product-custom.html。
现在，对于自定义文件，只需编辑围绕.desktop和.mobile类的HTML / CSS规则（可能只是将它们全部一起删除），以便在小页面上加载时屏幕，隐藏桌面版本的CSS规则将不适用。同时，您应该删除重复的.mobile类HTML，因为它将不再需要。
第二种方法更灵活，但也需要更多的工作，而且通常更麻烦，需要更多的维护。
我强烈推荐方法＃1。
请告诉我这是否有帮助，如果您还有其他问题。