zone de recherche s'affiche en double

zone de recherche s'affiche en double - PHP - Programmation

Marsh Posté le 02-04-2014 à 00:14:25    

Bonjour,
Je suis sous wordpress (3.8)
J'ai installé un plugin qui me permet d’insérer le search dans ma barre de menu horizontal.
Le problème c'est qu'il se rajoute automatiquement aussi dans mon menu vertical. (et cela j'en ai pas besoin.) et dans le menu de mon Footer (horreur je viens de m'en apercevoir)
 
Je me suis donc dit, que je devais transformer le code du plugin et lui dire que la zone de recherche ne dois s'afficher que dans le menu horizontal.
Mais voilà, j'y arrive pas, malgré quelques éssayes.
Voici mon code du plugin :
 

Code :
  1. <?php
  2. /*
  3. Plugin Name: Search box on Navigation Menu
  6. */
  8. add_filter('wp_nav_menu_items','add_search_box', 10, 2);
  9. function add_search_box($items, $args) {
  11.         ob_start();
  12.         get_search_form();
  13.         $searchform = ob_get_contents();
  14.         ob_end_clean();
  16.         $items .= '<li>' . $searchform . '</li>';
  18.     return $items;
  19. }
  20. ?>

 
Et voici le contenu de firebug lorsque je clique sur un la zone recherche de mon menu horizontal :
 

Code :
  1. <div id="content">
  2. <div id="content-inner" class="container clearfix">
  3. <div id="header" class="hb_sticky_nav clearfix">
  4. <div id="main-navigation-wrapper-sticky-wrapper" class="sticky-wrapper" style="height: 38px;">
  5. <div id="main-navigation-wrapper" class="navigation-class clearfix">
  6. <ul id="nav" class="menu clearfix sf-js-enabled">
  7. <li class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-18 current_page_item menu-item-26">
  8. <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-390">
  9. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65">
  10. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64">
  11. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-63">
  12. <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-613">
  13. <li>
  14. <form id="search-404" action="http://www.saphonyx.be/" method="get" role="search">
  15. <input id="search" type="text" name="s" placeholder="Search and hit enter...">
  16. <input id="submit-search" type="submit" value="">


 
 
Voici le code lorque je clique sur le search du menu vertical que je veux faire disparaitre :
 

Code :
  1. <div id="sidebar-page-wrapper" class="clearfix">
  2. <div id="main-content-with-sidebar" class="col-8">
  3. <div id="main-sidebar" class="col-4">
  4. <div id="main-sidebar-inner">
  5. <div id="dc_jqverticalmegamenu_widget-2" class="widget-item clearfix ">
  6. <div id="dc_jqverticalmegamenu_widget-2-item" class="dcjq-vertical-mega-menu">
  7. <ul id="menu-recherche" class="menu right">
  8. <li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-34">
  9. <li id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-37 dc-mega-li">
  10. <li id="menu-item-156" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-156 dc-mega-li">
  11. <li id="menu-item-155" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-155">
  12. <li id="menu-item-154" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-154">
  13. <li id="menu-item-153" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-153">
  14. <li class="">
  15. <form id="search-404" action="http://www.saphonyx.be/" method="get" role="search">
  16. <input id="search" type="text" name="s" placeholder="Search and hit enter...">
  17. <input id="submit-search" type="submit" value="">


 
 
Si vous pouviez me donner des indices se serait super.
merci d'avance
Nicolas


Message édité par fly_in_the_sky le 02-04-2014 à 00:40:42
Reply

Marsh Posté le 02-04-2014 à 00:14:25   

Reply

Marsh Posté le 03-04-2014 à 09:57:16    

tente ça :

