[解決済み] WCEX Widget Cartでダイアログが画面外に

[FRA]

動作に関するご質問の場合は必ずご記入ください。

---

WordPress のバージョン：3.5.1

Welcart のバージョン：1.2.3

ご利用のテーマ：オリジナル

症状を確認したブラウザ：chrome, IE9

サーバー（会社名、サービス名）：minibird

SSLの利用：　共用SSL

WordPress のパーマリンク設定：デフォルト

---

いつもお世話になっております。

表題の通り、WCEX Widget Cart1.0.7を利用しておりますが、「カートに入れる」ボタンを押した時に一切ダイアログが出ず、画面に変化がないため表面上はボタンが壊れているようかに見えてしまいます。しかし実際はカートに商品が入っており、ウィジェット上では商品がカートに入っているのが見るとわかります。

一方、商品が入っているカートの、ウィジェット上の削除ボタンを押すと、「削除しています」「削除しました」というダイアログはきちんと出ます。

どのような原因が考えられるでしょうか？

[komokomo]

こんにちは。

恐らくjavascriptエラーだと思います。

ブラウザに何も出ていませんか？

パソコンの「エラーごとに通知」などを有効にしてみてください。

あとは、プラグイン同士で接触している可能性があるので1つ1つ無効にして確かめてください。

[FRA]

komokomo様、レスありがとうございます。

検証しましたところ、原因というか症状がわかりました。

ダイアログが画面外（ページの上部）で出ているようで、カートボタンがページ下部にあるために、一見すると何も起こっていないように見えてしまうようです。

（ウィジェットはページ上部にあるために、アイテム削除の時はダイアログが見えていました）

引き続き、症状改善につき開発者の方含めご助言ありましたら宜しくお願い致します。

[masuda-clair]

私も同様のことで、問い合わせていました。

で1.0.7でだいたいはよかったのですが、ブラウザのサイズで

はみ出したりするので、フックを利用して

ブラウザの固定位置へ表示するように変えました

特に、メインコンテンツの幅がブラウザの幅より大きく小さくなる場合

（半分程度）

このようになるみたいですね

（内部で、位置を計算しているようです）

参考になりましたでしょうか？

[FRA]

masuda-clair様、レスありがとうございます。

トピックを拝見させて頂きました。

cssでposition: fixedによって固定表示もしてみましたが、一見すると治ったかのように見えても、仰る通りブラウザの幅によってダイアログが画面外にはみでますね。フックでの調整を試みてみます。

以前のバージョンではこのようなことはなかったので、根本的な原因がわかると良いのですが・・・。

（症状が詳しくわかって参りましたので、トピックタイトルを解りやすく変更させて頂きました）

[nanbu]

こんにちは。

すみません。WCEX Widget Cart1.0.7 のバグの様です。

WCEX Widget Cart1.0.7 をお使いの場合は、このフィルターをテーマ内のfunctions.phpに追記してみて下さい。

add_filter( 'wcwc_filter_widgetcart_script', 'my_wcwc_script' );

function my_wcwc_script(){

$script = "<script type='text/javascript'>

/* <![CDATA[ */

wcwc_cssObj = {

'display': 'block',

'left': (jQuery(window).width()/2 - 100) + 'px',

'top': (jQuery(window).height()/2 - 40) + 'px',

'position': 'fixed'

};

/* ]]> */

</script>";

return $script;

}

[FRA]

nanbu様、ご確認頂きありがとうございました。

CSSによるレスポンシブデザインを利用しており、タブレットやスマホ等でブラウザ画面が小さくなるとまだ若干はみでますが（表示位置の数値を色々変えてみましたが、まだしっくりくるところが見つけられておりません）、全くダイアログが見えないこともないということで、ご教授頂いたコードにて一旦解決とさせて頂きます。ありがとうございました。

[投稿者]

投稿