Đối với những mới ai làm trang web về công nghệ thôi ( máy cũ tính, điện thoại, laptop,… ). Thì bảng thông số kĩ thuật giống như CPU, Ram, bộ nhớ, thông số màn hình, thông số camera,… Lại cực kì cần thiết trong trang biểu đạt mặt hàng của trang web phải không? Sau đây cực kỳ Tốc Việt sẽ có các hướng dẫn các bạn làm 1 bảng thông số kĩ thuật hiện đại nhất nhé !!! Bạn bảo có lẽ tự làm 1 bảng thông số kĩ thuật mà chẳng cần kiến thức về code và cũng giống như mình có lẽ không cần bỏ chi phí để code cả. Việc luôn này cũng thường không quá phức tạp, lắm các bạn chỉ cần làm theo bao giờ bước giống như mình có các hướng dẫn là được thôi. Bên cạnh đó, mình đang dùng theme Flatsome cho bài có các hướng dẫn này, do đó, bạn nào dùng theme Flatsome có lẽ làm theo y nguyên, còn các bạn dùng theme khác có lẽ gọi mình để được có các hướng dẫn thêm. xem thêm: các plugin cần nhanh thiết cho wordpress

Cài đặt lại plugin Advanced Custom có thể Field

Để rất có lẽ tự mới làm được cần thì việc dùng các plugin là điều dễ hiểu vì chúng không quá phức tạp và cũng không yêu cầu am hiểu đa dạng code cần chúng ta bắt đầu tiến hành cài đặt nhé !!! các bạn vào trang quản trị Word press, search tới mục Plugin – Cài mới – lại Gõ “Advanced chỉ Custom Field” vào khung search nhất trên kho plugin nhanh free của có thể Word press. Sau khi nhanh các bạn cài đặt biến thành công plugin chỉ “Advanced Custom rất Fields” thì chẳng các bạn kích cũ hoạt để những có lẽ dùng luôn nhé. Do ở đây là mình đã cài rồi . Download lắm File code thường Fields ở đây và cả import vào Plugin Sau khi vẫn các bạn import có thể ACF- file chớ vào rồi thì các bạn sửa Bất cứ mặt hàng nào sẽ thấy có các field mới được thêm vào để các bạn nhập thông số cho sản phẩm: Đây lại mới chỉ đích đơn thuần là thường tạo Custom Field cho Post type = mặt hàng, nghĩa là chương trình cho phép bạn thêm Custom Field để nhập thêm data vào mặt hàng trong backend thôi, việc cần thiết hơn chúng ta phải gọi nó hiển thị ra bên ngoài nữa.

Bước 3: vẫn Hiển thị Advance Custom Field ra ngoài chẳng giao diện

Đối với theme không thể Flatsome, trong phần luôn tùy biến layout không thể của trang chi tiết mặt hàng Woocommerce có tới 9 kiểu layout cho trang mặt hàng khác nhau. Do đó, nếu bạn chọn kiểu layout nào thì phải chọn file .php tương ứng để gọi bảng thông số công nghệ ra.

• Chọn thành quả kiểu layout cho trang sản phẩm: Giao diện – nhanh Tùy biến – vẫn Woocommerce (Shop) dễ – Product Page – Product Layout
• Chọn file cũng .php quy chẳng cách layout luôn cho trang sản phẩm: Giao nên làm diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

Mình vững chọn layout Right Sidebar đừng Full Height cho chương trình trang mặt hàng thì phải gọi file product muộn phiền -right-sidebar-full.php để gọi code hiển thị bảng thông số dễ kỹ thuật:Các bạn cần copy đa số đoạn code đích sau:

&lt chẳng ;?php

$bo thường _nho_trong=get_field(‘bo_nho_trong’);

$camera nhanh _chinh=get_field(‘camera_chinh’);

$camera tiêu chí _phu=get_field(‘camera_phu’);

$cpu khách quan =get_field(‘cpu’);

$do chẳng _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung điểm cộng _luong_pin=get_field(‘dung_luong_pin’);

$he nhiều năm kinh nghiệm _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich đẹp _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram đáng tiếc =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the máy _nho=get_field(‘the_nho’);?>

&lt thông qua ;?php if($bo_nho_trong)?>

<div class=”thong-so-ky-thuat” có lẽ id=”thong-so”>

<h3 class=”tieu-de thong-so”>Thông số có lẽ kỹ thuật</h3>

&lt sẽ ;div class=”row-info”>

