主页 / 问题 / 1312079
Accepted
YelloSOFT
Asked:2022-07-29 17:44:52 +0000 UTC2022-07-29 17:44:52 +0000 UTC

WordPress 网站上产品卡中的标签

  • 772

有一个带有 WooCommerce 在线商店模块和 WoodMart 模板的 WordPress 网站。

现在看起来像这样（附截图）

在此处输入图像描述

您需要交换标签：描述、功能、运输和付款、如何选择尺寸、评论。

页面显示的代码：

在此处输入图像描述

这是它的形成代码：

    <div class="woocommerce-tabs wc-tabs-wrapper tabs-layout-<?php echo esc_attr( $tabs_layout ); ?>">
    <ul class="tabs wc-tabs">
        <?php foreach ( $product_tabs as $key => $product_tab ) : ?>
            <li class="<?php echo esc_attr( $key ); ?>_tab <?php echo $tab_count === 0 ? 'active' : ''; ?>">
                <a href="#tab-<?php echo esc_attr( $key ); ?>"><?php echo apply_filters( 'woocommerce_product_' . $key . '_tab_title', esc_html( $product_tab['title'] ), $key ); ?></a>
            </li>
            <?php $tab_count++; ?>
        <?php endforeach; ?>
    </ul>
    <?php foreach ( $product_tabs as $key => $product_tab ) : ?>
        <div class="woodmart-tab-wrapper">
            <a href="#tab-<?php echo esc_attr( $key ); ?>" class="woodmart-accordion-title tab-title-<?php echo esc_attr( $key ); ?> <?php echo $content_count === 0 ? 'active' : ''; ?>"><?php echo apply_filters( 'woocommerce_product_' . $key . '_tab_title', esc_html( $product_tab['title'] ), $key ); ?></a>
            <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 ); ?>">
                <div class="wc-tab-inner 
                <?php
                if ( $scroll ) {
                    echo 'woodmart-scroll';}
                ?>
                ">
                    <div class="<?php echo true == $scroll ? 'woodmart-scroll-content' : ''; ?>">
                        <?php call_user_func( $product_tab['callback'], $key, $product_tab ); ?>
                    </div>
                </div>
            </div>
        </div>
        <?php $content_count++; ?>
    <?php endforeach; ?>
    <?php do_action( 'woocommerce_product_after_tabs' ); ?>
</div>
php

1 个回答

  1. Best Answer

    通常，在 WooCommerce 下的任何主题中，您都可以更改选项卡的顺序。functions.php在您的子主题中添加此代码：

    /**
 * Filter WooCommerce product tabs.
 *
 * @param array $tabs Tabs.
 *
 * @return array
 */
function my_woocommerce_product_tabs( $tabs ) {
    $new_tabs['reviews']     = $tabs['reviews'];
    $new_tabs['description'] = $tabs['description'];

    return $new_tabs;
}

add_filter( 'woocommerce_product_tabs', 'my_woocommerce_product_tabs', PHP_INT_MAX );

    该示例创建了一个新的选项卡数组并更改了它们的顺序：首先是评论，然后是描述。

    var_dump( $tabs )您有更多选项卡，您可以通过在函数开头插入选项卡来找出选项卡数组的键。

    • 0

相关问题