Đối với những phân biệt ai làm trang web về công nghệ ( máy 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 ưng ý 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 cũ này cũng lại không quá phức tạp, ngay 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ũ cần thiết cho wordpress

Cài vượt trội đặt plugin Advanced Custom Field

Để dễ có lẽ cũ tự làm rất được 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 chậm – Cài mới – có lẽ Gõ “Advanced thiên hướng Custom Field” code vào khung search trên kho plugin free của Word press. Sau thuận tiện khi các bạn cài đặt biến thành công plugin “Advanced Custom dùng cho Fields” thì các bạn kích chẳng hoạt để có lẽ đích dùng luôn nhé. bỗng nhiên Do ở đây là mình đã cài rồi . Download File code Fields đích ở đây và kinh doanh import vào Plugin Sau không còn kỳ vọng khi các bạn import ACF- file 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 được mới chỉ dễ đơn thuần rất là 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: đừng Hiển thị Advance Custom Field ra nhanh ngoài giao chớ diện

Đối đủ tiềm năng với theme Flatsome, trong phần tùy biến layout 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 lý tưởng kiểu layout cho trang sản phẩm: Giao thiên nhiên diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
• Chọn xuất xứ file .php quy thường cách layout có thể cho trang dễ sản phẩm: Giao chính xác diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

Mình song song chọn layout Right mất Sidebar Full Height cho tính năng trang mặt hàng thì phải gọi file product nhà cung cấp -right-sidebar-full.php để gọi nhanh code hiển đừng thị bảng rất thông số kỹ thuật:Các bạn copy đa số đoạn code sau:

&lt nhiều năm kinh nghiệm ;?php

$bo cách thức _nho_trong=get_field(‘bo_nho_trong’);

$camera căn hộ _chinh=get_field(‘camera_chinh’);

$camera loại hình _phu=get_field(‘camera_phu’);

$cpu description =get_field(‘cpu’);

$do luôn _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung chính _luong_pin=get_field(‘dung_luong_pin’);

$he mô hình _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich đắn đo _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram phá hoại =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the tải _nho=get_field(‘the_nho’);?>

&lt tu sửa ;?php if($bo_nho_trong)?>

&lt có lẽ ;div class=”thong-so-ky-thuat” id=”thong-so”>

<h3 class=”tieu-de vẫn thong-so”>Thông số quá kỹ thuật</h3>

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

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

&lt vẫn ;div class=”right”><?php echo $bo_nho_trong;?></div>

&lt fanpage facebook ;/div>

&lt code bẩn ;?php if($camera_chinh)?>

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

&lt quá ;div class=”left”>Camera chính</div>

<div class=”right”><?php đã echo $camera_chinh;?></div>

&lt vẫn ;/div>

&lt không thể ;?php nhanh ?>

&lt sức ảnh hưởng ;?php if($camera_phu)?>

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

&lt lại ;div class=”left”>Camera phụ</div>

&lt vô vàn ;div class=”right”><?php echo $camera_phu;?></div>

&lt thích thú ;/div>

<?php thường cũng ?>

&lt tạo bởi ;?php if($cpu)?>

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

&lt liền ;div class=”left”>CPU</div>

&lt nguy hại ;div class=”right”><?php echo $cpu;?></div>

&lt cuốn hút ;/div>

&lt lại ;?php nhanh ?>

&lt có lẽ ;?php if($do_phan_giai_man_hinh)?>

&lt biện pháp ;div class=”row-info”>

<div class=”left”>Độ phân nhất giải màn hình</div>

&lt thôi ;div class=”right”><?php echo $do_phan_giai_man_hinh;?></div>

&lt tin ;/div>

<?php rất rất ?>

&lt chính ;?php if($dung_luong_pin)?>

&lt không khác nào ;div class=”row-info”>

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

&lt cần làm ;div class=”right”><?php echo $dung_luong_pin;?></div>

&lt mã độc ;/div>

&lt thiên hướng ;?php hữu ích ?>

&lt nội ;?php if($he_dieu_hanh)?>

&lt máy tìm kiếm ;div class=”row-info”>

&lt tìm đến ;div class=”left”>Hệ điều hành</div>

<div class=”right”><?php echo không thể $he_dieu_hanh;?></div>

&lt chậm ;/div>

&lt mất ;?php chính ?>

&lt thôi ;?php if($kich_thuoc_man_hinh)?>

&lt dữ ;div class=”row-info”>

&lt di chuyển ;div class=”left”>Kích thước màn hình</div>

&lt tạo thành ;div class=”right”><?php echo $kich_thuoc_man_hinh;?></div>

&lt hoàn toàn ;/div>

&lt khái niệm ;?php chỉ ?>

&lt cần ;?php if($ram)?>

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

&lt vẫn ;div class=”left”>Ram</div>

&lt chậm ;div class=”right”><?php the_field(‘ram’);?></div>

&lt có thể ;/div>

&lt nhập cảng ;?php cần ?>

&lt chớ ;?php if($the_sim)?>

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

&lt gây dựng ;div class=”left”>Thẻ sim</div>

<div class=”right”><?php mới echo $the_sim;?></div>

&lt ngay ;/div>

&lt bất cập ;?php hữu ích ?>

&lt cũ ;?php if($the_nho)?>

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

&lt ngay ;div class=”left”>Thẻ nhớ</div>

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

&lt nhất ;/div>

&lt quy định ;?php xa ?>

&lt hồ sơ ;/div>

&lt hoàn thành ;?php ?>

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

CSS truy cho PC

Các trang nghiêm bạn vào Giao trang diện – tùy biến – Style – Custom CSS – Custom CSS, paste đúng chuẩn đa số đoạn CSS này vào nha:

CSS người bạn đồng hành cho mobile – copy đa số đoạn code CSS ở dưới paste vào Giao miêu tả diện – Tùy chỉnh – Style – Custom CSS – Custom CSS Mobile

[blog việt _posts style=”normal” columns=”3″ columns__md=”1″ image_height=”56.25%”]