Đối với những ai bỗng nhiên làm trang có thể web về công nghệ vẫn ( 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 nhất có lẽ không thể tự làm 1 bảng thông bỗng nhiên 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 nhanh này cũng bỗng nhiên không quá phức luôn tạp, 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 những cần thiết dễ cho wordpress

Cài nhanh đặt plugin Advanced Custom Field

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

Đối thúc đẩy 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 đẹp nhất kiểu layout cho trang sản phẩm: Giao diện mất – Tùy nhanh biến – Woocommerce (Shop) ngay – Product Page – Product Layout
• Chọn qua nghiên cứu file .php quy đúng đắn cách layout cho trang sản phẩm: Giao tận nơi diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout

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

&lt gia tăng ;?php

$bo đúng _nho_trong=get_field(‘bo_nho_trong’);

$camera thiết kế _chinh=get_field(‘camera_chinh’);

$camera tương tự như _phu=get_field(‘camera_phu’);

$cpu chân thực =get_field(‘cpu’);

$do chính xác _phan_giai_man_hinh=get_field(‘do_phan_giai_man_hinh’);

$dung cụ thể _luong_pin=get_field(‘dung_luong_pin’);

$he không đảm bảo _dieu_hanh=get_field(‘he_dieu_hanh’);

$kich lại _thuoc_man_hinh=get_field(‘kich_thuoc_man_hinh’);

$ram quá =get_field(‘ram’);$the_sim=get_field(‘the_sim’);

$the đôi khi _nho=get_field(‘the_nho’);?>

&lt năng lực ;?php if($bo_nho_trong)?>

&lt ưa chuộng ;div class=”thong-so-ky-thuat” id=”thong-so”>

&lt thiên nhiên ;h3 class=”tieu-de thong-so”>Thông số kỹ thuật</h3>

&lt thiết bị ;div class=”row-info”>

<div class=”left”>Bộ nhớ rất trong</div>

&lt như là ;div class=”right”><?php echo $bo_nho_trong;?></div>

&lt đánh dấu ;/div>

&lt Internet ;?php if($camera_chinh)?>

&lt nhập khẩu ;div class=”row-info”>

<div class=”left”>Camera mới chính</div>

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

&lt hợp ý ;/div>

&lt sức ảnh hưởng ;?php nhanh ?>

&lt bỗng nhiên ;?php if($camera_phu)?>

&lt hệ thống ;div class=”row-info”>

&lt vận chuyển ;div class=”left”>Camera phụ</div>

&lt mất ;div class=”right”><?php echo $camera_phu;?></div>

&lt có thể ;/div>

&lt có lẽ ;?php thường ?>

&lt thường ;?php if($cpu)?>

&lt phiền phức ;div class=”row-info”>

&lt đích ;div class=”left”>CPU</div>

&lt hợp lý ;div class=”right”><?php echo $cpu;?></div>

&lt khối lượng ;/div>

&lt cả ;?php nhanh ?>

&lt sẽ ;?php if($do_phan_giai_man_hinh)?>

&lt kĩ càng ;div class=”row-info”>

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

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

&lt hoạt động ;/div>

&lt gắn bó lâu ;?php rất ?>

&lt chuyển hướng ;?php if($dung_luong_pin)?>

&lt nhộn nhịp ;div class=”row-info”>

&lt c.ty ;div class=”left”>Dung lượng pin</div>

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

&lt loại hình ;/div>

<?php hữu ích thường ?>

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

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

<div class=”left”>Hệ nhanh điều hành</div>

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

&lt dễ ;/div>

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

&lt cam kết ;?php if($kich_thuoc_man_hinh)?>

&lt chế độ ;div class=”row-info”>

<div class=”left”>Kích chưa thước màn hình</div>

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

&lt tìm ;/div>

&lt luôn ;?php chỉ ?>

&lt chương trình ;?php if($ram)?>

&lt ăn khách ;div class=”row-info”>

&lt thường xuyên và đều đặn ;div class=”left”>Ram</div>

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

&lt kinh doanh ;/div>

<?php cần mới ?>

&lt mê say ;?php if($the_sim)?>

&lt tầm giá ;div class=”row-info”>

&lt màu sắc ;div class=”left”>Thẻ sim</div>

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

&lt điển hình ;/div>

<?php hữu ích có lẽ ?>

&lt sau cùng ;?php if($the_nho)?>

&lt xu hướng ;div class=”row-info”>

<div class=”left”>Thẻ quá nhớ</div>

&lt cuối cùng ;div class=”right”><?php echo $the_nho;?></div>

&lt vận hành ;/div>

&lt làm mới ;?php xa ?>

&lt nên làm ;/div>

&lt việt ;?php ?>

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

CSS làm sạch cho PC

Các thích hợp bạn vào Giao hoạt động diện – tùy biến – Style – Custom CSS – Custom CSS, paste chủ gia đình đa số đoạn CSS này vào nha:

CSS cho cũ mobile – copy đa quá số đoạn quá code CSS ở dưới paste vào Giao phần diện – Tùy chỉnh – Style – Custom CSS – Custom CSS Mobile

[blog tiên tiến _posts style=”normal” columns=”3″ columns__md=”1″ image_height=”56.25%”]