
Cài đặt plugin Advanced Custom Field
Để có lẽ tự làm được thì việc cũng dùng các plugin là điều dễ hiểu vì chúng không quá cả phức tạp và cũng không yêu cầu am hiểu đa dạng code vẫn cần chúng ta bắt đầu tiến hành cài đặt nhé !!! các bạn bỗng nhiên vào trang quản trị Word press, search tới mục Plugin – Cài mới – Gõ rất “Advanced Custom Field” vào khung search trên kho plugin free của Word đừng press.




Bước 3: Hiển thị Advance Custom Field ra ngoài giao diện
Đối 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 kiểu layout cho trang sản phẩm: Giao diện – Tùy biến – Woocommerce (Shop) – Product Page – Product Layout
- Chọn lắm file .php quy cách layout cho trang sản phẩm: Giao diện – Sửa – chọn theme gốc Flatsome – Woocommerce – Single-product – Layout
<?php$bo_nho_trong=get_field('bo_nho_trong') đã ;$camera_chinh=get_field('camera_chinh') lắm ;$camera_phu=get_field('camera_phu');$cpu=get_field('cpu') chính ;$do_phan_giai_man_hinh=get_field('do_phan_giai_man_hinh') chậm ;$dung_luong_pin=get_field('dung_luong_pin') cũng ;$he_dieu_hanh=get_field('he_dieu_hanh') nhất ;$kich_thuoc_man_hinh=get_field('kich_thuoc_man_hinh') nhanh ;$ram=get_field('ram');$the_sim=get_field('the_sim') được ;$the_nho=get_field('the_nho');?><? thường php if($bo_nho_trong)?><div class="thong-so-ky-thuat" cần id="thong-so"><h3 class="tieu-de thong-so"> thôi ;Thông số kỹ thuật</h3><div class="row-info"> lại ;<div class="left">Bộ nhớ trong</div> không ;<div class="right"><?php echo $bo_nho_trong chỉ ;?></div></div><?php if($camera_chinh) nhanh ?><div class="row-info"><div class="left"> mất ;Camera chính</div><div class="right"> có lẽ ;<?php echo $camera_chinh;?></div> được ;</div><?php nhanh ?><?php if($camera_phu) cũ ?><div class="row-info"><div class="left"> cả ;Camera phụ</div><div class="right"> bỗng nhiên ;<?php echo $camera_phu;?></div> rất ;</div><?php thường ?><?php chính if($cpu)?><div class="row-info"> cả<div class="left">CPU</div>< vẫn ;div class="right"><?php echo $cpu;?> không ;</div></div><?php nhanh ?> luôn ;<?php if($do_phan_giai_man_hinh)?> mới<div class="row-info"><div class="left"> luôn ;Độ phân giải màn hình</div><div class="right"> không ;<?php echo $do_phan_giai_man_hinh;?> quá ;</div></div><?php rất ?> cần ;<?php if($dung_luong_pin)?><div không thể class="row-info"><div class="left"> chẳng ;Dung lượng pin</div><div class="right"> luôn ;<?php echo $dung_luong_pin;?></div> dễ ;</div><?php hữu ích ?><?php được if($he_dieu_hanh)?><div class="row-info"> sẽ ;<div class="left">Hệ điều hành</div> chậm ;<div class="right"><?php echo $he_dieu_hanh đột nhiên ;?></div></div><?php chính đích ?><?php if($kich_thuoc_man_hinh)?> chưa ;<div class="row-info"><div class="left"> luôn ;Kích thước màn hình</div><div class="right"> đừng ;<?php echo $kich_thuoc_man_hinh;?>< quá ;/div></div><?php chỉ ?>< chậm ;?php if($ram)?><div class="row-info"> rất ;<div class="left">Ram</div>< sẽ ;div class="right"><?php the_field('ram') chưa ;?></div></div><?php cần đang ?><?php if($the_sim)?><div class="row-info"> có thể ;<div class="left">Thẻ sim</div> đột nhiên ;<div class="right"><?php echo $the_sim đột nhiên ;?></div></div><?php hữu cần ích ?><?php if($the_nho)?>một cách khách quan DATASPIN_ tuyệt vời SPLV1_PLAC centos EHOLDER_3 1bb083887111-74" class="crayon-line crayon-striped-line"><div luôn class="row-info"><div class="left"> đang ;Thẻ nhớ</div><div class="right"> dễ ;<?php echo $the_nho;?></div>< nhanh ;/div><?php xa ?></div><? cần php ?>
Paste đa số đoạn code trên vào ngay sau thẻ lại mở <div id=”product-sidebar”….>
Hiển thị bảng tin khuyến mại bằng advanced custom fields
Các bạn copy đa số đoạn code dưới hướng đến0 mất đây:<?php$khuyen_mai_1=get_field('khuyen_mai_1') ngay ;$khuyen_mai_2=get_field('khuyen_mai_2') chẳng ;$khuyen_mai_3=get_field('khuyen_mai_3') lại ;$khuyen_mai_4=get_field('khuyen_mai_4') cũ ;$khuyen_mai_5=get_field('khuyen_mai_5') những ;?><?php if($khuyen_mai_1) ?>< có lẽ div class="khuyen-mai"><h4>Thông ngay tin khuyến mại</h4><ul><li> chớ ;<?php the_field('khuyen_mai_1');?> ngay </li><?php if($khuyen_mai_2)?> có lẽ ;<li><?php the_field('khuyen_mai_2') rất ;?></li><?php có lẽ ?><?php đừng if($khuyen_mai_3)?><li><?php đang the_field('khuyen_mai_3');?></li> rất ;<?php xa ?><?php if($khuyen_mai_4) bỗng nhiên ?><li><?php the_field('khuyen_mai_4') chậm ;?></li><?php thường ?><? dễ php if($khuyen_mai_5)?><li><? thường php the_field('khuyen_mai_5');?></li> không ;<?php chính ?></ul></div> cũ ;<?php ;?>
CSS cho PC
Các bạn vào Giao diện – tùy biến – Style – Custom CSS – Custom CSS, paste đa số đoạn CSS này vào nha:.thong-so-ky-thuat rấtborder: 1px solid #e9e9e9;font-size: 14px;display: nhất inline-block;border-radius: 5px;margin-bottom:20px cũ ;hữu ích.thong-so-ky-thuat h3margin-bottom: mới 0;padding: công dụng 10px đích ;border-bottom: 1px solid #e9e9e9;background: lại #fed700;hữu ích.thong-so-ky-thuat .row-info cảborder-bottom: 1px solid #e9e9e9;padding: 10px chậm 7px;display: inline-flex;clear: both;width: lại 100%;hữu ích.thong-so-ky-thuat .row-info .left chínhwidth: 43% !important;color: #a0a0a0;display: mới inline-block;float: left;padding-right: 10px có lẽ ;thường.thong-so-ky-thuat .row-info .right không thểwidth: 57% !important;color: black;display: luôn inline-block;float: left;padding-left: 10px thường ;rất.khuyen-maiborder: 1px solid #ffdb97;padding: lại 8px;font-size: 14px;border-radius: 4px;margin-bottom: chậm 15px;line-height: 18px;background: #fffbf4 những ;chưa.khuyen-mai h4color: red;chưa.khuyen-mai được ulmargin-bottom:0kháng khuẩn thôi chỉ.khuyen-mai ul lilist-style: none;background: đừng url(http://dienthoai3.ninhbinhweb.info/cdn/2019/08/check@2x cũ .png);background-repeat: no-repeat;background-size: cũ 14px;background-position-y: 2px;padding-left: không 22px;margin-left: 0;margin-bottom: 10px; hữu thôi ích
CSS cho mobile - copy đa số đoạn code CSS ở dưới paste vào Giao diện – Tùy chỉnh – Style – Custom CSS – Custom CSS Mobile
.product-footer .containerdisplay: inline-grid lại ;thường.product-footer .container .large-9 vẫnorder: 1;cần.product-footer .container .large-3 mớiorder: -3;có lẽ
Diệp Toàn Phát (sieutocviet.vn)
Với hơn 5 năm kinh nghiệm thực chiến Python, PHP và 7 năm quản trị website, tôi chuyên tư vấn giải pháp SEO từ khóa, Digital Marketing tối ưu cho doanh nghiệp. Hiện là trưởng phòng kinh doanh tại Siêu Tốc Việt.