css - 换位产品_Title Woocommerce

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>

标签： csswordpresswoocommerceproducthook-woocommerce

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 文件中。测试和工作。