Code :
  1. <?php add_filter('wp_nav_menu_items','add_search_box', 10, 2);
  2.  
  3.  
  4. function add_search_box($items, $args) {
  5.   if ($args->theme_location == 'main_navigation') {//verifie qu'on est dans le bon contenant
  6.         ob_start();
  7.         get_search_form();
  8.         $searchform = ob_get_contents();
  9.         ob_end_clean();
  10.  
  11.     $items .= '<li class="searchbox">' . $searchform . '</li>';
  12.   }
  13.   return $items;   
  14.      
  15. }?>

Reply

Marsh Posté le 03-04-2014 à 10:03:51    

Merci j'éssaye de suite.
nico


Message édité par fly_in_the_sky le 03-04-2014 à 10:04:25
Reply

Marsh Posté le 03-04-2014 à 10:24:08    

Bon ca a fait planté le site, j'ai remis comme avant via le ftp.
Tu dis qu'il faut que je vérifié si je suis dans le bon contenant. peut - tu mieux m'expliquer comment vérifié ou mettre dans le bon contenant ?
Merci

Reply

Marsh Posté le 03-04-2014 à 10:41:15    

il faudrait ton code sur comment sont créées tes barres de menu horizontal, vertical, footer.

Reply

Marsh Posté le 03-04-2014 à 15:11:11    

C'est grâce au template, il y a un appel dans les templates qui appelle le header, et le footer.
 
voici le fichier header.php de mon thème.

