Tin Tức

Nội dung được bảo vệ bởi DMCA.com

Hiện Thị Slide Sản Phẩm Chi Tiết Khuyến Mãi Ra Trang Chủ Website Wordpress

Đăng bởi Thuấn Luviet vào lúc 06/09/2025

Ngày đẹp trời bạn thiết kế website wordpress và muốn hiện thị sản phẩm chi tiết như trang sản phẩm ra trang chủ thfi phải làm sao.

Không cần plugin, không cần biết lập trình. Bạn chỉ cần làm 1 vài bước cơ bản như sau sẽ đưa trang chi tiết sản phẩm hiện thị ra trang chủ hoặc trang bất kỳ mà bạn muốn.

Ở bài viết này, Luviet đang thực hiện trên website wordpress dùng Theme Flatsome.

Bước 1: Copy code sau vào file functions.php trong theme hoặc child-theme của bạn

function flatsome_sale_products_slider() {
    $args = array(
        'post_type' => 'product',
        'posts_per_page' => 5,
        'meta_query'     => array(
            array(
                'key'           => '_sale_price',
                'value'         => 0,
                'compare'       => '>',
                'type'          => 'NUMERIC'
            )
        )
    );
    $loop = new WP_Query($args);
    if ($loop->have_posts()) {
        echo '<div class="sale-products-slider">';
        while ($loop->have_posts()) : $loop->the_post();
            echo '<div class="sale-product-item">';
            echo do_shortcode('[product_page id="' . get_the_ID() . '"]');
            echo '</div>';
        endwhile;
        echo '</div>';
    }
    wp_reset_postdata();
}
add_shortcode('sale_products_slider', 'flatsome_sale_products_slider');

Bước 2: Dán short code sau vào html hoặc short code ở chỗ nào bạn muốn nó hiện thị

[sale_products_slider]

Bước 3: Lưu lại và kiểm tra sản phẩm chi tiết đã hiện thị ra trang chủ chưa nhé.

Luviet Nhận Thiết Kế Website Theo Yêu Cầu Tại Các Tỉnh Việt Nam


Nhận xét

Thiết kế website và blog bán hàng Luviet
HỖ TRỢ
www.luviet.com
icon icon icon