Thiết kế website chuyên nghiệp
Thiết kế nhận diện thương hiệu
Thiết kế landing page
Quản trị và sáng tạo nội dung
Dịch vụ seo tổng thể
Hellp chào tất cả các bạn. Mình là công minh web đây. Cũng khá lâu roài không share tips hỗ trợ anh em. Này ra bài viết ( Hiện thị thêm thông tin ra ngoài mục sản phẩm woo). Lưu ý: mình làm tust hướng dẫn đa số là flatsome các bạn nhé.
Bước 1:
Trước tiên để show thông tin sản phẩm ra các bạn cài giúp mình plugin ACF | Advanced Custom Fields
Link tải plguin
Bước 2:
Các bạn tạo FIELD như hình ảnh dưới.Chú ý phần type là (text) hết các bạn nhé.
Bước 3: Coppy đoạn code dưới này vào function. để thông tin hiển thị ra ngoài.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
<?php add_action('flatsome_product_box_after', 'congminhweb'); function congminhweb() { ?> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <div class="cm cl"> <ul class="cm ul "> <li> <i class="fa fa-bed" aria-hidden="true"></i> <?php echo get_field('phong_ngu') ?> PN </li> <li> <i class="fa fa-compass" aria-hidden="true"></i> <?php echo get_field( "huong" ); ?> </li> <li> <i class="fa fa-area-chart" aria-hidden="true"></i> <?php echo get_field( "dien_tich" ); ?>m2 </li> <li> <i class="fa fa-bath" aria-hidden="true"></i> <?php echo get_field('phong_ve_sinh') ?> WC </li> </ul> <?php echo get_field('dia_chi') ?> </div> |
Và coppy đoạn CSS vào style.css. Các bạn có thể sửa css tùy thích nếu biết.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
.cm { padding-top: 7px; } .cm .cl { margin-bottom: 0; } .cm .ul li { display: inline-block; color: #636982; padding: 0 10px 0 0; margin-left: 0 !important; font-size: 15px; } .product-small .product-title a { font-size: 1.3em; } .product-small span.amount { color: #0095d6; font-size: 18px; line-height: 30px; } .product-small .box-text { padding-top: .7em; padding-bottom: 1.4em; padding-left: 1em; padding-right: 1em; position: relative; width: 100%; font-size: .9em; min-height: 181px; } .product-small .box-text { padding-left: 1em; padding-right: 1em; min-height: 181px; } .product-small .box { overflow: hidden; border-radius: 10px; border: 1px solid #ddd; } .product-small .has-shadow>.col>.col-inner { border-radius: 10px; background-color: #FFF; } .product-small .box .box-image { border-radius: 10px; } .product-small .box-image img { height: 200px !important; object-fit: cover; } .cm { padding-top: 7px; } .cm .cl { margin-bottom: 0; } .cm .ul li { display: inline-block; color: #636982; padding: 0 10px 0 0; margin-left: 0 !important; font-size: 15px; } |
Vậy là xong rồi. Chúc các bạn thành công !.
[ux_products cat=”96″]
👉 Esther He wants to talk frankly with you and show you something, you will like it. Click Here:👉 http://bit.do/fVzCF
Create super-engaging Instagram captions with this AI powered Instagram caption generator. This free AI powered Instagram caption generator will create the perfect caption for your photo and help you get more likes, followers and comments. Click Here:👉 https://stanford.io/3Fmnnxo
Experience the full power of an AI content generator that delivers premium results in seconds. 100% uniqueness,7-day free trial of Pro Plan, No credit card required:). Click Here:👉 https://bit.ly/3Py2Iv6
промокод мелбет при регистрации. Click Here:👉 https://bit.ly/3YSgux0
A secret weapon for anyone who needs content. I dont need to tell you how important it is to optimize every step in your SEO pipeline. But unfortunately, its nearly impossible to cut out time or money when it comes to getting good content. At least thats what I thought until I came across Article Forge. Built by a team of AI researchers from Stanford, MIT, Carnegie Mellon, Harvard, Article Forge is an AI content writer that uses deep learning models to research, plan out, and write entire articles about any topic with the click of a button. Their team trained AI models on millions of articles to teach Article Forge how to draw connections between topics so that each article it writes is relevant, interesting and useful. All their hard work means you just enter a few keywords and Article Forge will write a complete article from scratch making sure every thought flows naturally into the next, resulting in readable, high quality, and unique content. Put simply, this is a secret weapon for anyone who needs content. I get how impossible that sounds so you need to see how Article Forge writes a complete article with the Click Here:👉 https://bit.ly/3FSeufr
рабочий промокод 1xbet на сегодня. Click Here:👉 https://www.medtronik.ru/images/pages/bonus_kod_na_1xbet_pri_registracii_6500_rubley.html
chat live sex. Click Here:👉 https://porno-sex.cam/
Code Promo 1xBet. Click Here:👉 https://popvalais.ch/wp-includes/inc/?code-promo-1xbet-burkina-faso-78-000xof.html
Hi, i believe that i noticed you visited my weblog thus i got here to return the
favor?.I am attempting to find issues to enhance my website!I
suppose its adequate to use some of your ideas!!