Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 改变产品名称与商业的关系_Css_Wordpress_Woocommerce_Product_Hook Woocommerce - Fatal编程技术网

Css 改变产品名称与商业的关系

Css 改变产品名称与商业的关系,css,wordpress,woocommerce,product,hook-woocommerce,Css,Wordpress,Woocommerce,Product,Hook Woocommerce,我对一些woocommerce产品的标题位置有疑问。 它们就在我产品的图片旁边,我想把它放在图片的顶部 我该怎么做 <figcaption> <div class="shop-loop-product-info"> <h3 class="product_title"><a href="<?php the_permalink()?>"><?php the_title(); ?></a><

我对一些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>

只需删除任何操作并将其添加到其他位置,即可移动这些操作。下面的代码将标题从图像侧面移到块上方。您可以将其粘贴到主题的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 );
因为您有一个自定义模板,所以它只能单独使用第二行

似乎您正在使用一些自定义代码,因此不确定这是否适用于您

要将产品标题移动到存档页面上的产品图像之前,请使用以下命令:

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


这是真的,它不起作用,我使用的这个主题是非常疯狂的,如果它被称为奢侈品的话wp@RamonMatias您需要查看自定义woocommerce模板所在主题内的woocommerce文件夹…这是找到方法的唯一方法。我知道这是一个老问题,在这种情况下,我理解使用操作修改模板的必要性。但是,使用普通css来实现类似的结果(例如交换价格和评级的位置)与使用普通css的性能有什么区别呢?没有效果,我使用的这个主题非常疯狂