• CreativeWP

    (@creativewp)


    I have added this extra code in the function.php, what I want to do is to add a Google map info (the map). If I add any text, it shows up in there without a problem, but if I add a Google map, it does not show up. What am I doing wrong?

    
    
    // Adding a custom Meta container to admin products pages
    add_action( 'add_meta_boxes', 'create_custom_meta_box' );
    if ( ! function_exists( 'create_custom_meta_box' ) )
    {
        function create_custom_meta_box()
        {
            add_meta_box(
                'custom_product_shipping_field',
                __( 'Location Map', 'woocommerce' ),
                'add_custom_content_meta_box',
                'product',
                'normal',
                'high'
            );
        }
    }
    
    //  Custom metabox content in admin product pages
    if ( ! function_exists( 'add_custom_content_meta_box' ) )
    {
        function add_custom_content_meta_box( $post )
        {
            $value = get_post_meta( $post->ID, '_shipping_tab', true ) ? get_post_meta( $post->ID, '_shipping_tab', true ) : '';
            wp_editor( $value, 'custom_shipping_tab', array( 'editor_height' => 100 ) );
            echo '<input type="hidden" name="custom_product_field_nonce" value="' . wp_create_nonce() . '">';
    
        }
    }
    
    //Save the data of the Meta field
    add_action( 'save_post', 'save_custom_content_meta_box', 10, 1 );
    if ( ! function_exists( 'save_custom_content_meta_box' ) )
    {
    
        function save_custom_content_meta_box( $post_id ) {
    
            // We need to verify this with the proper authorization (security stuff).
    
            // Check if our nonce is set.
            if ( ! isset( $_POST[ 'custom_product_field_nonce' ] ) ) {
                return $post_id;
            }
            $nonce = $_REQUEST[ 'custom_product_field_nonce' ];
    
            //Verify that the nonce is valid.
            if ( ! wp_verify_nonce( $nonce ) ) {
                return $post_id;
            }
    
            // If this is an autosave, our form has not been submitted, so we don't want to do anything.
            if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
                return $post_id;
            }
    
            // Check the user's permissions.
            if ( 'page' == $_POST[ 'post_type' ] ) {
    
                if ( ! current_user_can( 'edit_page', $post_id ) ) {
                    return $post_id;
                }
            } else {
    
                if ( ! current_user_can( 'edit_post', $post_id ) ) {
                    return $post_id;
                }
            }
            // --- Its safe for us to save the data ! --- //
    
            // Sanitize user input  and update the meta field in the database.
            update_post_meta( $post_id, '_shipping_tab', wp_kses_post($_POST[ 'custom_shipping_tab' ]) );
        }
    }
    
    // Add product custom "Shipping" tab
    add_filter( 'woocommerce_product_tabs', 'woo_new_product_tab' );
    function woo_new_product_tab( $tabs ) {
    
        $tabs['general_tab'] = array(
            'title'     => __( 'Location Map', 'woocommerce' ),
            'priority'  => 20,
            'callback'  => 'shipping_product_tab_content'
        );
    
        return $tabs;
    }
    
    // The Shipping tab content
    function shipping_product_tab_content()  {
        // The new tab content
        $prod_id = get_the_ID();
        echo'<div><p>'.get_post_meta( get_the_ID(), '_shipping_tab' ,true ).'</p></div>';
    }
    
    

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter CreativeWP

    (@creativewp)

    I would add, I do get the text editor, but I don’t want it, how can I get rid of it? May be that would fix that!?

    How do you try to add the map? Iframe? Maybe your field returns plain text instead of html.
    You can try to use ACF and create a html field for your products.

    Thread Starter CreativeWP

    (@creativewp)

    I tried adding a map, the map disappear, if I add text it works, but not the map.

    Thread Starter CreativeWP

    (@creativewp)

    I would love to remove the wysiwyg editor, and just have a box there. I do imagine that it will save the map then. (I am assuming).

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Woocommerce Tabs Google MAP’ is closed to new replies.