Измените представление из двух столбцов на один с горизонтальной вкладкой «Моя учетная запись woocommerce».

#html #css #bootstrap-4

Вопрос:

Я хотел превратить представление страницы моей учетной записи в представление с одним столбцом, прямо сейчас у нее есть боковая панель слева, я хочу изменить ее встроенное представление для вкладок, списки вкладок вверху в горизонтальном представлении, как навигация, и под данными вкладки. Я пытался, но не получил того представления, которое я ищу, если кто-нибудь может помочь мне достичь этого представления, я буду очень благодарен.

 lt;div id="profile-account2" class="bootstrap-wrapper around-separetor"gt;  lt;div class="row margin-top-10"gt;  lt;div class="col-md-4 col-sm-4 col-xs-12"gt;  lt;!-- BEGIN PROFILE SIDEBAR --gt;  lt;div class="profile-sidebar"gt;  lt;!-- PORTLET MAIN --gt;  lt;div class="portlet portlet0 light profile-sidebar-portlet"gt;  lt;!-- SIDEBAR USERPIC --gt;  lt;div class="profile-userpic text-center" id="profile_image_main"gt;  lt;?php  $iv_profile_pic_url=get_user_meta($current_user-gt;ID, 'iv_profile_pic_thum',true);  if($iv_profile_pic_url!=''){ ?gt;  lt;img src="lt;?php echo esc_url($iv_profile_pic_url); ?gt;"gt;  lt;?php  }else{  echo' lt;img src="'. wp_iv_property_URLPATH.'assets/images/Blank-Profile.jpg"gt;';  }  ?gt;  lt;/divgt;  lt;!-- END SIDEBAR USERPIC --gt;  lt;!-- SIDEBAR USER TITLE --gt;  lt;div class="profile-usertitle"gt;  lt;div class="profile-usertitle-name"gt;  lt;?php  $name_display=get_user_meta($current_user-gt;ID,'first_name',true).' '.get_user_meta($current_user-gt;ID,'last_name',true);  echo (trim($name_display)!=""? $name_display : $current_user-gt;display_name );?gt;  lt;/divgt;  lt;div class="profile-usertitle-job"gt;  lt;?php echo esc_html(get_user_meta($current_user-gt;ID,'occupation',true)); ?gt;  lt;/divgt;  lt;/divgt;  lt;!-- END SIDEBAR USER TITLE --gt;  lt;!-- SIDEBAR BUTTONS --gt;  lt;div class="profile-userbuttons"gt;  lt;button type="button" onclick="edit_profile_image('profile_image_main');" class="btn green-haze btn-circle"gt;lt;?php esc_html_e('Change Image','ivproperty'); ?gt; lt;/buttongt;  lt;/divgt;  lt;!-- END SIDEBAR BUTTONS --gt;  lt;!-- SIDEBAR MENU --gt;  lt;div class="profile-usermenu"gt;  lt;?php  $active='all-post';  if(isset($_GET['profile']) AND $_GET['profile']=='setting' ){  $active='setting';  }  if(isset($_GET['profile']) AND $_GET['profile']=='level' ){  $active='level';  }  if(isset($_GET['profile']) AND $_GET['profile']=='all-post' ){  $active='all-post';  }  if(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){  $active='new-post';  }  if(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){  $active='new-post';  }  if(isset($_GET['profile']) AND $_GET['profile']=='bidding' ){  $active='bidding';  }  if(isset($_GET['profile']) AND $_GET['profile']=='favorites' ){  $active='favorites';  }  if(isset($_GET['profile']) AND $_GET['profile']=='who-is-interested' ){  $active='who-is-interested';  }  if(isset($_GET['profile']) AND $_GET['profile']=='balance' ){  $active='balance';  }  if(isset($_GET['profile']) AND $_GET['profile']=='post-edit' ){  $active='all-post';  }  $post_type= 'property';  ?gt;  lt;ul class="nav"gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menu_listinghome' ) ) {  $account_menu_check= get_option('_iv_property_menu_listinghome');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class=""gt;  lt;a href="lt;?php echo get_post_type_archive_link( 'property' ) ; ?gt;"gt;  lt;i class="fas fa-home"gt;lt;/igt;  lt;?php esc_html_e('Listing Home','ivproperty'); ?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_mylevel' ) ) {  $account_menu_check= get_option('_iv_property_mylevel');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='level'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=level"gt;  lt;i class="fas fa-user-clock"gt;lt;/igt;  lt;?php esc_html_e('Membership Level','ivproperty'); ?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menusetting' ) ) {  $account_menu_check= get_option('_iv_property_menusetting');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='setting'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=setting"gt;  lt;i class="fa fa-cog"gt;lt;/igt;  lt;?php esc_html_e('Account Settings','ivproperty');?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menuallpost' ) ) {  $account_menu_check= get_option('_iv_property_menuallpost');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='all-post'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=all-post"gt;  lt;i class="fas fa-list-ul"gt;lt;/igt;  lt;?php esc_html_e('All Listing','ivproperty');?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menunewlisting' ) ) {  $account_menu_check= get_option('_iv_property_menunewlisting');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='new-post'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=new-post"gt;  lt;i class="fas fa-plus-circle"gt;lt;/igt;  lt;?php esc_html_e('New Listing','ivproperty');?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menufavorites' ) ) {  $account_menu_check= get_option('_iv_property_menufavorites');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='favorites'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=favorites"gt;  lt;i class="fas fa-heart"gt;lt;/igt;  lt;?php esc_html_e('My Favorites','ivproperty');?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php  $account_menu_check= '';  if( get_option( '_iv_property_menuinterested' ) ) {  $account_menu_check= get_option('_iv_property_menuinterested');  }  if($account_menu_check!='yes'){  ?gt;  lt;li class="lt;?php echo ($active=='who-is-interested'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo get_permalink(); ?gt;?amp;profile=who-is-interested"gt;  lt;i class="fas fa-user-plus"gt;lt;/igt;  lt;?php esc_html_e('Who is Interested','ivproperty');?gt; lt;/agt;  lt;/ligt;  lt;?php  }  ?gt;  lt;?php $old_custom_menu = array();  if(get_option('iv_property_profile_menu')){  $old_custom_menu=get_option('iv_property_profile_menu' );  }  $ii=1;  if($old_custom_menu!=''){  foreach ( $old_custom_menu as $field_key =gt; $field_value ) { ?gt;  lt;li class="lt;?php echo ($active=='new-post'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo esc_url($field_value); ?gt;"gt;  lt;i class="fa fa-cog"gt;lt;/igt;  lt;?php echo esc_html($field_key);?gt; lt;/agt;  lt;/ligt;  lt;?php  }  }  ?gt;  lt;li class="lt;?php echo ($active=='log-out'? 'active':''); ?gt; "gt;  lt;a href="lt;?php echo wp_logout_url( home_url() ); ?gt;" gt;  lt;i class="fas fa-sign-out-alt"gt;lt;/igt;  lt;?php esc_html_e('Sign out','ivproperty');?gt;  lt;/agt;  lt;/ligt;  lt;/ulgt;  lt;/divgt;  lt;!-- END MENU --gt;  lt;/divgt;  lt;!-- END PORTLET MAIN --gt;  lt;!-- PORTLET MAIN --gt;  lt;!-- END PORTLET MAIN --gt;  lt;/divgt;  lt;/divgt;  lt;!-- END BEGIN PROFILE SIDEBAR --gt;  lt;!-- BEGIN PROFILE CONTENT --gt;  lt;?php ?gt;  lt;div class="col-md-8 col-sm-8 col-xs-12"gt;  lt;?php  if(isset($_GET['profile']) AND $_GET['profile']=='all-post' ){  include( wp_iv_property_template. 'private-profile/profile-all-post-1.php');  } elseif(isset($_GET['profile']) AND $_GET['profile']=='bidding' ){  include( wp_iv_property_template. 'private-profile/bidding-1.php');  } elseif(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){  include( wp_iv_property_template. 'private-profile/profile-new-post-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='new-post' ){  include( wp_iv_property_template. 'private-profile/profile-new-post-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='level' ){  include( wp_iv_property_template. 'private-profile/profile-level-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='post-edit' ){  include( wp_iv_property_template. 'private-profile/profile-edit-post-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='favorites' ){  include( wp_iv_property_template. 'private-profile/my-favorites-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='who-is-interested' ){  include( wp_iv_property_template. 'private-profile/interested-1.php');  }elseif(isset($_GET['profile']) AND $_GET['profile']=='setting' ){  include( wp_iv_property_template. 'private-profile/profile-setting-1.php');  }  else{  include( wp_iv_property_template. 'private-profile/profile-all-post-1.php');  }  ?gt;  lt;/divgt;  lt;/divgt; lt;/divgt;  

Текущий вид 2 столбцов