Question

所以我们都知道，在wordpress woocommerce中，单品页面中有一个产品详情标签和评论标签。

我正在尝试将评论标签中的内容/评论更改为70％，并在评论旁边添加一个小部件。但我认为无法做到这一点。我的评论表单是使用WP高级评论插件。 https://wordpress.org/plugins/wp-advance-comment/

Answer 1

可以在woocommerce / single-product / tabs / tabs.php

中进行更改

<div class="wc_reviewbox">
    <div class="woocommerce-tabs wc-tabs-wrapper">
        <ul class="tabs wc-tabs" role="tablist">
            <?php foreach ( $tabs as $key => $tab ) : ?>
                <li class="<?php echo esc_attr( $key ); ?>_tab" id="tab-title-<?php echo esc_attr( $key ); ?>" role="tab" aria-controls="tab-<?php echo esc_attr( $key ); ?>">
                    <a href="#tab-<?php echo esc_attr( $key ); ?>"><?php echo apply_filters( 'woocommerce_product_' . $key . '_tab_title', esc_html( $tab['title'] ), $key ); ?></a>
                </li>
            <?php endforeach; ?>
        </ul>
        <?php foreach ( $tabs as $key => $tab ) : 
            echo print_r($tab);
            ?>
            <div class="woocommerce-Tabs-panel woocommerce-Tabs-panel--<?php echo esc_attr( $key ); ?> panel entry-content wc-tab" id="tab-<?php echo esc_attr( $key ); ?>" role="tabpanel" aria-labelledby="tab-title-<?php echo esc_attr( $key ); ?>">
                <?php call_user_func( $tab['callback'], $key, $tab ); ?>
            </div>
        <?php endforeach; ?>
    </div>
</div>

<div class="wc_adbox">
    [PUT WIDGET CODE HERE]
</div>

做一些css操作。

.wc_reviewbox {
width:72%;float:left;
}

.wc_adbox {
width:25%;float:right;
}

WP Woocommerce在Review旁边添加小部件

1 个答案: