mrsmith11

ありがとうございます。

tablepressですね、検索してみます。

なぜか私のサイトでは、純正のtableの編集が機能していないんですよね（表示されない）

なぜなんでしょうか・・・。

ありがとうございます。

やってみたのですが、なぜかそこの部分を追加CSSを使って指定しても、全く反映されないんですよね・・・（ボタンの中の文字を場所を変えたいのに、そのボタンごと動いてしまう）

普通に

.after-checkout-button{
}

で書いてもだめで、

@media screen and (min-width:480px) { 
    /*　for iPhone Landscape　(iPhone 横)　*/
 
}
@media screen and (min-width:768px) and ( max-width:1024px) {
    /*　for iPad 　*/
 
}
@media screen and (min-width:1024px) {
    /*　for PC　*/
 
}

こんなかんじのメディアクエリで指定しても、反映されないんですよね。（ボタンの中の文字を場所を変えたいのに、そのボタンごと動いてしまう）

なので、ボタンの中の

<code>.checkout-button.button.alt.wc-forward{}</code>

で指定すればちゃんと動くのですが、そうすると、オリジナルの「お支払いへ進む」も同様に動いてしまって・・・
オリジナルの「お支払いへ進む」の文字はそのままでいいので、新しく追加したほうの「お支払いへ進む」の文字だけ動かしたくて。

そもそも、最初にお教えいただいた、

function show_checkout_button(){
    wc_get_template( 'cart/proceed-to-checkout-button.php' );
}
add_action( 'woocommerce_cart_actions', 'show_checkout_button' );

に、直にCSSを追加する方法はないのでしょうか？

ここで直に指定できれば、手っ取り早いのですが。。。

すみませんが、よろしくお願い致します。

※CSSは勉強中ですが、覚えることが多く、追いついていません。。。訊いてばかりですみません。

• この返信は3年、 2ヶ月前にmrsmith11が編集しました。

単純にCSSの問題だと思います。
Chrome等のデベロッパーツールでスマホ表示に切り替えて、該当箇所のCSSがどこに記述されているのか確認し、同じ指定方法で自身の用意したCSSファイルに修正したCSSを記述すればなんとかなると思います。
メディアクエリの記述方法を調べてみてください。

ありがとうございます。

cssでいうと、「line-height: 20px;」の部分が影響しているのですが、
これをいじってしまうと、なぜか、オリジナルのほうの「お支払へ進む」ボタンのレイアウトまで崩れてしまうんですよね・・・。
そもそもなぜか今回追加したほうの「お支払へ進む」ボタンだけレイアウトが崩れるのか不明です。
（しかもスマホとタブレット表示のみ）

同様にWooCommerceが表示を担っていますが、明確に分かるフックがなかったので、ちょっと分かりかねます。WooCommerce独自のfunctionを使っているようなので、もう少しWooCommerceに詳しい方の登場待ちでしょうか…

なるほど、そうでしたか。
ありがとうございます。

他に分かる人がいればいいのですが・・・。

ありがとうございます。

やってみたら、できました。

しかし、タブレットとスマホ版の表示だけ、
「お支払いを進む」の文字が少し上にズレて表示されます。
（PC表示は問題ないのですが）

これを解決する方法はないでしょうか？

また、商品をカゴの中に入れた時に表示される「View Cart（お買い物かごを表示）」ボタンの下、もしくは横にも「PROCEED TO CHECKOUT（お支払へ進む）」のボタンを表示させたいです。

これはなんと記述すればいいのでしょうか？

質問ばかりで恐れ入りますが、差し支えなければお教えいただけないでしょうか。
よろしくお願いいたします。

別件で忙しく、お返事が遅くなりました。すみません。

先程やってみたところ、無事表示することができました！

ありがとうございました！

kaizawa様

ありがとうございます。

そうなんです・・・。申し訳ないです。

一時的にテーマを変えることはできます。
何をすれば、どちらに問題があるか見極めることができるのでしょうか？

ありがとうございます。やってみたんですけどやはりだめでしたね・・・。

デバックサイトなので、貼り付けることができないんですよね。

困りました。

ありがとうございます。たしかにphpをいじった記憶があります。もとに戻すには、どこに何を足せば良いのでしょうか？

CSSで日付を表すclassを指定して・・・などはしてない印象です。プラグインも使っておりません。当時はそんなものがなかったか、あることをしらなかったかのどちらかでした。

テーマは、以下を使用しております。

Blogghiamoバージョン: 1.8.9
作者: Rizzo Andrea – CrestaProject.com

再表示できそうでしょうか？

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