产品描述的评审部分

时间:2016-07-01 12:09:41

标签: php css wordpress woocommerce e-commerce

尝试将我的“产品说明”的评论部分拆分为2列。它嵌套在产品描述的正下方。一列中的实际评论和另一列中的添加评论表单。

网站是Wordpress与Woocommerce。到目前为止,我已将评论从标签中移出,并在产品说明的正下方。看这里https://www.boatpartsforless.com/shop/marpac-fuelwater-separator-filter-7-0860/。所以页面不是很长,我觉得我想在列中提到的评论看起来更好。

我遇到了创建列php的代码

<?php
function my_multi_col($content) {

$columns = explode('<h2>', $content);
$i = 0;

foreach ($columns as $column) {
    if (($i % 2) == 0) {
        $return .= '<div class="content_left">'."\n";
        if ($i > 1) {
            $return .= "<h2>";
        } else {
            $return .= '<div class="content_right">'."\n <h2>";
        }
        $return .= $column;
        $return .= '</p></div>';
        $i++;
    }
    if(isset($columns[1])) {
            $content = wpautop($return);
    } else {
            $content = wpautop($content);
    }
    echo $content;
}
}
add_filter('the_content', 'my_multi_col');
?>

我相信将它添加到single-product-reviews.php文件中就可以解决问题了,只是无法找出用h2替换h2的内容。

或者,如果我完全偏离这里,那么这种方式是有意义的。

非常感谢任何正确方向的推动。

1 个答案:

答案 0 :(得分:0)

想出来。正在艰难前行。在样式表中使用CSS。

/* Reviews In Columns */

#reviews #comments ol.commentlist {
float: right !important;
width: 60% !important;
}

#reviews #review_form_wrapper {
margin-top: 0 !important;
float: left !important;
}