1. Hiện tại có một số member mạo danh BQT để giao dịch trên diễn đàn và đã LỪA ĐẢO khá nhiều tại chuyên mục Adwords... Mọi người cảnh giác và đọc bài: Giới thiệu giao dịch đảm bảo bởi @Admin

Cách Tạo Tabs cho sản phẩm trong WooCommerce Wordpress không sử dụng Plugin

Thảo luận trong 'Share code - Chia sẻ mã nguồn' bắt đầu bởi lamvt, 25/3/14.

Lượt xem: 211,636
  1. lamvt

    lamvt Cựu Administrator

    Gia nhập:
    14/9/11
    Bài viết:
    973
    Đã được thích:
    1,123
    Web:
    WooCommerce là một plugin thương mại điện tử của WordPress giúp bạn tạo website bán hàng. Biến trang web WordPress của bạn thành một cửa hàng thương mại điện tử toàn diện miễn phí.
    Mặc định của WooCommerce cho phép bạn hiển thị 2 Tabs là Mô tả sản phẩm chi tiết và Ratting Reviews
    Làm thế nào để bạn có thể đặt thêm các tabs như: tài liệu hướng dẫn, các phụ kiện đi kèm, hỗ trợ....
    [​IMG]
    Trước tiên Open file functions.php trong wordpress theme của bạn với Notepad Plus editor

    To creat tabs for WordPress Dashboard


    function your_tab_name_options_tab() {
    ?>
    <li><a href=”#your_tab_data”><?php _e(‘Your Tab name’, ‘woothemes’); ?></a></li>
    <?php
    }
    add_action(‘woocommerce_product_write_panel_tabs’, ‘your_tab_name_options_tab’);


    To write custome tabs fields – options


    function your_tab_name_options() {
    global $post;
    $your_tab_name_option = array(
    ‘title’ => get_post_meta($post->ID, ‘your_tab_title’, true),
    ‘content’ => get_post_meta($post->ID, ‘your_tab_content’, true),
    );
    ?>
    <div id=”your_tab_id”>
    <div>
    <p>
    <?php woocommerce_wp_checkbox( array( ‘id’ => ‘your_tab_frontend_publish’, ‘label’ => __(‘Publish Your Tab?’, ‘woothemes’), ‘description’ => __(‘Enable this option to publish your tab on the frontend.’, ‘woothemes’) ) ); ?>
    </p>
    </div>
    <div>
    <p>
    <label><?php _e(‘Title:’, ‘woothemes’); ?></label>
    <input type=”text” size=”5″ name=”your_tab_title” value=”<?php echo @$your_tab_options['title']; ?>” placeholder=”<?php _e(‘Enter your tab title’, ‘woothemes’); ?>” />
    </p>
    <p>
    <?php _e(‘Content:’, ‘woothemes’); ?>
    </p>
    <table>
    <tr>
    <td>
    <textarea rows=”10″ cols=”40″ name=”your_tab_content” placeholder=”<?php _e(‘Enter your tab content’, ‘woothemes’); ?>”><?php echo @$your_tab_options['content']; ?></textarea>
    </td>
    </tr>
    </table>
    </div>
    </div>
    <?php
    }
    add_action(‘woocommerce_product_write_panels’, ‘your_tab_options’);



    To save your tab Options


    function save_tab_options( $post_id ) {
    update_post_meta( $post_id, ‘your_tab_frontend_publish’, ( isset($_POST['your_tab_frontend_publish']) && $_POST['your_tab_frontend_publish'] ) ? ‘yes’ : ‘no’ );
    update_post_meta( $post_id, ‘your_tab_title’, $_POST['your_tab_title']);
    update_post_meta( $post_id, ‘your_tab_content’, $_POST['your_tab_content']);
    }
    add_action(‘woocommerce_process_product_meta’, ‘save_tab_options’, 10, 2);

    Add your tab to frontend
    add_filter( ‘woocommerce_product_tabs’, ‘woocommerce_product_your_tab’ );
    function woocommerce_product_your_tab( $tabs ) {
    global $post, $product;
    $your_tab_options = array(
    ‘enabled’ => get_post_meta($post->ID, ‘your_tab_frontend_publish’, true),
    ‘title’ => get_post_meta($post->ID, ‘your_tab_title’, true),
    ‘content’ => get_post_meta($post->ID, ‘your_tab_content’, true),
    );
    if ( $your_tab_options['enabled'] == ‘yes’ ){
    $tabs['custom-tab-first'] = array(
    ‘title’ => $your_tab_options['title'],
    ‘priority’ => 25, // to order your tab position, can changes it with 10,20, 25, 30, 35
    ‘callback’ => ‘your_product_tabs_panel_content’, // callback funtion for your tab
    ‘content’ => $your_tab_options['content']
    );
    }
    return $tabs;
    }


    Call back for your tab panel in Frontend to display tab content


    function your_product_tabs_panel_content( $key, $your_tab_options ) { echo ‘<h2>’ . $your_tab_options['title'] . ‘</h2>’;
    echo $your_tab_options['content'];
    }
    If you want to creat more Tabs, just to changes with Your_tab Name.

    Link download code và hướng dẫn cụ thể tại : How to creat custome Tabs for WooCommerce 2.x WordPress without plugin


    Bạn cần trợ giúp về Joomla - Wordpress? Liên hệ

    DEMO có thể xem tại: Kính hiển vi Kruss MML 1200

    Last edited: 12/4/14

Nội quy khi thảo luận:

Dù bạn có cố tình spam bằng cách nào khi BQT diễn đàn phát hiện sẽ lập tức banned nick và xoá toàn bộ bài viết của bạn. Ngoài ra khi phát hiện ra Spam hãy gửi thông báo cho BQT diễn đàn. Hãy suy nghĩ trước khi hành động..!
✓ Khi muốn trả lời ai đó, bạn gõ @ cộng thêm nick diễn đàn của người đó phía sau @, giống như tag tên trên Facebook.
✓ Yêu cầu khi bình luận, bạn phải gõ chữ rõ ràng, không viết tắt, gõ tiếng Việt đầy đủ dấu câu.
✓ Nên dùng font chữ mặc định của diễn đàn, không tô màu lòe loẹt hay dùng size chữ quá lớn khi bình luận.
✓ Bài viết, comment... không được phép quảng cáo dịch vụ, rao vặt, pr... Loại trừ ở chuyên mục Rao vặt đã cho phép.
✓ Nghiêm cấm các chủ đề dạng: Cứu em với, help me, giật tít, câu view... dưới mọi hình thức.
✓ Tất cả các thành viên tham gia diễn đàn cần đọc kỹ Nội quy chung và nghiêm túc tuân thủ.


Chia sẻ trang này

Đang tải...