Code :
  1. <?php
  2. /**
  3. * @package WordPress
  4. * @subpackage Aegaeus
  5. */
  7. global $data, $post;
  8. ?>
  9. <!DOCTYPE HTML>
  10. <!-- START html -->
  11. <!--[if IE 8]>
  12. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); echo ' class="ie ie8"';?>>
  13. <![endif]-->
  14. <!--[if !IE]>-->
  15. <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes();
  16. if(is_admin_bar_showing()) {
  17. echo ' style="margin-top:28 !important; "';
  18. }?>>
  19. <!--<![endif]-->
  22. <!-- START head -->
  23. <head>
  25. <?php if ( !is_404() ) print_meta_tags( get_the_ID() ); ?>
  27. <?php add_favicon(); ?>
  29. <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" />
  31. <?php if($data['hb_use_custom_typography']){ ?>
  32. <!-- BEGIN Typography Styles from Theme Options -->
  33. <style type="text/css">
  34. body, a, ul li a { font-family: <?php echo $data['hb_body_font']['face']; ?>; font-size: <?php echo $data['hb_body_font']['size']; ?> !important; color: <?php echo $data['hb_body_font']['color']; ?>; font-weight: <?php echo $data['hb_body_font']['style']; ?> !important; }
  35. h1 { font-family: <?php echo $data['hb_h1_font']['face']; ?>; font-size: <?php echo $data['hb_h1_font']['size']; ?> !important; color: <?php echo $data['hb_h1_font']['color']; ?>; font-weight: <?php echo $data['hb_h1_font']['style']; ?> !important; }
  36. h2 { font-family: <?php echo $data['hb_h2_font']['face']; ?>; font-size: <?php echo $data['hb_h2_font']['size']; ?> !important; color: <?php echo $data['hb_h2_font']['color']; ?>; font-weight: <?php echo $data['hb_h2_font']['style']; ?> !important; }
  37. h3 { font-family: <?php echo $data['hb_h3_font']['face']; ?>; font-size: <?php echo $data['hb_h3_font']['size']; ?> !important; color: <?php echo $data['hb_h3_font']['color']; ?>; font-weight: <?php echo $data['hb_h3_font']['style']; ?> !important; }
  38. h4 { font-family: <?php echo $data['hb_h4_font']['face']; ?>; font-size: <?php echo $data['hb_h4_font']['size']; ?> !important; color: <?php echo $data['hb_h5_font']['color']; ?>; font-weight: <?php echo $data['hb_h5_font']['style']; ?> !important; }
  39. h5 { font-family: <?php echo $data['hb_h5_font']['face']; ?>; font-size: <?php echo $data['hb_h5_font']['size']; ?> !important; color: <?php echo $data['hb_h5_font']['color']; ?>; font-weight: <?php echo $data['hb_h5_font']['style']; ?> !important; }
  40. h6 { font-family: <?php echo $data['hb_h6_font']['face']; ?>; font-size: <?php echo $data['hb_h6_font']['size']; ?> !important; color: <?php echo $data['hb_h6_font']['color']; ?>; font-weight: <?php echo $data['hb_h6_font']['style']; ?> !important; }
  41. #nav li a{ font-family: <?php echo $data['hb_nav_font']['face']; ?>; font-size: <?php echo $data['hb_nav_font']['size']; ?> !important; color: <?php echo $data['hb_nav_font']['color']; ?>; font-weight: <?php echo $data['hb_nav_font']['style']; ?> !important; }
  42. #footer, #footer ul, #main-sidebar, #mai-sidebar ul { font-family: <?php echo $data['hb_widget_font']['face']; ?>; font-size: <?php echo $data['hb_widget_font']['size']; ?> !important; color: <?php echo $data['hb_widget_font']['color']; ?>; font-weight: <?php echo $data['hb_widget_font']['style']; ?> !important; }
  44. <?php if( $data['hb_custom_font_import'] ) { echo $data['hb_custom_font_import']; } ?>
  46. </style>
  47. <!-- END Typography Styles -->
  48. <?php } ?>
  51. <!--[if IE]>
  52. <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/font-awesome-ie7.css" type="text/css" media="all"/>
  53. <![endif]-->
  54. <!--[if lt IE 9]>
  55. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
  56. <![endif]-->
  58. <?php include ( HBTHEMES_INCLUDES . '/theme-options-styles.php' ); ?>
  60. <!-- Custom CSS -->
  61. <?php if ( $data['hb_custom_css_field'] ) { ?>
  62. <style type="text/css">
  63. <?php echo $data['hb_custom_css_field'] ; ?>
  64. </style>
  65. <?php } ?>
  66. <!-- Custom CSS END -->
  68. <?php wp_head(); ?>
  70. </head>
  71. <!-- END head -->
  74. <?php $body_kikkey = "";
  75. if ( $data['hb_include_to_top'] )
  76.  $body_kikkey = "kikkey-top";
  77. ?>
  78. <!-- START body -->
  79. <body <?php body_class($body_kikkey); ?>>
  81. <?php add_background_image ( get_the_ID() ); ?>
  83. <!-- START #wrapper -->
  85. <div id="wrapper" class="<?php
  86.  $space = "";
  87.  if ( !$data['hb_enable_bottom_line'] ){
  88.   echo 'hide-bottom-line ';
  89.  }
  90.  if ( !$data['hb_enable_main_shadow'] ){
  91.   echo 'no-shadow-layout ';
  92.  }
  93.  echo $data['hb_choose_layout_type'] . ' ';
  94.  if ( !is_page_title_enabled ( get_the_ID() ) ) {
  95.   echo 'page-no-title';
  96.   $space = " ";
  97.  }
  98.  $hb_page_sidebar_position = sanitize_title ( get_post_meta ( get_the_ID() , 'hb_page_sidebar_position' , true ) );
  99.  if ( is_archive() || is_category() || is_tag() || is_search() || is_author() || is_attachment() ) {
  100.   if ( strtolower ( $data['hb_archive_pages_sidebar_position'] ) != 'none' )
  101.    $hb_page_sidebar_position = $data['hb_archive_pages_sidebar_position'];
  103.  }
  105.  if ( page_has_sidebar ( get_the_ID() ) ) echo $space.$hb_page_sidebar_position;
  107. ?>">
  109. <?php add_map_dropdown(); ?>
  111. <!-- START #content -->
  112. <div id="content">
  114. <!-- START #content-inner -->
  115. <div id="content-inner" class="container clearfix">
  117. <?php add_theme_header(); ?>
  118. <?php
  119.  // check if landing page and main navigation is disabled
  120.  if ( get_current_template() == "page-landing.php" )  {
  121.   if ( get_post_meta ( get_the_ID() , 'hb_disable_main_navigation', true ) != "on" ){
  122.    add_theme_main_nav();
  123.   }
  124.  }
  125.  else
  126.   add_theme_main_nav();
  127. ?>
  128. <?php add_header_separator( get_the_ID() ); ?>
  130. <?php add_page_featured_image_slider( get_the_ID() ); ?>
  132. <!-- START #main-content -->
  133. <div id="main-content" class="clearfix" >
  135. <!-- START #main-inner-wrapper -->
  136. <div id="main-inner-wrapper" class="col-12 clearfix<?php if ( page_has_sidebar( get_the_ID() ) ) echo ' page-with-sidebar'; ?>">
  138. <?php add_page_title( get_the_ID() ); ?>
  140. <?php if ( !page_has_sidebar( get_the_ID() ) ) { ?>
  141. <!-- START #fullwidth-wrapper -->
  142. <div id="fullwidth-wrapper" class="section clearfix">
  143. <?php } else { ?>
  144. <!-- START #sidebar-page-wrapper-->
  145. <div id="sidebar-page-wrapper" class="clearfix">
  147. <!-- START #main-content-with-sidebar" -->
  148. <div id="main-content-with-sidebar" class="col-8">
  149. <?php } ?>
  151. <?php if ( get_post_meta ( get_the_ID() , 'hb_include_breadcrumbs' , true ) || is_archive() || is_search() ) hbthemes_breadcrumbs(); ?>


 
le fichier footer.php
 

Code :
  1. <?php
  2. /**
  3. * @package WordPress
  4. * @subpackage Aegaeus
  5. */
  7. global $data;
  8. ?>
  9. <?php if ( !is_attachment() ) { ?>
  10.  <?php if ( comments_open() ) { comments_template(); ?>
  11.   <div class="spacer"></div>
  12.  <?php } ?>
  13. <?php } ?>
  15. <?php if ( !page_has_sidebar( get_the_ID() ) ) { ?>
  16.  </div>
  17.  <!-- END #fullwidth-wrapper -->
  18. <?php } else { ?>
  20.  </div>
  21.  <!-- END #main-content-with-sidebar -->
  23.  <!-- START #main-sidebar -->
  24.  <div id="main-sidebar" class="col-4">
  25.   <!-- START #main-sidebar-inner -->
  26.   <div id="main-sidebar-inner">
  27.   <?php
  28.    if ( is_archive() || is_category() || is_tag() || is_search() || is_author() ) {
  29.     dynamic_sidebar ( __('Default Sidebar' , 'hbthemes' ) );
  30.    } else {
  31.     dynamic_sidebar( get_post_meta ( get_the_ID() , 'hb_page_sidebar_name' , true ) );
  32.    }
  33.   ?>
  35.   </div>
  36.   <!-- END #main-sidebar-inner -->
  37.  </div>
  38.  <!-- END #main-sidebar -->
  40.  </div>
  41.  <!-- END #sidebar-page-wrapper -->
  43. <?php } ?>
  45. </div>
  46. <!-- END #main-inner-wrapper -->
  48. </div>
  49. <!-- END #main-content -->
  51. <!-- START #footer -->
  52. <?php $hb_footer_class = array(
  53.    'footer-style-01.png'=>array('1'=>'col-3', '2'=>'col-3', '3'=>'col-3', '4'=>'col-3'),
  54.    'footer-style-02.png'=>array('1'=>'col-3', '2'=>'col-3', '3'=>'col-6', '4'=>'hidden'),
  55.    'footer-style-03.png'=>array('1'=>'col-6', '2'=>'col-3', '3'=>'col-3', '4'=>'hidden'),
  56.    'footer-style-04.png'=>array('1'=>'col-3', '2'=>'col-6', '3'=>'col-3', '4'=>'hidden'),
  57.    'footer-style-05.png'=>array('1'=>'col-4', '2'=>'col-4', '3'=>'col-4', '4'=>'hidden'),
  58.    'footer-style-06.png'=>array('1'=>'col-8', '2'=>'col-4', '3'=>'hidden', '4'=>'hidden'),
  59.    'footer-style-07.png'=>array('1'=>'col-4', '2'=>'col-8', '3'=>'hidden', '4'=>'hidden'),
  60.    'footer-style-08.png'=>array('1'=>'col-6', '2'=>'col-6', '3'=>'hidden', '4'=>'hidden'),
  61.    'footer-style-09.png'=>array('1'=>'col-3', '2'=>'col-9', '3'=>'hidden', '4'=>'hidden'),
  62.    'footer-style-10.png'=>array('1'=>'col-9', '2'=>'col-3', '3'=>'hidden', '4'=>'hidden'),
  63.    'footer-style-11.png'=>array('1'=>'col-12', '2'=>'hidden', '3'=>'hidden', '4'=>'hidden'),
  65.   );
  66.   $hb_footer_style = $data['hb_footer_layout'];
  68.   if ( !$hb_footer_style ) $hb_footer_style = 'footer-style-1.png';
  70.   $hb_footer_class_id = "four-column-footer";
  71.   switch ($hb_footer_style) {
  72.    case 'footer-style-01.png':
  73.     $hb_footer_class_id = "four-column-footer";
  74.    break;
  75.    case 'footer-style-02.png':
  76.     $hb_footer_class_id = "three-column-footer";
  77.    break;
  78.    case 'footer-style-03.png':
  79.     $hb_footer_class_id = "three-column-footer";
  80.    break;
  81.    case 'footer-style-04.png':
  82.     $hb_footer_class_id = "three-column-footer";
  83.    break;
  84.    case 'footer-style-05.png':
  85.     $hb_footer_class_id = "three-column-footer";
  86.    break;
  87.    case 'footer-style-06.png':
  88.     $hb_footer_class_id = "two-column-footer";
  89.    break;
  90.    case 'footer-style-07.png':
  91.     $hb_footer_class_id = "two-column-footer";
  92.    break;
  93.    case 'footer-style-08.png':
  94.     $hb_footer_class_id = "two-column-footer";
  95.    break;
  96.    case 'footer-style-09.png':
  97.     $hb_footer_class_id = "two-column-footer";
  98.    break;
  99.    case 'footer-style-10.png':
  100.     $hb_footer_class_id = "two-column-footer";
  101.    break;
  102.    case 'footer-style-11.png':
  103.     $hb_footer_class_id = "one-column-footer";
  104.    break;
  106.   }
  107. ?>
  109. <?php if ( $data['hb_disable_footer'] == false && ( get_current_template() != "page-landing.php" || ( get_current_template() == "page-landing.php" && get_post_meta ( get_the_ID() , 'hb_disable_footer_widgets' , true ) != "on" ) ) ){ ?>
  110.  <div id="footer" class="<?php echo $hb_footer_class_id; ?>">
  112.   <div class="arrow-down"></div>
  114.   <!-- START #footer-inned -->
  115.   <div id="footer-inner" class="container clearfix">
  116.   <?php
  117.    for( $i=1 ; $i<=4; $i++ ){
  118.     echo '<div class="' . $hb_footer_class[$hb_footer_style][$i] . ' widget-column">';
  119.     dynamic_sidebar('Footer ' . $i);
  120.     echo '</div>';
  121.    }
  122.   ?>
  123.   </div>
  124.   <!-- END #footer-inner -->
  125.  </div>
  126.  <!-- END #footer -->
  127. <?php } ?>
  129. </div>
  130. <!-- END #content-inner -->
  132. </div>
  133. <!-- END #content -->
  135. <?php if ( $data['hb_disable_copyright_line'] == false ) { ?>
  136.  <!-- START #bottom-line -->
  137.  <div id="bottom-line" class="container clearfix">
  138.      <div id="bottom-inner" class="col-12 clearfix">
  139.       <div id="copyright-line">
  140.              <?php echo $data['hb_copyright']; ?>
  141.             </div>
  143.    <?php
  144.     // check if landing page and footer navigation is disabled
  145.     if ( get_current_template() == "page-landing.php" ) {
  146.      if ( get_post_meta ( get_the_ID() , 'hb_disable_footer_navigation', true ) != "on" )
  147.       add_theme_footer_nav();
  148.     } else {
  149.      add_theme_footer_nav();
  150.     }
  151.    ?>
  152.          
  153.            
  154.      </div>
  155.     </div>
  156.     <!-- END #bottom-line -->
  157.     <?php } ?>
  159. </div>
  160. <!-- END #wrapper -->
  162. <?php if ( $data['hb_analytics_code'] ) { echo $data['hb_analytics_code']; } ?>
  164. <?php wp_footer(); ?>
  166. </body>
  167. <!-- END body -->
  169. </html>
  170. <!-- END html -->


 
le code du plugin mega menumenu verticale[b][/b] (que j'ai rajouter)

Code :
  1. <?php
  2. /*
  3.  Plugin Name: jQuery Vertical Mega Menu
  4.  Plugin URI: http://www.designchemical.com/blog [...] nu-widget/
  5.  Tags: jquery, flyout, mega, menu, vertical, animated, css, navigation, widget
  6.  Description: Creates a widget, which allows you to add vertical mega menus to your side columns using any Wordpress custom menu.
  7.  Author: Lee Chestnutt
  8.  Version: 1.3.3
  9.  Author URI: http://www.designchemical.com
  10. */
  12. global $registered_skins;
  14. class dc_jqverticalmegamenu {
  16. function dc_jqverticalmegamenu(){
  17.  global $registered_skins;
  19.  if(!is_admin()){
  20.   // Header styles
  21.   add_action( 'wp_head', array('dc_jqverticalmegamenu', 'header') );
  23.  }
  24.  add_action( 'wp_footer', array('dc_jqverticalmegamenu', 'footer') );
  26.  $registered_skins = array();
  27. }
  29. function header(){
  30.  echo "\n\t<link rel=\"stylesheet\" type=\"text/css\" href=\"".dc_jqverticalmegamenu::get_plugin_directory()."/css/dcverticalmegamenu.css\" media=\"screen\" />";
  32.  // Scripts
  33.   wp_enqueue_script( 'jquery' );
  34.   wp_enqueue_script( 'jqueryhoverintent', dc_jqverticalmegamenu::get_plugin_directory() . '/js/jquery.hoverIntent.minified.js', array('jquery') );
  35.   wp_enqueue_script( 'dcjqverticalmegamenu', dc_jqverticalmegamenu::get_plugin_directory() . '/js/jquery.dcverticalmegamenu.1.3.js', array('jquery') );
  37. }
  39. function footer(){
  40.  //echo "\n\t";
  41. }
  43. function options(){}
  45. function get_plugin_directory(){
  46.  return WP_PLUGIN_URL . '/jquery-vertical-mega-menu';
  47. }
  49. };
  51. // Include the widget
  52. include_once('dcwp_jquery_vertical_mega_menu_widget.php');
  54. // Initialize the plugin.
  55. $dcjqverticalmegamenu = new dc_jqverticalmegamenu();
  57. // Register the widget
  58. add_action('widgets_init', create_function('', 'return register_widget("dc_jqverticalmegamenu_widget" );'));
  60. ?>


 
 
Merci


Message édité par fly_in_the_sky le 04-04-2014 à 11:40:15
Reply

Marsh Posté le 04-04-2014 à 09:45:48    

le dernier code c'est ton menu horizontal et seulement lui ?

Reply

Marsh Posté le 04-04-2014 à 11:37:51    

Escuse moi je me suis trompé.  Cest le menu vertical et seulement lui.
 
Le horizontal était compris dans mon thème.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed