Magento 2 - 如何让 2 个单独的 phtml 来处理产品列表和产品网格？答案

【问题标题】：Magento 2 - How to have 2 separates phtml to handle products list and products grid?Magento 2 - 如何让 2 个单独的 phtml 来处理产品列表和产品网格？
【发布时间】：2020-07-14 07:40:34
【问题描述】：

我正在基于 Magento 2 构建一个新网站。我还在学习这个 CMS，我想知道一件事。根据网页设计师的工作，我在产品列表的网格布局和列表一之间有太多差异。

现在，为了设置产品网格的样式，我复制并编辑了这个文件： app/design/frontend/MYTHEME/default/Magento_Catalog/templates/product/list.phtml

当然，它同时处理网格和列表布局：

<div class="products wrapper <?= /* @noEscape */ $viewMode ?> products-<?= /* @noEscape */ $viewMode ?>">

我需要为列表布局移动太多东西，所以我尝试使用 2 个单独的 phtml，一个用于列表布局，一个用于网格布局。是否有可能，例如在app/design/frontend/MYTHEME/default/Magento_Catalog/layout/catalog_category_view.xml 中定义东西我猜？

感谢您的帮助。

【问题讨论】：

标签： list magento layout grid magento2

【解决方案1】：

在您的 phtml 文件中：

app/design/frontend/MYTHEME/default/Magento_Catalog/templates/product/list.phtml

你为什么不做这样的事情：

<?php if ($viewMode == 'grid') :?>
    // Grid layout
<?php else :?>
    // List layout
<?php endif; ?>

【讨论】：

哼，确实很有趣！即使它会使这个文件的行数几乎翻倍，我也会尝试。我可以试试，是的，谢谢！

【解决方案2】：

如果你想分开，你会找到调用这个模板的块类（list.phtml）。

在那里，您将看到 setTemplate 函数（某些块将没有，因为它已经在父类中）。

您也会在此处获得 viewMode，因此您必须设置如下条件：

if ($viewMode == 'grid') : 
   $this->setTemplate = '...../grid.phtml';
else : 
   $this->setTemplate = '...../list.phtml';

在 setTemplate 函数内。

我想你已经知道在哪里以及如何创建 grid phtml 文件了。

【讨论】：