Woocommerce - 在存档页面上重新定位标题

Posted

技术标签:

【中文标题】Woocommerce - 在存档页面上重新定位标题【英文标题】:Woocommerce - Reposition Title on Archive Page 【发布时间】:2014-03-18 17:02:26 【问题描述】:

我正在使用 woocommerce 并希望将我的存档页面上的标题移动到缩略图上方。现在它位于缩略图下方。

有没有办法在当前位置解开标题并移动它?谢谢!

这是我网站的link。

【问题讨论】:

肯定有,我们需要链接或代码来帮助您 哎呀,对不起。刚刚添加了一个链接! 得到了 cha,所以我看到了页面。我看到页面标题,我无法确定您指的是哪个缩略图 我还想指出一件事。并非所有主题都是平等的。并非所有修改都必须在 Wordpress 中以相同的方式完成。您可能必须通过更改 page.php、woocomerce page.php 或如果幸运的话,您为此创建的页面中的标记来解决此问题。理想情况下,最好通过访问 wordpress 后端和根目录来完成。但我会尽量帮助检​​查员查看 缩略图下方的所有产品标题。我只想重新定位,使这些标题出现在缩略图上方。希望这是有道理的?? 【参考方案1】:

首先您需要找到商店页面。在您的目录中按照您的目录到此位置

wp-content/plugins/woocommerce/templates/content-product.php

然后找到这段代码:

<li <?php post_class( $classes ); ?>>   

<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

<a href="<?php the_permalink(); ?>">

    <?php
          do_action( 'woocommerce_before_shop_loop_item_title' );
    ?>

    <h3><?php the_title(); ?></h3>

    <?php
          do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>

<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

 </li>

将其替换为:

<li <?php post_class( $classes ); ?>>

    <h3><?php the_title(); ?></h3>

<?php do_action( 'woocommerce_before_shop_loop_item' ); ?>

<a href="<?php the_permalink(); ?>">

    <?php
          do_action( 'woocommerce_before_shop_loop_item_title' );
    ?>

    <?php
          do_action( 'woocommerce_after_shop_loop_item_title' );
    ?>

</a>

<?php do_action( 'woocommerce_after_shop_loop_item' ); ?>

 </li>

最后,使用 css 将其排列成您想要的方式。就像我说的,并非每个模板都是平等的。这是此问题的一般修复。但它不应该离实际修复太远。您可以考虑检查图像上方的空间,然后再次允许 css 修改这部分

【讨论】:

非常感谢!现在标题不是超链接,也没有翻转效果。你知道如何纠正这个问题吗? 你看到上面代码中的 标签了吗?将其添加到 h3 标题标签的前面并用 关闭它 我看到它成功了!为你高兴。顺便说一句,我喜欢你卖的东西!我可以坚持这个链接哈哈 让它工作。你摇滚!非常感谢,很高兴你喜欢这个网站:)仍在进行中。我有几个更简单的问题,比如最后一个问题,但不想在这个帖子上发垃圾邮件。再次感谢您的帮助! 提出一个新问题并@LOTUSMS 我。我应该能够收到通知。【参考方案2】:

其实我觉得最好的办法是:

remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title' );
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_title', 5 );

【讨论】:

以上是关于Woocommerce - 在存档页面上重新定位标题的主要内容,如果未能解决你的问题,请参考以下文章

在 WooCommerce 存档页面上悬停时切换产品图像

php [在存档页面上显示产品尺寸]在存档页面上显示WooCommerce 3.0+产品尺寸,位于产品标题下方。

php [在存档页面上显示产品尺寸]在存档页面上显示WooCommerce 3.0+产品尺寸,位于产品标题下方。

php [在存档页面上显示产品尺寸]在存档页面上显示WooCommerce 3.0+产品尺寸,位于产品标题下方。

在 WooCommerce 存档产品页面上更改分页基础 slug

在 WooCommerce 子类别存档页面上显示子子类别术语列表