Magento 产品列表未显示在移动主页上

Posted 2023-03-06

【中文标题】Magento 产品列表未显示在移动主页上

【英文标题】：Magento product list not displaying on mobile homepage

【发布时间】：2017-04-19 06:13:29

【问题描述】：

我正在开发一个 Magento 网上商店，我应该在主页上显示一些产品，并带有自定义的 list.phtml。

产品出现在桌面上以要求的方式出现，但它们不会出现在移动设备上并且包含它们的div是甚至不是移动屏幕上 html 的一部分。

它看起来像下面这样：

<h1 class="title-list-home">BESTSELLERS</h1>
<hr style="margin-bottom: 20px;" />
<p>Block type="catalog/product_list" name="home.catalog.product.list" alias="products_homepage" is_homepage="1" category_id="213" template="catalog/product/list-home.phtml"</p>
<h3 style="font-size=16px; font-weight: bold; margin-bottom: 50px;"><a href="#">See more products...</a></h3>

可能出了什么问题，移动设备上的块内容根本没有注入主页？该块在权限中是允许的，并且再次在桌面上完美运行。

【问题讨论】：

首先，不要使用内联样式，这是一种可怕的做法。然后我们需要查看

@Apeiron 是的，我以后会尽量避免它们。它是一个 包含不同产品的 ，但在移动设备上它只是一个空的

这很奇怪...你在加载任何 javascript 吗？

@Apeiron 我找不到任何可以控制 的相关 JS。也许如果你能把我加到聊天室，我可以给你看这个网站，你就能更好地了解它。

【参考方案1】：

也许您正在为桌面和移动设备使用不同的主题？问题也可能出在您的主题中（例如 JS 正在根据屏幕分辨率更改页面内容）。

【讨论】：

这很有趣，因为 h1、hr 和 h3 都出现在同一个 cms->pages-> 主页源中，但是当我在移动设备上刷新时 p 标签完全为空。

尝试检查如果您在浏览器中关闭 JavaScript 会发生什么。

这是完全一样的行为，我不知道是什么原因造成的......

你检查过主题配置吗？自定义工作逻辑可以在“catalog/product/list-home.phtml”和“catalog/product_list”文件中。

您正在为桌面（'default/winkwink'）和移动（'default/mobile'）使用不同的主题。您可以在管理员中检查设计设置（管理 > 系统 > 配置 > 常规 > 设计 > 主题）。您应该检查这些主题是否使用相同的 'catalog/product/list-home.phtml' 文件（每个主题可能不同）。