admin_url( 'admin-ajax.php' ) ) ); $result = '
'; return $result; } add_action('wp_ajax_load_code_from_id', 'load_code_from_id'); add_action('wp_ajax_nopriv_load_code_from_id', 'load_code_from_id'); function load_code_from_id() { $code_id = (isset($_POST['code_id']))?esc_attr($_POST['code_id']) : ''; //echo $code_id; /* $ids = (isset($_POST['product_ids']))?esc_attr($_POST['product_ids']) : ''; //echo $product_ids; $product_ids = explode(',', $ids); foreach ($product_ids as $product_id) { WC()->cart->add_to_cart( intval($product_id), 1, 0, array(), array() ); // WC()->cart->add_to_cart( $product_id = 0, $quantity = 1, $variation_id = 0, $variation = array(), $cart_item_data = array() ); } //return cart count echo WC()->cart->cart_contents_count;*/ echo get_field( "html", $code_id ).'|'.get_field( "css", $code_id ).'|'.get_field( "js", $code_id ); die(); } // add popup to theme function add_to_theme(){ echo do_shortcode( '[lightbox id="cf-save-code" width="600px" padding="20px"] [block id="cf-save-code"] [/lightbox] [lightbox id="cf-email-code" width="600px" padding="20px"] [block id="cf-email-code"] [/lightbox]'); } add_action('wp_footer', 'add_to_theme'); // sau khi người dùng gởi thông tin add_action("wpcf7_before_send_mail", "wpcf7_do_something"); function wpcf7_do_something($WPCF7_ContactForm){ //Get current form $wpcf7 = WPCF7_ContactForm::get_current(); // get current SUBMISSION instance $submission = WPCF7_Submission::get_instance(); // Ok go forward if ($submission) { // get submission data $data = $submission->get_posted_data(); switch ($WPCF7_ContactForm->id()) { case 5479: // Tạo post luu code break; case 5480: // email code /* $cf_post_id = $data['gs-id']; write_log('cf_post_id = '.$cf_post_id); $uploaded_files = $submission->uploaded_files(); if ($uploaded_files) { foreach ($uploaded_files as $fieldName => $filepath) { //write_log('fieldName = '.$fieldName); //cf7 5.4 if (is_array($filepath)) { //write_log('filepath = '.$filepath); foreach ($filepath as $key => $value) { //write_log('key='.$key); $data = cf_nmr_create_attachment($value, $cf_post_id, $fieldName); } } else { $data = cf_nmr_create_attachment($filepath, $cf_post_id, $fieldName); } } } */ break; default: break; } } } ?> Table responsive cho các thiết bị mobile table, thay thế table cho flatsome - Code & Coffe
Tìm theo từ khóa
Generic filters
Exact matches only
Trang chủ › Chưa phân loại › Table responsive cho các thiết bị mobile table, thay thế table cho flatsome
Chưa phân loại

Table responsive cho các thiết bị mobile table, thay thế table cho flatsome

Aiken Trung Leave a comment 1616 Views Xem & chỉnh code online


Quá trình mình thiết kế website và sử dụng chưa bao giờ thấy cái table nào xí còn không hỗ trợ mobile như cái table của Flatsome. Chắc là nhà phát hành theme muốn tạo công ăn việc làm cho anh em dev. Sau đây là Css cho bảng thay thế cho table mặc định rất xí và không responsive của theme Flatsome 🙂

CSS

Shortcode Table responsive cho mobile và các thiết (cho vào function.php)

khi dùng thì thêm shortcode như sau

table responsive css for wordpress
table responsive css for wordpress

Nếu chỉ muốn chỉnh CSS cho table riêng bài viết (post) hay trong trang sản phẩm thì thêm class .blog-single hoặc.woocommerce-tabs như bên dưới

Cho single post trong wordpress

Cho trang sản phẩm – product woocommerce

Chúc các bạn thành công!

5/5 - (1 bình chọn)
Bài viết mới:

Bài viết cùng chủ đề:

Aiken Trung

Hệ thống, đúc kết lại những gì mình học và làm rồi chia sẻ

0 0 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Mới nhất
Cũ nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
0
Rất thích suy nghĩ của bạn, hãy bình luận.x