- このトピックには20件の返信、2人の参加者があり、最後に
により5年、 11ヶ月前に更新されました。
-
投稿
-
上記コードだけを張り付けてもヘッダーが出力されません。
snow_monkey_pre_page_header_image_urlとsnow_monkey_is_output_page_header_titleのコードも貼り付けていますかね？snow_monkey_is_output_page_headerだけでは出ないです。snow_monkey_is_output_page_headerの中でechoするのは作法として正しくないのでちゃんと修正したほうが良いと思うのですが、うーん、バージョンが同じで挙動が違うというのは、多分ちょっとした間違いか、他のコードが影響しているのかなぁという感じです。以下確認です。
– template-parts/page-header.php を子テーマで上書きされていますか？
– WooCommerce 以外の全てのプラグインを停止し、子テーマの中身を functions.php だけにし、functions.php の中身を僕が提示したコードだけにした場合でも状況は変わらないでしょうか？Snow Monkey v5 を開発中ですが、WooCommerce はこれから伸びてくると思いますし、毎回 functions.php で調整するのは大変なので、v5 に機能追加して WooCommerce の場合はカスタマイザーからページヘッダーを設定できるようにするのも良いかもですね。
いいねをした人: 居ません下記、試してみましたが状況は変わりませんでした。
> – WooCommerce 以外の全てのプラグインを停止し、子テーマの中身を functions.php だけにし、>functions.php の中身を僕が提示したコードだけに・・・結局以下のコードを functions.php に記述して思い通りの動作になったのでコレで良しとするか悩んでます^^;
（ヘッダー画像の高さも min-height:200px; としています）他の回避方法として、WooCommerce関連のページだけヘッダー（ナビゲーション）を固定に変更することができれば、いいのですが。
別件で気になったのですが、商品ページの商品画像の上のズームアイコンが、ヘッダーを突き抜けてます。z-index 9→2で直りそうです。
スピーディーな対応ありがとうございます。add_filter( 'snow_monkey_is_output_page_header', function( $return ) { if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) { //商品一覧 商品詳細 商品カテゴリー 商品タグ if ( is_shop() || is_product() || is_product_category() || is_product_tag() ) { echo " <div class='c-page-header js-bg-parallax' data-has-content='true' data-has-image='true' style='min-height:200px;'> <div class='c-page-header__bgimage js-bg-parallax__bgimage'> <img src='/wp/wp-content/uploads/2018/11/header_inquiry.jpg' alt=''> </div> </div>"; } } elseif( function_exists( 'is_woocommerce' ) && is_cart() ) { // カート echo " <div class='c-page-header js-bg-parallax' data-has-content='true' data-has-image='true' style='min-height:200px;'> <div class='c-page-header__bgimage js-bg-parallax__bgimage'> <img src='/wp/wp-content/uploads/2018/11/header_inquiry.jpg' alt=''> </div> </div>"; } elseif( function_exists( 'is_woocommerce' ) && is_checkout() ) { // チェックアウト echo " <div class='c-page-header js-bg-parallax' data-has-content='true' data-has-image='true' style='min-height:200px;'> <div class='c-page-header__bgimage js-bg-parallax__bgimage'> <img src='/wp/wp-content/uploads/2018/11/header_company.jpg' alt=''> </div> </div>"; } } );いいねをした人: 居ません下記、試してみましたが状況は変わりませんでした。
うーん、となるとちょっとわからないですね…。もしよかったら、DM かメールで functions.php を送ってもらえないでしょうか？こちらの環境の functions.php に貼り付けてみて試してみたいです。
いいねをした人: 居ません原因がわかりました！優先順位の指定が必要だったようです。
snow_monkey_is_output_page_headerを優先度 11 で実行するようにすると表示されました。/** * WooCommerce の商品一覧ページで、ページヘッダーを表示 */ add_filter( 'snow_monkey_is_output_page_header', function( $return ) { if ( function_exists( 'is_woocommerce' ) && is_woocommerce() ) { if ( is_shop() || is_singular( 'product' ) ) { return true; } } return $return; }, 11 ); /** * WooCommerce の商品一覧ページでページヘッダーに表示する画像を指定 */ add_filter( 'snow_monkey_pre_page_header_image_url', function( $url ) { if ( function_exists( 'is_woocommerce' ) && is_woocommerce() && is_shop() ) { return '/wp/wp-content/uploads/2018/11/header_inquiry.jpg'; } return $url; } ); /** * WooCommerce の商品一覧ページでページヘッダーにタイトルを表示 */ add_filter( 'snow_monkey_is_output_page_header_title', function( $return ) { if ( function_exists( 'is_woocommerce' ) && is_woocommerce() && is_shop() ) { return true; } return $return; } );いいねをした人: 居ません
- トピック「WooCommerce でオーバーレイ設定時のヘッダについて」には新しい返信をつけることはできません。