
Cài đặt plugin Advanced Custom Field
Để có lẽ tự làm được thì việc đích dùng các plugin là điều dễ hiểu vì chúng không quá nhất phức tạp và cũng không yêu cầu am hiểu đa dạng code nhanh cần chúng ta bắt đầu tiến hành cài đặt nhé !!! các bạn đừng vào trang quản trị Word press, search tới mục Plugin – Cài mới – Gõ luôn “Advanced Custom Field” vào khung search trên kho plugin free của Word luôn 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 được 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') luôn ;$camera_chinh=get_field('camera_chinh') chưa ;$camera_phu=get_field('camera_phu');$cpu=get_field('cpu') có thể ;$do_phan_giai_man_hinh=get_field('do_phan_giai_man_hinh') thường ;$dung_luong_pin=get_field('dung_luong_pin') cả ;$he_dieu_hanh=get_field('he_dieu_hanh') mới ;$kich_thuoc_man_hinh=get_field('kich_thuoc_man_hinh') lắm ;$ram=get_field('ram');$the_sim=get_field('the_sim') ngay ;$the_nho=get_field('the_nho');?><? có thể php if($bo_nho_trong)?><div class="thong-so-ky-thuat" chỉ id="thong-so"><h3 class="tieu-de thong-so"> lắm ;Thông số kỹ thuật</h3><div class="row-info"> chậm ;<div class="left">Bộ nhớ trong</div> không thể ;<div class="right"><?php echo $bo_nho_trong chỉ ;?></div></div><?php if($camera_chinh) chỉ ?><div class="row-info"><div class="left"> đích ;Camera chính</div><div class="right"> lại ;<?php echo $camera_chinh;?></div> có lẽ ;</div><?php nhanh ?><?php if($camera_phu) bỗng nhiên ?><div class="row-info"><div class="left"> chỉ ;Camera phụ</div><div class="right"> nhất ;<?php echo $camera_phu;?></div> mới ;</div><?php thường ?><?php nhất if($cpu)?><div class="row-info"> có thể<div class="left">CPU</div>< dễ ;div class="right"><?php echo $cpu;?> nhất ;</div></div><?php nhanh ?> cần ;<?php if($do_phan_giai_man_hinh)?> có thể<div class="row-info"><div class="left"> dễ ;Độ phân giải màn hình</div><div class="right"> quá ;<?php echo $do_phan_giai_man_hinh;?> chỉ ;</div></div><?php rất ?> đã ;<?php if($dung_luong_pin)?><div không class="row-info"><div class="left"> rất ;Dung lượng pin</div><div class="right"> bỗng nhiên ;<?php echo $dung_luong_pin;?></div> những ;</div><?php hữu ích ?><?php đột nhiên if($he_dieu_hanh)?><div class="row-info"> mới ;<div class="left">Hệ điều hành</div> chậm ;<div class="right"><?php echo $he_dieu_hanh rất ;?></div></div><?php chính không ?><?php if($kich_thuoc_man_hinh)?> mất ;<div class="row-info"><div class="left"> dễ ;Kích thước màn hình</div><div class="right"> chậm ;<?php echo $kich_thuoc_man_hinh;?>< vẫn ;/div></div><?php chỉ ?>< có lẽ ;?php if($ram)?><div class="row-info"> những ;<div class="left">Ram</div>< có lẽ ;div class="right"><?php the_field('ram') có lẽ ;?></div></div><?php cần lắm ?><?php if($the_sim)?><div class="row-info"> đã ;<div class="left">Thẻ sim</div> chớ ;<div class="right"><?php echo $the_sim lại ;?></div></div><?php hữu dễ ích ?><?php if($the_nho)?><div cũ class="row-info"><div class="left"> chậm ;Thẻ nhớ</div><div class="right"> cần ;<?php echo $the_nho;?></div>< nhất ;/div><?php xa ?></div>kế hoạch nghiệm SPLV1_PLACEHOLDER_4 SPLV1_PLACEHOLDER_3 EHOLDER_1 ="urvanov-syntax-highlighter-61b3cac0a11bb083887111-80" class="crayon-line crayon-striped-line"><? cần php ?>
Paste đa số đoạn code trên vào ngay sau thẻ mớ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 đây:<?php đang$khuyen_mai_1=get_field('khuyen_mai_1'); luôn$khuyen_mai_2=get_field('khuyen_mai_2'); mới$khuyen_mai_3=get_field('khuyen_mai_3'); rất$khuyen_mai_4=get_field('khuyen_mai_4'); đừng$khuyen_mai_5=get_field('khuyen_mai_5');? rất ><?php if($khuyen_mai_1) ?><div quá class="khuyen-mai"><h4>Thông tin chưa khuyến mại</h4><ul><li> nhất <?php the_field('khuyen_mai_1');?>< đang ;/li><?php if($khuyen_mai_2)?>< dễ ;li><?php the_field('khuyen_mai_2') thôi ;?></li><?php có lẽ ?><?php thôi if($khuyen_mai_3)?><li><?php cũ the_field('khuyen_mai_3');?></li> có lẽ ;<?php xa ?><?php if($khuyen_mai_4) chậm ?><li><?php the_field('khuyen_mai_4') chỉ ;?></li><?php thường ?><? được php if($khuyen_mai_5)?><li><? ngay php the_field('khuyen_mai_5');?></li> nhất ;<?php chính ?></ul></div> những ;<?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 nhanhborder: 1px solid #e9e9e9;font-size: 14px;display: những inline-block;border-radius: 5px;margin-bottom:20px cần ;hữu ích.thong-so-ky-thuat h3margin-bottom: có thể 0;padding: 10px;border-bottom: 1px solid #e9e9e9 dễ ;background: #fed700;hữu ích.thong-so-ky-thuat chính .row-infoborder-bottom: 1px solid #e9e9e9;padding: dễ 10px 7px;display: inline-flex;clear: both;width: nhất 100%;hữu ích.thong-so-ky-thuat .row-info .left luônwidth: 43% !important;color: #a0a0a0;display: bỗng nhiên inline-block;float: left;padding-right: 10px lắm ;thường.thong-so-ky-thuat .row-info .right lạiwidth: 57% !important;color: black;display: cũng inline-block;float: left;padding-left: 10px cũ ;rất.khuyen-maiborder: 1px solid #ffdb97;padding: rất 8px;font-size: 14px;border-radius: 4px;margin-bottom: lắm 15px;line-height: 18px;background: #fffbf4 lắm ;chưa.khuyen-mai h4color: red;chưa.khuyen-mai cũng ulmargin-bottom:0chỉ.khuyen-mai ul lilist-style: đã none;background: url(http://dienthoai3.ninhbinhweb nhất .info/cdn/2019/08/check@2x.png);background-repeat: chậm no-repeat;background-size: 14px;background-position-y: cũng 2px;padding-left: 22px;margin-left: 0;margin-bottom: mất 10px; hữu í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: mất inline-grid;thường.product-footer .container ngay .large-9order: 1;cần.product-footer .container những .large-3order: -3;có lẽ
Lê Trương Tấn Lộc (sieutocviet.page)
Có hơn 6 năm kinh nghiệm Laravel và 8 năm quản trị web site, tôi chuyên tư vấn đẩy top Google, Kinh doanh online tối ưu cho tập đoàn quốc tế, hiện làm giám đốc kinh doanh tại Siêu Tốc Việt.