移動產品頁面右側欄中的woocommerce產品簡短描述和產品數據字段

Question

我想在產品頁面的右側欄中顯示 woocommerce 產品簡短描述和產品數據。 默認情況下，所有 woocommerce 產品頁面都在頁面右上角的圖像占位符旁邊顯示產品標題、產品定價和簡短描述，但我想將此字段移動到右側列並使此列具有粘性。 現在我手動添加了簡短的描述和價格，這里是產品頁面的參考圖片

我試圖在列中調用這個 class="woocommerce-product-details__short-description"

即<div class="woocommerce-product-details__short-description">

但它只適用於按鈕而不適用於簡短的描述和價格

Answer 1

您可以使用下面的自定義短代碼代碼獲取簡短描述內容。

add_shortcode( 'product_short_description', 'display_product_short_description' );
function display_product_short_description( $atts ){
    $atts = shortcode_atts( array(
        'id' => get_the_id(),
    ), $atts, 'product_short_description' );

    global $product;

    if ( ! is_a( $product, 'WC_Product') )
        $product = wc_get_product($atts['id']);

    return $product->get_short_description();
}

可以通過使用簡碼直接使用

[product_short_description]

或通過在產品頁面中調用它

echo do_shortcode( "[product_short_description]" );

要獲取產品價格，您可以在產品頁面中使用以下代碼

<?php $price = get_post_meta( get_the_ID(), '_price', true ); ?>
<p><?php echo wc_price( $price ); ?></p>