バージョン選択

フォーラム

メニュー

オンライン状況

78 人のユーザが現在オンラインです。 (66 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 78
もっと...

サイト内検索

機能要望 > その他 > 「公式ガイドブック」のShadowbox化

その他

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
TKS
投稿日時: 2009/10/27 11:11
対応状況: −−−
新米
登録日: 2009/10/27
居住地:
投稿: 4
「公式ガイドブック」のShadowbox化
公式ガイドブックカスタマイズ編に記載の「商品拡大画像のShadowbox化」を行いました。

Shadowbox化の目的は達せたのですが、カートに入れる等のボタンのロールオーバーができなくなりました。
商品検索ブロックのみロールオーバーができています。

この現象は商品詳細ページでのみ発生します。トップページや一覧ページでは正常に動作しています。

Javascriptが原因であろうとは思うのですが、解決方法がわかりません。どなたかご教授願えませんでしょうか。

EC-CUBEのバージョンは2.4.1です。

seasoft
投稿日時: 2009/10/27 11:18
対応状況: −−−
登録日: 2008/6/4
居住地:
投稿: 7367
Re: 「公式ガイドブック」のShadowbox化
まずは、
http://xoops.ec-cube.net/modules/tinyd0/index.php?id=8
をご一読いただくと宜しいかと思います。

あと、公開可能ならば URL を貼っておくと、話が早いかもしれません。


----------------
Seasoft
こちらでの投稿は、アイディア程度に留めさせていただいております。
個別案件の作業は有償で承っております。お気軽にご相談ください。

TKS
投稿日時: 2009/10/27 14:37
対応状況: −−−
新米
登録日: 2009/10/27
居住地:
投稿: 4
Re: 「公式ガイドブック」のShadowbox化
seasoft様
早速レスいただきましてありがとうございます。

現在ローカル環境での勉強中ですので、公開ができません。
どこをどう変更したかを記載しようと思いましたが、書籍の数ページを転載してしまう形になってしまうのでやめておきます。

私は初心者でもない超初心者なので、今回はShadowbox化をあきらめて元に戻します。お騒がせをして申し訳ありません。

ちなみにこのShadowbox、Firefox3.5.3では表示できますが、IE8では表示できませんでした。やはり私には敷居が高かったようです。
flealog
投稿日時: 2009/10/27 15:21
対応状況: −−−
仙人
登録日: 2008/6/10
居住地:
投稿: 485
Re: 「公式ガイドブック」のShadowbox化
このカスタマイズを提供された株式会社ユアシスト様にお問い合わせてみてはいかがでしょうか?

私も書籍のことで一度お問い合わせしてみましたが、きちんと対応していただけました。


----------------
EC-CUBE3っぽいテンプレート
GitHub で公開中
https://github.com/bluestylejp

お問い合わせ番号CSV登録&メール送信プラグイン
http://urx.red/qDT6

TKS
投稿日時: 2009/10/28 16:53
対応状況: −−−
新米
登録日: 2009/10/27
居住地:
投稿: 4
Re: 「公式ガイドブック」のShadowbox化
flealog様
ありがとうございます。
早速、問い合わせをいたしました。
返信を待ちたいと思います。
GO-TEN
投稿日時: 2009/11/21 11:34
対応状況: −−−
新米
登録日: 2009/11/18
居住地:
投稿: 3
Re: 「公式ガイドブック」のShadowbox化
もうとっくに解決されているかも知れませんが・・・

detail.tpl の


window.onload = function(){
     Shadowbox.init();
};


の箇所を以下のように変更すると、私のサイトでは shadowbox と ロールオーバーが同時に利用できるようになりました。


$(document).ready(function() {
    Shadowbox.init();
});



site_main.tpl の

<body onload="preLoadImg('<!--{$TPL_DIR}-->');<!--{$tpl_onload}-->">

とコンフリクトしているんだろうなぁと思い、bodyにonload処理を書くのではなく、後でイベントを追加するfunctionを作って対応しようとしたのですが、うまくいかず。
問い合わせも出してみたのですが、提示していただいた方法
>「preLoadImg」を「PreLoadImg」に変更
でもうまくいかず。
結局上記の方法で回避されるようになりました。


余談ですが・・・
私もこちらの shadowbox化カスタマイズを行ったのですが、このバージョンの shadowboxだとIE8では動かない(スクリプトエラー)になりますね。
とりあえず互換モードで表示するように、site_frame.tpl の head 部分に

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

のタグを入れて使用しています。
shadowboxのバージョンをあげればいいのかもしれませんが、単純入れ替えでうまく行かなかったので、あきらめました。

----------------------
EC-CUBE 2.4.1(正式版)
TKS
投稿日時: 2009/11/25 9:24
対応状況: −−−
新米
登録日: 2009/10/27
居住地:
投稿: 4
Re: 「公式ガイドブック」のShadowbox化
GO-TEN様
>もうとっくに解決されているかも知れませんが・・・
全く解決しておりませんでした・・・
おかげさまで解決いたしました。
ありがとうございます。

>問い合わせも出してみたのですが、提示していただいた方法
>「preLoadImg」を「PreLoadImg」に変更
>でもうまくいかず。
私も同じ方法を提示していただいたのですが、上手くいきませんでした。

IE8で動作しなかった件については
js/skin/classic/skin.cssの
#shadowbox_title, #shadowbox_info {
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
の部分を
#shadowbox_title {
border: 0px solid;
}
#shadowbox_info {
border: 0px solid;
}
に書き換えることで解決しました。


GO-TEN
投稿日時: 2009/11/26 17:23
対応状況: −−−
新米
登録日: 2009/11/18
居住地:
投稿: 3
Re: 「公式ガイドブック」のShadowbox化
TKS樣

ご指摘の通りに skin.css を変更したらIE8でちゃんと動作しました!
IE6、IE8、IE8(互換モード)、FireFox2 で正常に動作することを確認しました。

こちらこそありがとうございました。
これで互換モードなどとお茶を濁さずにすみます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は88,852名です
総投稿数は109,989件です

投稿数ランキング

1
seasoft
7367
2
468
3217
3
AMUAMU
2712
4
nanasess
2313
5
umebius
2085
6
yuh
1819
7
h_tanaka
1646
8
red
1570
9
mcontact
1291
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.