[川井昌彦]

【お使いの Snow Monkey のバージョン】15.18.0
【お使いの Snow Monkey Blocks のバージョン】
【お使いの Snow Monkey Editor のバージョン】
【お使いのブラウザ】chrome
【当該サイトのURL】※ローカルで開発中のサイト

### 実現したいこと

WooCommerceの商品ページ内のスタイルを My Snow Monkey で上書きしたいです。

### 発生している問題

下記のように記述しました。

wp_enqueue_style(
  'my-style',
  MY_SNOW_MONKEY_URL . '/style.css',
  [ Framework\Helper::get_main_style_handle() ],
  filemtime( plugin_dir_path( __FILE__ ) )
);

しかし、themes/snow-monkey/assets/css/dependency/woocommerce/app-theme.css がこれの後から読み込まれて my-style が上書きされてしまいます。

### 試したこと

下記のように記述したら my-style で上書きできました。

wp_enqueue_style(
  'tomoni-style',
  MY_SNOW_MONKEY_URL . '/style.css',
  [ 'snow-monkey-woocommerce-theme'],
  filemtime( plugin_dir_path( __FILE__ ) )
);

こちらですが、
[ Framework\Helper::get_main_style_handle() ]
のような形で指定することは出来ますでしょうか？

可能なら、すべてのCSSを読み込んだ後に読み込ませることができる方法があれば教えてください。
よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[まーちゅう]

CSSの依存関係は、配列で複数指定が可能です。
以下のトピックが参考になると思います。

テーマ更新(バージョン 15.8.1)後にmy snow monkeyのCSS読み込み順が下がっている

このトピックには3件の返信、2人の参加者があり、最後にcojiにより5日、 22時間前に更新されました。 4件…

snow-monkey.2inc.org

Snow Monkey Mega MenuのCSS読み込み順をMy Snow Monkeyより先にしたい

このトピックには4件の返信、2人の参加者があり、最後にみしまにより2ヶ月前に更新されました。 5件の投稿を表示…

snow-monkey.2inc.org

♥ 2

いいねをした人:

[川井昌彦]

ご返信ありがとうございます。

依存関係を複数指定できるのは知っております。
今はページのHTMLを見てリンクされているCSSのidから

‘snow-monkey-woocommerce-theme’

の後かな？

というように見当をつけて指定していますが、書き方によってCSSが読み込まれる順序が変わってしまい試行錯誤が必要になります。
だからといって配列で片っ端から指定するのもどうかと思いまして、

[ Framework\Helper::get_main_style_handle() ],

のように変数的なもので Snow Monkey の WooCommerce用CSSを正しく上書きできる融通の利く指定方法があるのかを知りたいというのが質問の主旨です。

よろしくお願いいたします。

♥ 0

いいねをした人: 居ません

[まーちゅう]

だからといって配列で片っ端から指定するのもどうかと思いまして

依存関係を正しく指定するのなら、片っ端から指定するしかないんじゃないかなーと思います。

[
	Helper::get_main_style_handle() . '-woocommerce',
	Helper::get_main_style_handle() . '-woocommerce-app',
	Helper::get_main_style_handle() . '-woocommerce-theme',
	'wc-block-style',
	'woocommerce-layout',
	'woocommerce-smallscreen',
	'woocommerce-general',
	'wc-blocks-style',
	'wc-blocks-vendors-style',
]

♥ 2

いいねをした人:

[キタジマ タカシ]

Snow Monkey の WooCommerce 用 CSS の後ということであれば

[
	Helper::get_main_style_handle() . '-woocommerce',
]

で多分大丈夫だと思いますが、WooCommerce の CSS やコアブロックの CSS よりも必ず後ということだれば、まーちゅうさんが書かれているように片っ端から指定するしかないと思います。

♥ 0

いいねをした人: 居ません

[川井昌彦]

まーちゅうさん、キタジマさんありがとうございます。

Snow Monkey の WooCommerce用CSSが上書きできればいいので、キタジマさんのコードで行けました。（下記のように指定しました）

[ Framework\Helper::get_main_style_handle() . ‘-woocommerce’ ],

お二人とも、ありがとうございました。

トピック閉じます。

♥ 2

いいねをした人:

[投稿者]

投稿