Css 改变产品名称与商业的关系
我对一些woocommerce产品的标题位置有疑问。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><
它们就在我产品的图片旁边,我想把它放在图片的顶部 我该怎么做
<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的性能有什么区别呢?没有效果,我使用的这个主题非常疯狂