Question

我对某些woocommerce产品的标题位置有疑问。
它们在我的产品图片旁边，我想将其放在图片顶部。

我该怎么做？

<figcaption>
    <div class="shop-loop-product-info">
        <h3 class="product_title"><a href="<?php the_permalink()?>"><?php the_title(); ?></a></h3>
        <?php if (dh_get_theme_option('woo-list-rating',1) =='1') :?>
            <div class="info-meta clearfix">
                <?php woocommerce_template_loop_rating(); ?>
            </div>
        <?php endif;?>

        <div class="info-price">
            <?php woocommerce_template_loop_price(); ?>
        </div>
        <?php DH_Woocommerce::countdown_html()?>
        <div class="info-excerpt">
            <?php echo wp_trim_words($post->post_excerpt,apply_filters('dh_woocommerce_list_mode_excerpt_lenght', 30))?>
        </div>
        <div class="list-info-meta clearfix">
            <div class="list-action clearfix">
                <div class="loop-add-to-cart">
                    <?php woocommerce_template_loop_add_to_cart();?>
                </div>
                <?php 
                    if(class_exists('DH_Woocommerce'))
                    DH_Woocommerce::instance()->template_loop_quickview();
                ?>
                <?php if(class_exists('DH_Woocommerce')):?>
                    <div class="loop-add-to-wishlist">
                        <?php DH_Woocommerce::instance()->template_loop_wishlist()?>
                    </div>
                <?php endif;?>
            </div>
        </div>
    </div>
</figcaption>

Answer 1

您似乎正在使用一些自定义代码，因此不确定该代码是否对您有用。

要将产品标题移至商店中存档页面上的产品图片之前，请使用以下命令：

remove_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_title', 10 );
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_title', 9 );

代码进入您的活动子主题（或活动主题）的function.php文件中。经过测试，可以正常工作。

Answer 2

您可以通过删除任何动作并将其添加到其他位置来移动任何动作。下面的代码将标题从图像的侧面移到块上方。您可以将其粘贴到主题的functions.php文件中：

//repostion single product title
remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_title', 5 );
add_action( 'woocommerce_before_single_product_summary', 'woocommerce_template_single_title', 10 );

由于您具有自定义模板，因此仅可与第二行一起使用。

换位置Product_Tittle Woocommerce

2 个答案: