function stpb_team_member($pre_name = '', $data_values = array(), $post = false, $no_value = false, $interface = false)
    {
        ?>

        <div class="item" >
            <div class="left width-50">
                <?php 
        stpb_input_text($pre_name . '[name]', $data_values['name']);
        ?>
            </div>
            <div class="right  width-50">
                <strong><?php 
        _e('Name', 'smooththemes');
        ?>
</strong>
            </div>
        </div>

        <div class="item" >
            <div class="left width-50">
                <?php 
        stpb_input_text($pre_name . '[job]', $data_values['job']);
        ?>
            </div>
            <div class="right  width-50">
                <strong><?php 
        _e('Subtitle/Job description', 'smooththemes');
        ?>
</strong>
            </div>
        </div>

        <div class="item">
            <div class="left width-50">
                <?php 
        stpb_input_media($pre_name . '[image]', $data_values['image'], 'image', __('Insert Image', 'smooththemes'));
        ?>
            </div>
            <div class="right  width-50">
                <strong><?php 
        _e('Choose Image', 'smooththemes');
        ?>
</strong>
            </div>
        </div>


        <div class="item">
            <div class="left width-50">
                <?php 
        stpb_input_select_one($pre_name . '[size]', $data_values['size'], $interface->list_thumbnail_sizes());
        ?>
            </div>
            <div class="right  width-50">
                <strong><?php 
        _e('Image Size', 'smooththemes');
        ?>
</strong>
                <span><?php 
        _e('Choose image size.', 'smooththemes');
        ?>
</span>
            </div>
        </div>


        <div class="item" show-on="">
            <div class="left width-50">
                <?php 
        stpb_input_textarea($pre_name . '[desc]', $data_values['desc']);
        ?>
                <span class="desc"><?php 
        _e('Arbitrary text or HTML', 'smooththemes');
        ?>
</span>
                <p><label><?php 
        stpb_input_checkbox($pre_name . '[autop]', $data_values['autop'], 1);
        ?>
&nbsp;<?php 
        _e('Automatically add paragraphs', 'smooththemes');
        ?>
</label></p>
            </div>
            <div class="right  width-50">
                <strong><?php 
        _e('Description', 'smooththemes');
        ?>
</strong>
            </div>
        </div>

        <?php 
        $socials = array('facebook' => __('Facebook URL', 'smooththemes'), 'twitter' => __('Twitter URL', 'smooththemes'), 'gplus' => __('Google plus URL', 'smooththemes'), 'linkedin' => __('Linkedin URL', 'smooththemes'), 'skype' => __('Skype ID', 'smooththemes'), 'stumbleupon' => __('StumbleUpon URL', 'smooththemes'), 'dribbble' => __('Dribbble URL', 'smooththemes'), 'picasa' => __('Picasa URL', 'smooththemes'), 'pinterest' => __('Pinterest URL', 'smooththemes'), 'flickr' => __('Flickr URL', 'smooththemes'));
        $socials = apply_filters('st_memmber_socials', $socials);
        foreach ($socials as $id => $title) {
            ?>
        <div class="item" >
            <div class="left width-50">
                <?php 
            stpb_input_text($pre_name . '[' . $id . ']', $data_values[$id]);
            ?>
            </div>
            <div class="right  width-50">
                <strong><i class="iconentypo-<?php 
            echo $id;
            ?>
"> </i> <?php 
            echo $title;
            ?>
</strong>
            </div>
        </div>
        <?php 
        }
        ?>

    <?php 
    }
    function page_options_inferface()
    {
        global $post;
        $name = ST_Page_Builder::PAGE_OPTIONS_NAME;
        $save_values = ST_Page_Builder::get_page_options($post->ID, array());
        $layouts = st_page_layout_config();
        $inter = new ST_Page_Builder_Interface();
        $sidebars = $inter->get_sidebar_widgets();
        wp_nonce_field(plugin_basename(__FILE__), 'stPageBuilder_nonce');
        ?>
        <div class="st-page-options stpb-lb-content-settings">

          <?php 
        do_action('st_page_options_before_settings', $name, $save_values);
        ?>

            <div class="st-option-item item">
                <div class="width-50 left">
                    <?php 
        stpb_input_select_one($name . '[layout]', $save_values['layout'], $layouts, '.st-select-sidebar', '', true);
        ?>
                </div>
                <div class="width-50 right">
                    <strong><?php 
        _e('Layout', 'smooththemes');
        ?>
</strong>
                    <span><?php 
        _e('Select the desired Page layout', 'smooththemes');
        ?>
</span>
                </div>

            </div>

            <div class="item st-option-item show-on-select-change st-select-sidebar" show-on="right-sidebar left-right-sidebar">
                <div class="width-50 left">
                    <?php 
        stpb_input_select_one($name . '[right_sidebar]', $save_values['right_sidebar'], $sidebars, '', '', true);
        ?>
                </div>
                <div class="width-50 right">
                    <strong><?php 
        _e('Right Sidebar', 'smooththemes');
        ?>
</strong>
                    <span><?php 
        _e('Choose a custom right sidebar for this entry', 'smooththemes');
        ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change st-select-sidebar" show-on="left-sidebar left-right-sidebar">
                <div class="width-50 left">
                    <?php 
        stpb_input_select_one($name . '[left_sidebar]', $save_values['left_sidebar'], $sidebars, '', '', true);
        ?>
                </div>
                <div class="width-50 right">
                    <strong><?php 
        _e('Left Sidebar', 'smooththemes');
        ?>
</strong>
                    <span><?php 
        _e('Choose a custom left sidebar for this entry', 'smooththemes');
        ?>
</span>
                </div>

            </div>

            <div class="item st-option-item">
                <div class="width-50  left">
                    <?php 
        stpb_input_select_one($name . '[show_page_el]', $save_values['show_page_el'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.show_page_el', '', true);
        ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
        _e('Show Top Elements', 'smooththemes');
        ?>
</strong>
                    <span><?php 
        _e('Display the Header with Page Title, Breadcrumb Navigation,...', 'smooththemes');
        ?>
</span>
                </div>
            </div>

            <?php 
        do_action('st_after_show_page_el_settings', $name, $save_values);
        // title bar settings
        if (current_theme_supports('st-titlebar')) {
            ?>
            <div class="item st-option-item show-on-select-change show_page_el" show-on="yes">
                <div class="width-50  left">
                    <?php 
            stpb_input_select_one($name . '[titlebar]', $save_values['titlebar'], array('default' => __('Default - Set in Theme Options', 'smooththemes'), 'defined' => __('Defined Style', 'smooththemes'), 'custom' => __('Custom', 'smooththemes')), '.title_bar_style', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Title bar Style', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="yes defined">
                <div class="width-50  left">
                    <?php 
            $list_titlebar_bg = apply_filters('st_titlebar_list_bg', array());
            stpb_input_layout($name . '[titlebar_defined]', $save_values['titlebar_defined'], $list_titlebar_bg, true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Title bar style', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('Select defined title bar style.', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
                <div class="width-50  left">
                    <?php 
            stpb_input_media($name . '[titlebar_bg_img]', $save_values['titlebar_bg_img'], 'image', __('Select/Change image', 'smooththemes'), '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Titlebar background image', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
                <div class="left width-50">
                    <?php 
            stpb_input_color($name . '[titlebar_bg_color]', $save_values['titlebar_bg_color'], '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e(' Titlebar Background Color', 'smooththemes');
            ?>
</strong>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
                <div class="left width-50">
                    <?php 
            stpb_input_select_one($name . '[titlebar_bg_position]', $save_values['titlebar_bg_position'], array('tl' => __('Top left', 'smooththemes'), 'tc' => __('Top center', 'smooththemes'), 'tr' => __('Top right', 'smooththemes'), 'cc' => __('Center', 'smooththemes'), 'bl' => __('Bottom left', 'smooththemes'), 'bc' => __('Bottom center', 'smooththemes'), 'br' => __('Bottom right', 'smooththemes')), '', '', true);
            ?>
                </div>
                <div class="right  width-50">
                    <strong><?php 
            _e('Titlebar Background Image Position', 'smooththemes');
            ?>
</strong>
                </div>
            </div>


            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
                <div class="left width-50">
                    <?php 
            stpb_input_select_one($name . '[titlebar_bg_repeat]', $save_values['titlebar_bg_repeat'], array('repeat' => __('Repeat', 'smooththemes'), 'no-repeat' => __('No repeat', 'smooththemes'), 'repeat-x' => __('Horizontally', 'smooththemes'), 'repeat-y' => __('Vertically', 'smooththemes')), '', '', true);
            ?>
                </div>
                <div class="right  width-50">
                    <strong><?php 
            _e('Titlebar Background Repeat', 'smooththemes');
            ?>
</strong>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change title_bar_style show_page_el" show-on="custom">
                <div class="left width-50">
                    <?php 
            stpb_input_select_one($name . '[titlebar_bg_attachment]', $save_values['titlebar_bg_attachment'], array('scroll' => __('Scroll', 'smooththemes'), 'fixed' => __('Fixed', 'smooththemes'), 'stretch' => __('Stretch to fit', 'smooththemes')), '', '', true);
            ?>
                </div>
                <div class="right  width-50">
                    <strong><?php 
            _e('Titlebar Background Attachment', 'smooththemes');
            ?>
</strong>
                </div>
            </div>

            <?php 
            do_action('st_more_titlebar_settings', $name, $save_valuess);
        }
        // end title bar settings
        ?>


            <?php 
        if ($post->ID == st_get_shop_page()) {
            ?>

            <div class="item st-option-item">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['shop_columns']) || $save_values['shop_columns'] == '') {
                $save_values['shop_columns'] = 3;
            }
            stpb_input_select_one($name . '[shop_columns]', $save_values['shop_columns'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number columns', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many columns of products to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['number_product']) || $save_values['number_product'] == '') {
                $save_values['number_product'] = 9;
            }
            stpb_input_text($name . '[number_product]', $save_values['number_product'], '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number Products', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many products per page to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <?php 
            // ---------relative product ---------------------------
            ?>
            <div class="item st-option-item">
                <div class="width-50  left">
                    <?php 
            stpb_input_select_one($name . '[show_relative_prod]', $save_values['show_relative_prod'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.number_relative_prod', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Show relative products', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('Display relative product on single product', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change number_relative_prod" show-on="yes">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['number_relative_prod']) || $save_values['number_relative_prod'] == '') {
                $save_values['number_relative_prod'] = 3;
            }
            stpb_input_text($name . '[number_relative_prod]', $save_values['number_relative_prod'], '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number Relative Products', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many relative products to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change number_relative_prod" show-on="yes">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['relative_prod_num_col']) || $save_values['relative_prod_num_col'] == '') {
                $save_values['relative_prod_num_col'] = 3;
            }
            stpb_input_select_one($name . '[relative_prod_num_col]', $save_values['relative_prod_num_col'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number Relative columns', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many columns of Relative products to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <?php 
            // ---------upsells product ---------------------------
            ?>

            <div class="item st-option-item">
                <div class="width-50  left">
                    <?php 
            stpb_input_select_one($name . '[show_upsells_prod]', $save_values['show_upsells_prod'], array('yes' => __('Yes', 'smooththemes'), 'no' => __('No', 'smooththemes')), '.number_upsells_prod', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Show Up-Sells products', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('Display Up-Sells product on single product', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change number_upsells_prod" show-on="yes">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['number_upsells_prod']) || $save_values['number_upsells_prod'] == '') {
                $save_values['number_upsells_prod'] = 3;
            }
            stpb_input_text($name . '[number_upsells_prod]', $save_values['number_upsells_prod'], '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number Up-Sells Products', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many Up-Sells products to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>

            <div class="item st-option-item show-on-select-change number_upsells_prod" show-on="yes">
                <div class="width-50  left">
                    <?php 
            if (!isset($save_values['upsells_prod_num_col']) || $save_values['upsells_prod_num_col'] == '') {
                $save_values['upsells_prod_num_col'] = 3;
            }
            stpb_input_select_one($name . '[upsells_prod_num_col]', $save_values['upsells_prod_num_col'], array(2 => 2, 3 => 3, 4 => 4, 6 => 6), '', '', true);
            ?>
                </div>
                <div class="right width-50">
                    <strong><?php 
            _e('Number Up-Sells columns', 'smooththemes');
            ?>
</strong>
                    <span><?php 
            _e('How many columns of Up-Sells products to show ?', 'smooththemes');
            ?>
</span>
                </div>
            </div>




            <?php 
        }
        ?>

            <?php 
        do_action('st_page_options_more_settings', $name, $save_values);
        ?>

        </div>
    <?php 
    }