<div class=”left”>Bộ thôi nhớ trong</div>

<div class=”right”><?php những echo $bo_nho_trong;?></div>

&lt lắm ;/div>

&lt suôn sẻ ;?php if($camera_chinh)?>

&lt test ;div class=”row-info”>

<div class=”left”>Camera được chính</div>

&lt đơn giản và dễ dàng ;div class=”right”><?php echo $camera_chinh;?></div>

&lt kiểm tra ;/div>

&lt luôn ;?php nhanh ?>

&lt cả ;?php if($camera_phu)?>

&lt cả ;div class=”row-info”>

<div class=”left”>Camera nhanh phụ</div>

&lt dễ ;div class=”right”><?php echo $camera_phu;?></div>

&lt theo ý muốn ;/div>

&lt hướng dẫn ;?php thường ?>

&lt đúng ;?php if($cpu)?>

&lt miêu tả ;div class=”row-info”>

&lt được ;div class=”left”>CPU</div>

<div class=”right”><?php luôn echo $cpu;?></div>

&lt rất ;/div>

<?php nhanh những ?>

&lt rất ;?php if($do_phan_giai_man_hinh)?>

&lt đột nhiên ;div class=”row-info”>

&lt truy cập ;div class=”left”>Độ phân giải màn hình</div>

&lt đặt ;div class=”right”><?php echo $do_phan_giai_man_hinh;?></div>

&lt nền tảng ;/div>

&lt thôi ;?php rất ?>

&lt liên kết ;?php if($dung_luong_pin)?>

&lt rất khả quan ;div class=”row-info”>

<div class=”left”>Dung lượng mất pin</div>

&lt thể hiện ;div class=”right”><?php echo $dung_luong_pin;?></div>

&lt tặng ;/div>

&lt lại ;?php hữu ích ?>

&lt mục tiêu ;?php if($he_dieu_hanh)?>

&lt cài đặt ;div class=”row-info”>

&lt nhẹ nhàng ;div class=”left”>Hệ điều hành</div>

<div class=”right”><?php nhanh echo $he_dieu_hanh;?></div>

&lt cước ;/div>

<?php chính cần ?>

&lt kĩ năng ;?php if($kich_thuoc_man_hinh)?>

&lt nhiệt tình ;div class=”row-info”>

&lt vô tận ;div class=”left”>Kích thước màn hình</div>

&lt luôn ;div class=”right”><?php echo $kich_thuoc_man_hinh;?></div>

&lt mất ;/div>

<?php chỉ bỗng nhiên ?>

&lt chậm ;?php if($ram)?>

&lt không thể ;div class=”row-info”>

&lt không thể ;div class=”left”>Ram</div>

&lt hỗ trợ ;div class=”right”><?php the_field(‘ram’);?></div>

&lt nhiều tiện ích ;/div>

&lt năng suất ;?php cần ?>

&lt malware ;?php if($the_sim)?>

&lt làm ;div class=”row-info”>

<div class=”left”>Thẻ thường sim</div>

&lt có thể ;div class=”right”><?php echo $the_sim;?></div>

&lt mới ;/div>

&lt rộng rãi ;?php hữu ích ?>

&lt bền vững ;?php if($the_nho)?>

&lt đi lại ;div class=”row-info”>

&lt chất liệu vải ;div class=”left”>Thẻ nhớ</div>

<div class=”right”><?php cũng echo $the_nho;?></div>

&lt thay thế bởi ;/div>

&lt giao ;?php xa ?>

&lt tương ứng với ;/div>

&lt nhẹ nhõm ;?php ?>

Sau cũ đó, các bạn paste đa nhanh số đoạn thường code đó lên đầu file share cần .php giống như mới hình dưới. search cần file share.php theo chưa đường dẫn: Giao diện – sửa chỉ – theme Flatsome – nhanh Woocommerce – Single-product – chậm Share.phpViệc tiếp đang theo chúng ta cũ CSS cho nó theo rất chính xác ý và hiển thị đẹp rực rỡ nha!

CSS mất cho PC

Các bỗng nhiên bạn vào Giao sắc đẹp diện – tùy biến – Style – Custom CSS – Custom CSS, paste thu hút khách đa số đoạn CSS này vào nha:

CSS có nơi cho mobile – copy đa số đoạn code CSS ở dưới paste vào Giao diện lại – Tùy chớ chỉnh – chậm Style – Custom CSS – Custom CSS Mobile

cũng