WooCommerce でオーバーレイ設定時のヘッダについて

0
いいねをした人: 居ません
6件の投稿を表示中 - 16 - 21件目 (全21件中)
  • 投稿者
    投稿
  • #7728
    キタジマ タカシ
    参加者
    2234

    上記コードだけを張り付けてもヘッダーが出力されません。

    snow_monkey_pre_page_header_image_urlsnow_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 の場合はカスタマイザーからページヘッダーを設定できるようにするのも良いかもですね。

    0
    いいねをした人: 居ません
    #7739
    ta9pon
    参加者
    1

    下記、試してみましたが状況は変わりませんでした。
    > – 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>";
    		}
    	}
    );
    
    
    0
    いいねをした人: 居ません
    #7743
    キタジマ タカシ
    参加者
    2234

    下記、試してみましたが状況は変わりませんでした。

    うーん、となるとちょっとわからないですね…。もしよかったら、DM かメールで functions.php を送ってもらえないでしょうか?こちらの環境の functions.php に貼り付けてみて試してみたいです。

    0
    いいねをした人: 居ません
    #7808
    キタジマ タカシ
    参加者
    2234

    原因がわかりました!優先順位の指定が必要だったようです。
    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;
    	}
    );
    0
    いいねをした人: 居ません
    #7812
    ta9pon
    参加者
    1

    いろいろとありがとうございました。(^▽^)/
    バッチリ表示できました!
    これからも「Snow Monkey」の進化を楽しみにしています。

    0
    いいねをした人: 居ません
    #7828
    キタジマ タカシ
    参加者
    2234

    もしアップデートして表示が変わった場合はまたトピックたててください!
    このトピックは閉じますね。

    0
    いいねをした人: 居ません
6件の投稿を表示中 - 16 - 21件目 (全21件中)
  • トピック「WooCommerce でオーバーレイ設定時のヘッダについて」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。