- このトピックには5件の返信、3人の参加者があり、最後に
により2年、 11ヶ月前に更新されました。
-
投稿
-
【お使いの 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を読み込んだ後に読み込ませることができる方法があれば教えてください。
よろしくお願いいたします。いいねをした人: 居ませんご返信ありがとうございます。
依存関係を複数指定できるのは知っております。
今はページのHTMLを見てリンクされているCSSのidから‘snow-monkey-woocommerce-theme’
の後かな？
というように見当をつけて指定していますが、書き方によってCSSが読み込まれる順序が変わってしまい試行錯誤が必要になります。
だからといって配列で片っ端から指定するのもどうかと思いまして、[ Framework\Helper::get_main_style_handle() ],
のように変数的なもので Snow Monkey の WooCommerce用CSSを正しく上書きできる融通の利く指定方法があるのかを知りたいというのが質問の主旨です。
よろしくお願いいたします。
いいねをした人: 居ませんだからといって配列で片っ端から指定するのもどうかと思いまして
依存関係を正しく指定するのなら、片っ端から指定するしかないんじゃないかなーと思います。
[ 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', ]いいねをした人:
Snow Monkey の WooCommerce 用 CSS の後ということであれば
[ Helper::get_main_style_handle() . '-woocommerce', ]で多分大丈夫だと思いますが、WooCommerce の CSS やコアブロックの CSS よりも必ず後ということだれば、まーちゅうさんが書かれているように片っ端から指定するしかないと思います。
いいねをした人: 居ません
- トピック「WooCommerceのCSSを上書きする際の依存関係の指定方法」には新しい返信をつけることはできません。