Các bước cuối để có thể tạo một web bán hàng với CPT

Tạo trang hiển thị chi tiết sản phẩm
thành ra, file single-san-pham.php sẽ được vận dụng cho nội dung chi tiết của post typesan-pham mà ta đã tạo trước ngừng thi côngĐây.
Ở trang này nó sẽ hiển thông tin hầu hết về sản phẩm như giới thiệu, hình ảnh, giá cả,….Do quan yếu nên sở hữu thể phần này sẽ tương đối dài. dĩ nhiên, mình cần bạn hiểu qua về WordPress Loop trước khi xem phần này.

Nào, hiện nay bạn tạo cho mình một file tên là single-san-pham.php., nếu file single.php mang dạng là single-slug.php thì nó sẽ được ứng dụng cho post type tương ứng mang slug chậm triển khai.

Sau chậm tiến độ, điều trước hết mà bạn cần khiến cho là copy nội dung file single.php vào file single-san-pham.php vừa tạo để cho nó mang cấu trúc phù hợp sở hữu theme bạn đang tiêu dùng.

hiện tại bạn nhìn kỹ vào nội dung, thấy hai cái while ( have_posts() ) : the_post() và endwhile
chứ? ngừng thi côngĐây là đoạn khởi đầu và chấm dứt của Loop. Ở giữa 2 đoạn này với 1 số code linh ta linh tinh để in những phần như tiêu đề, nội dung bài, category,…Bạn hãy xoá hết nó và viết đoạn code dưới đây vào phần chậm triển khai.




<header>
<!--BEGIN: PRODUCT THUMBNAIL-->
<div class="product-thumb">
<?php the_post_thumbnail( 'medium' ); ?>
</div>
<!--END: PRODUCT THUMBNAIL-->

<!--BEGIN: PRODUCT INFO-->
<div class="product-info">
<h1><?php the_title(); ?></h1> <!--Tiêu đề sản phẩm-->
<p class="product-price">
<?php echo "<strong>Giá:</strong> ". get_post_meta( $post->ID, 'wpcf-product-price', true ); ?>
</p><!--Giá sản phẩm-->

<p class="product-status">
<?php echo "<strong>Tình trạng:</strong> ";
$product_status = get_post_meta( $post->ID, 'wpcf-product-status', true );
if ($product_status == conhang)
echo "Còn hàng";
else echo "Hết hàng";
?>
</p><!--Tình trạng sản phẩm-->

<div class="product-description">
<?php echo get_post_meta( $post->ID, 'wpcf-product-description', true ); ?>
</div><!--Mô tả sản phẩm-->

<a href="#" class="order-button">Đặt hàng</a>
</div>
<!--BEGIN: PRODUCT INFO-->
</header>

<div class="post-info">
<?php the_content(); ?>
</div>
Trong đoạn code trên ko có gì là khó hiểu cả, những template tags sở hữu chữ the đằng trước là dùng để lấy trị giá tương ứng của bài viết. ví dụ the_title() là tiêu đề bài viết, the_content() là nội dung bài viết.

cùng lúc mình cũng có tiêu dùng ham mê get_post_meta() để gọi trị giá của custom post field, bạn mang thể xem những bài chỉ dẫn về custom post field của mình nếu như chưa hiểu hàm đơn thuần này. Trong hàm này mình gọi giá trị của field với tên slug field tương ứng mà mình đã tạo. Sở dĩ phải thêm wpcf- vào đằng trước là vì plugin Types này nó tự thêm. Thực ra với thể gọi bằng hàm riêng của plugin này để đẹp hơn nhưng mình sẽ ko đề cập qua cho đỡ rắc rối.
Bạn có thể xem thêm dạy làm website Hà Nội
Last edited: 12 phút trước