【问题标题】:How to change the position of star ratings for Woocommerce如何更改 Woocommerce 星级评分的位置
【发布时间】:2014-04-27 23:16:28
【问题描述】:

如何在我的存档和类别页面上重新定位星级?我希望在价格下开始被看到,而不是在现在购买和价格之间。

我试过解开钩子并向左浮动,但它似乎不起作用。请参阅下面的代码,here 是我网站的链接。谢谢!!

函数.php:

remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

add_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 15 );

样式.css

.star-rating span
{
float: left;
}

【问题讨论】:

  • 使用 chrome 检查它,并用检查器更改 css 以查看更改

标签: php css wordpress woocommerce rating-system


【解决方案1】:

试试这个:

.star-rating {
position: absolute!important;
margin-left: 25px!important;
bottom: 0px;
}

【讨论】:

  • 似乎没有任何改变。
  • 您似乎将该 css 添加到 .star-rating span。它需要只是.star-rating。
  • 这似乎弄乱了单个产品的星级。向下滚动到单个产品页面的底部,看看我在说什么。两个随机的星级评分在评论框附近浮动。
  • 尝试将.star-rating更改为li .star-rating
猜你喜欢
  • 1970-01-01
  • 2016-10-25
  • 1970-01-01
  • 2017-08-25
  • 1970-01-01
  • 1970-01-01
  • 2016-02-17
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多