主页的 Opencart 不同的 .TPL

Question

我有一个疑问，不太确定最好的方法是什么，我有一个基于 opencart 的网站的客户，上面有非常糟糕的做法，例如，所有产品都是手动放置在主页中而不是使用 OC 的 CMS 功能，现在它的工作方式是，如果您使用的是计算机、完整的浏览器，该站点会显示该站点的完整版本，但如果您使用的是 ipad 或 iphone/android 设备，则加载“小”版本，两个版本都手动放置在同一个 home.tpl 文档中，并且它们会被某些 CSS 显示/消失。问题是，客户不想改变主页的设计方式，所以要加载大量代码，有没有办法为小版本提供不同的 tpl？例如带有完整版代码的 home.tpl 版本和小型版本的 home-mobile.tpl？这应该如何工作？系统应如何确定屏幕尺寸并指向 TPL 或其他 TPL？

我知道这是一个奇怪的请求，但客户对网站的外观“满意”并且不想更改主页上使用的手动代码。

Answer 1

CSS 是处理不同屏幕上相同内容的大小调整和重组的正确方法。如果您想为移动用户提供一个完全不同的主页，并提供不同的内容，有几种方法可以做到：

1. 使用 JS 检测浏览器并重定向到仅限移动设备的页面。这可能涉及将您当前的家庭控制器（和模板等）复制到新文件，或使用 GET 变量在代码中进一步切换模板。

2. 使用 PHP 检测浏览器，并直接在代码中提供正确的模板。为此，您可以在家庭控制器中使用类似 this one 的库（未经测试，仅作为示例），并根据需要在脚本底部更改模板路径。

但首先我会更加努力地向您的客户强调他做错了。