如何删除woocommerce中相关产品部分的边界线？
用户名
我正在通过woocommerce集成制作一个wordpress主题。如何仅在单个产品页面上删除相关产品部分的橙色边框，如下面的屏幕截图？因此它将以无边框方式显示相关产品部分
请检查以下脚本：
related.php
<?php
/**
* Related Products
*
* @author WooThemes
* @package WooCommerce/Templates
* @version 1.6.4
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly
}
global $product, $woocommerce_loop;
if ( empty( $product ) || ! $product->exists() ) {
return;
}
$related = $product->get_related( $posts_per_page );
if ( sizeof( $related ) == 0 ) return;
$args = apply_filters( 'woocommerce_related_products_args', array(
'post_type' => 'product',
'ignore_sticky_posts' => 1,
'no_found_rows' => 1,
'posts_per_page' => $posts_per_page,
'orderby' => $orderby,
'post__in' => $related,
'post__not_in' => array( $product->id )
) );
$products = new WP_Query( $args );
$woocommerce_loop['columns'] = $columns;
if ( $products->have_posts() ) : ?>
<div class="related products">
<h2><?php _e( 'Related Products', 'woocommerce' ); ?></h2>
<?php woocommerce_product_loop_start(); ?>
<?php while ( $products->have_posts() ) : $products->the_post(); ?>
<?php wc_get_template_part( 'content', 'product' ); ?>
<?php endwhile; // end of the loop. ?>
<?php woocommerce_product_loop_end(); ?>
</div>
<?php endif;
wp_reset_postdata();
woocommerce.css
.woocommerce .products ul li, .woocommerce ul.products li:hover {
border: 2px solid;
border-color: #f37020;
}
妈妈
在CSS中添加以下代码：
.related.products .woocommerce .products ul li, .related.products .woocommerce ul.products li:hover {
border: none!important;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何从FireMonkey TListBox控件中删除边界线？
- 2
从网站中的元素删除边界线
- 3
在OpenCV和C ++中删除边界线
- 4
运行代码后删除工作表中的边界线
- 5
如何减少Gadfly中的点边界线宽度
- 6
如何删除HTML和CSS中元素周围的边界线？
- 7
在iOS 7的UITableView部分周围绘制边界线
- 8
删除组框WPF上的边界线
- 9
是否可以删除堆叠的条形边界线？
- 10
从传单输出地图中删除蓝色的粗边界线/防止在弹出窗口出现时地图部分消失
- 11
创建波浪边界线
- 12
如何在表格视图中更改边界线颜色
- 13
边界线在策略/ RTS游戏中如何工作？
- 14
如何设计CSS <div>的“溢出”边界线？
- 15
如何将边界线置于图像下方？
- 16
如何设计CSS <div>的“溢出”边界线？
- 17
在CSS中定义适应性边界线
- 18
Kendo Grid，在dataBound调用中访问原始边界线
- 19
桌子外边界线填充
- 20
创建边界线性渐变
- 21
从桌子外面的边界线填充
- 22
图像产生顶部边界线
- 23
与其他UIView的边界线重叠时，UIView边界线变粗
- 24
Openpyxl边界线在与另一条边界线的交点处中断
- 25
如何根据非连续数据点绘制带有间隙的边界线？
- 26
如何自动围绕一组形状绘制边界线？[Visio]
- 27
如何在JHeatChart热图图中设置小像素的边界线？
- 28
如何在python中有效地找到图形的顶部边界线
- 29
如何去除QGraphicsView&Scene上添加的QPushButton的边界线
我来说两句