Thủ thuật Ngày 11/07/2021 7477 lượt xem

Hướng Dẫn show Attributes trang chi tiết sản phẩm – Thuộc tính sản phẩm

Hướng Dẫn show Attributes trang chi tiết sản phầm Bước 1. Chép toàn bộ code dưới vào function.php  AE thay thế các biến thành tên thuộc tính…

Lê Anh ĐôngFlatsome trên Google News

Hướng Dẫn show Attributes trang chi tiết sản phầm

Hướng Dẫn show Attributes trang chi tiết sản phầm

Hướng Dẫn show Attributes trang chi tiết sản phầm
Hướng Dẫn show Attributes trang chi tiết sản phầm

Bước 1. Chép toàn bộ code dưới vào function.php  AE thay thế các biến thành tên thuộc tính của trang mình cho phù hợp nhé. Ko rõ thì ae comment

add_action( 'woocommerce_single_product_summary', 'show_attribute_group_a', 45 );
add_shortcode( 'show_attributes_a', 'show_attribute_group_a' );
function show_attribute_group_a() {
    global $product;
    $attribute1 = $product->get_attribute('attribute1');
    $attribute2 = $product->get_attribute('attribute2');
    ?>
    <table class="">
        <tr class="">
            <th class="">Attribute 1</th>
            <td class=""><?php echo $attribute1; ?></td>
        </tr>
        <tr class="">
            <th class="">Attribute 2</th>
            <td class=""><?php echo $attribute2; ?></td>
        </tr>
    </table>
    <?php
}

Hoặc check Điều kiện hiện thị dạng có Hiệnn thị hoặc ko có không hiện thị

// The shortcode
add_shortcode( 'show_attributes_a', 'attribute_group_a_shortcode' );
function attribute_group_a_shortcode() {
    global $product;

    $attribute1  = $product->get_attribute('attribute1');
    $attribute2  = $product->get_attribute('attribute2');
    $output_html = ''; // Initializing

    if ( ! empty($attribute1) || ! empty($attribute2) ) {
        $output_html .= '<table class="">';

        if ( ! empty($attribute1) ) {
            $output_html .= '<tr class="">
                <th class="">' . __("Attribute 1", "woocommerce") . '</th>
                <td class="">' . $attribute1 . '</td>
            </tr>';
        }

        if ( ! empty($attribute2) ) {
            $output_html .= '<tr class="">
                <th class="">' . __("Attribute 2", "woocommerce") . '</th>
                <td class="">' . $attribute2 . '</td>
            </tr>';
        }

        $output_html .= '</table>';
    }
    return $output_html; // Always use "return" in a shortcode, never use "echo"
}

 

Bước 2

Dán short code vào khu vực muốn hiện (flatsome).

= > trong text dán

[show_attributes_a]

trong Php dán

<?php echo do_shortcode('[show_info_gach]'); ?>

 

Nguồn : Bùi Thế Hùng – Group  NGHIỆN WORDPRESS ✅ VietCoders Community

 

Từ code send của bác @Hùng ta có cái cần xem 🙂

Hướng Dẫn show Attributes trang chi tiết sản phẩm 2021
Hướng Dẫn show Attributes trang chi tiết sản phẩm 2021

UPDATE code

Với doạn code ta tạo short bất kỳ qua file function.php

add_shortcode( 'show_info_gach', 'show_additional_info_gach_product_summary' );

function show_additional_info_gach_product_summary() {

?>

thêm nội dung bất kỳ ở đây  ( có thể thêm code HTM hoặc PHP )

<?php

}

 

2. Đổi tên  show_info_gach = > thành tên bất kỳ mà bạn muốn 

3 . Chèn short bất cứ đâu mà bạn thích

– Dạng text

[show_info_gach]

 

trực tiếp PHP

<?php echo do_shortcode('[show_info_gach]'); ?>

 

Điểm 5/5 - ( Có 1 bình chọn)

Để lại một bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Các dịch vụ của FLATSOME.XYZ