Woocommerce：在产品循环中将 li 标签替换为 div 标签答案

【问题标题】：Woocommerce: Replace li tag for a div tag in the product loopWoocommerce：在产品循环中将 li 标签替换为 div 标签
【发布时间】：2020-12-21 14:28:47
【问题描述】：

所以我正在创建我的第一个 Woocommerce 主题，我想知道为什么所有产品都被列为 <li>。有没有办法将这些 <li> 项目替换为 <div> 项目？

我尝试使用操作挂钩替换它，但我找不到任何分配<li> 的操作挂钩。我看到<li> 在“内容产品”文件中，实际上它根本没有分配给任何操作..

我正在以自定义循环的方式在我的主页上加载 Woocommerce 产品：

<section class="products-front container-full">

  <div class="products-front-inner container">
    <?php

        $args = array(
            'post_type' => 'product',
            'posts_per_page' => 6
            );
        $loop = new WP_Query( $args );

        if ( $loop->have_posts() ) {
            while ( $loop->have_posts() ) : $loop->the_post();

                wc_get_template_part( 'content', 'product' );

            endwhile;
        } else {
            echo __( 'No products found' );
        }

        wp_reset_postdata();

    ?>
   </div>
</section>

它正在加载 content-product.php 文件。我的问题是：我可以用<div> 替换<li> 吗？还是真的没有必要？将其保留为<li> 可以吗？

【问题讨论】：

标签： php html wordpress woocommerce

【解决方案1】：

是的，您可以随时将<li> 更改为<div>。但是，要将<li> 更改为<div>，您必须更改loop-start.php 和loop-end.php 文件，否则<div> 将位于<ul> 中，该文件也不是很好的做法。

因此，除非确实必要，否则您不应更改它。使用 Woocommerce 默认结构总是好的，因为许多功能都适用于 Woocommerce 提供的类。此外，您可以按照建议 here 覆盖主题文件中的 Woocommerce 模板文件。

【讨论】：