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

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

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

这是我网站的link

【问题讨论】:

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

标签: php woocommerce title archive


【解决方案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 修改这部分

【讨论】:

  • 非常感谢!现在标题不是超链接,也没有翻转效果。你知道如何纠正这个问题吗?
  • 我看到它成功了!为你高兴。顺便说一句,我喜欢你卖的东西!我可以坚持这个链接哈哈
  • 让它工作。你摇滚!非常感谢,很高兴你喜欢这个网站:)仍在进行中。我有几个更简单的问题,比如最后一个问题,但不想在这个帖子上发垃圾邮件。再次感谢您的帮助!
  • 提出一个新问题并@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 );

【讨论】:

    猜你喜欢
    • 2018-06-17
    • 1970-01-01
    • 1970-01-01
    • 2016-11-04
    • 1970-01-01
    • 2020-11-15
    • 1970-01-01
    • 2019-08-11
    • 1970-01-01
    相关资源
    最近更新 更多