Cập nhật 11/08/2020 Các hàm Hooks (Actions & Filters) trong theme Flatsome thần thánh để thêm các code tùy chỉnh của mình vào đúng vị trí nhé! Theme Hooks (Actions & Filters) Table of Contents Actions flatsome_absolute_footer_primary flatsome_absolute_footer_secondary flatsome_account_links flatsome_after_404 flatsome_after_account_user flatsome_after_blog flatsome_after_body_open flatsome_after_breadcrumb flatsome_after_footer flatsome_after_header flatsome_after_header_bottom flatsome_after_page flatsome_after_page_content flatsome_after_product_images flatsome_after_product_page flatsome_before_404 flatsome_before_blog flatsome_before_breadcrumb flatsome_before_comments […]
16
Th9
Th9
Dùng hàm sau để thực hiện việc thêm nút liên hệ khi giá sản phẩm là 0 nhé
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function replace_add_to_cart() { global $product; if( $product->get_price() == 0 ) { $link = 'YOUR CONTACT PAGE URL'; $button_text = 'Contact Us'; } else { $link = $product->get_permalink(); $button_text = 'Buy Now'; } echo do_shortcode('[button link="' . esc_attr($link) . '"]'.$button_text.'[/button]'); } add_action('woocommerce_after_shop_loop_item','replace_add_to_cart'); |
05
Th9
Th9
Tùy biến trang danh mục sản phẩm bằng các cách hook code của mình vào các ví trí sau VỊ TRÍ CÁC HÀM HOOK TRONG TRANG DANH MỤC SẢN PHẨM WOOCOMMERCE Sử dụng các hàm hook bằng cách như sau
|
1 |
add_action("vi-tri-hook","ham-hook-cua-ban"); |
05
Th9
Th9
Định nghĩa trang (Conditional Tags) là gì? Conditional Tags thực ra là các hàm điều kiện trả về kiểu của trang hiện hành, ví dụ như bạn đang ở trang sản phẩm thì Conditional Tags sẽ báo cho bạn biết trang hiện tại là sản phẩm. WooCommerce page is_woocommerce() : Kiểm tra xem nếu trang hiện […]
05
Th9
Th9
Woocommerce là một plugin tuyệt vời với đầy đủ các chức năng giúp chúng ta tạo một web thương mại, tuy nhiên nếu bạn muốn cấu hình lại các trang của woocommerce cho phù hợp với nhu cầu thì các hàm hook của woocommerce là một công cụ thích hợp để bạn tùy biến. Trong […]
28
Th8
Th8
Nhúng các code iframe sau vào web nhé!
|
1 2 3 |
<div class="photo360-desktop"> <iframe style="width: 100%;height: 500px;border: 0px" src="https://iconcentral.vn/360view.php"></iframe> </div> |
|
1 2 |
<iframe src="https://storage.googleapis.com/vrview/2.0/index.html?preview=https://storage.googleapis.com/vrview/examples/coral-preview.jpg&image=https://storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true&"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> </iframe> |
25
Th8
Th8
Shortcode là gì? Shortcode dịch theo đúng tiếng Việt nghĩa là Code ngắn hay nói cách khác là một đoạn code ngắn. Đoạn code ngắn này sẽ thực thi những tác vụ gì đó mà bạn đã định sẵn trong lúc tạo shortcode, ví dụ như hiển thị một Loop chẳng hạn. Bạn có thể thực […]
25
Th8
Th8
Khai báo font khác dùng cho web wordpress bằng cách thêm các dòng CSS sau vào style.css của theme
|
1 2 3 4 5 6 7 8 9 10 11 |
@font-face { font-family: UTM Avo; src: url(/wp-content/themes/trungphong-san/Fonts/UTM_Avo.ttf); font-weight: normal; } @font-face { font-family: UTM AvoBold; src: url(/wp-content/themes/trungphong-san/Fonts/UTM_AvoBold.ttf); font-weight: normal; } |
Dùng fonts bằng cách định nghĩa lại trong CSS như ví dụ sau
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
.widget-title { font-family: "UTM Avo", Arial, sans-serif !important; font-size: 110%!important; } h1, h2,h3 ,h4,h5,h6, entry-content{ font-family: "UTM Avo", Arial, sans-serif !important; } .nav > li > a { font-family: "UTM Avo", Arial, sans-serif !important; } |
25
Th8
Th8
HTML
|
1 2 3 4 5 |
<div class="codfe-title-200825"> <h3 class="codfe-title">Vị thế thịnh vượng<span class="line"></h3> <span class="codfe-line"></span> <p class="codfe-description" >Icon Central toạ lạc tại khu đất vàng Đường số 5</p> </div> |
CSS
|
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 |
.codfe-title-200825{ text-align:center; } .codfe-line:after { content: ""; position: absolute; top: 10px; height: 1px; width: 69px; left: 50%; margin-left: 15px; z-index: 5; background: #F4DD67; } .codfe-line:before { content: ""; position: absolute; top: 10px; height: 1px; width: 69px; left: 50%; margin-left: -83px; z-index: 5; background: #F4DD67; } .codfe-line{ position: relative; height: 22px; display: block; background: url('https://codfe.com/wp-content/uploads/2020/08/oke32.png') center bottom no-repeat; } .codfe-description{ padding-top:15px; } |