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