バージョン選択

フォーラム

 どうか教えて下さい！  バグ見つけましたよ！  こんな機能あったらなぁ  プラグインについて  その他

メニュー

 当サイトについて  初めてご利用になる方へ  EC-CUBE開発情報

オンライン状況

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

サイト内検索
質問 > フロント機能 > 2.11 商品詳細ページ以外でfaceboxを使いたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
TAKE3
投稿日時: 2011/10/11 18:55
対応状況: −−−
新米
登録日: 2011/9/28
居住地:
投稿: 7
2.11 商品詳細ページ以外でfaceboxを使いたい
2.11の商品詳細ページで使われているfaceboxを他のページでも使いたいと考えています。
具体的には、一覧ページ(list.tpl)にて新規ブロックを設置し、商品の見本画像を置いています。その見本画像の拡大に使用する予定です。

詳細ページ(detail.tpl)からソースをコピーし、list.tplに書き足し、画像へリンクするaタグにclass="expansion"を加えたのですがこれだけでは動作しませんでした。
何が足りないのかアドバイスをよろしくお願いします。

以下、list.tplに書き足したソースです。
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />

<script type="text/javascript">//<![CDATA[
$(document).ready(function() {
$('a.expansion').facebox({
loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
closeImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
});
});
//]]>
</script>
yukikaze
投稿日時: 2011/10/12 13:05
対応状況: −−−
長老
登録日: 2011/7/26
居住地:
投稿: 196
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
素人意見。
closeImage の次に faceboxHtml を追加してみるとどうなりますか？

faceboxHtml : '<div id="facebox" style="display:none;"><div class="popup"><div class="content"></div><a href="#" class="close"><img src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png" title="close" class="close_image" /></a></div></div>'
TAKE3
投稿日時: 2011/10/12 15:01
対応状況: −−−
新米
登録日: 2011/9/28
居住地:
投稿: 7
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
ご返答ありがとうございます。
試しましたが変化ありませんでした。通常通りページが切り替わって画像ファイルが表示されます。
yukikaze
投稿日時: 2011/10/12 15:44
対応状況: −−−
長老
登録日: 2011/7/26
居住地:
投稿: 196
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
素朴な質問。
aタグのオプションに、「target="_blank"」は付いてますよね？
TAKE3
投稿日時: 2011/10/12 16:23
対応状況: −−−
新米
登録日: 2011/9/28
居住地:
投稿: 7
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
はい。書き忘れていましたが付いています。
yukikaze
投稿日時: 2011/10/12 17:16
対応状況: −−−
長老
登録日: 2011/7/26
居住地:
投稿: 196
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
ROOT_URLPATH の内容は絶対URLになってるんだろうし…
後、何だろぅ？
aタグ側に問題かなぁ？

ごめん m(_ _)m
後は賢人にお願いします。
ゲスト
投稿日時: 2011/10/13 19:52
対応状況: −−−
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
タグの開きと閉じの不整合が拡大表示jsの起動を阻害している様です。

3列表示の高さ合わせのcssタグの追加時に、
元々のタグの開きと閉じの整合を取ったら、
拡大表示jsが「あれ？」って感じで起動し(て)たので、、、

ので、「このタグが...」と、言えない。。。(^^;
ゲスト
投稿日時: 2011/10/13 21:09
対応状況: −−−
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
追加情報：

開きと閉じの他に
開き位置と閉じ位置も調整しました。
TAKE3
投稿日時: 2011/10/13 23:00
対応状況: −−−
新米
登録日: 2011/9/28
居住地:
投稿: 7
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
情報ありがとうございます。
後日じっくり探ってみようと思います。
ゲスト
投稿日時: 2011/10/14 8:37
対応状況: −−−
Re: 2.11 商品詳細ページ以外でfaceboxを使いたい
2.11.3に
『data/class/』
  SC_Product.php

    // hideki-s '11.09.07 main_lage_image
    function lists(&$objQuery) {
        $col = <<< __EOS__
             product_id
            ,product_code_min
            ,product_code_max
            ,name
            ,comment1
            ,comment2
            ,comment3
            ,main_list_comment
            ,main_image
            ,main_list_image
            ,main_large_image

『data/Smarty/templates/default/products/』
  list.tpl
  
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/products.js"></script>

<!-- & hideki-s '11.09.03 -->
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.js"></script>
<link rel="stylesheet" type="text/css" href="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/facebox.css" media="screen" />
<!-- hideki-s & '11.09.03 -->

<script type="text/javascript">//<![CDATA[


//hideki-s '11.09.03
$(document).ready(function() {
    $('a.expansion').facebox({
        loadingImage : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/loading.gif',
        closeImage   : '<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.facebox/closelabel.png'
    });
});
//]]>
</script>


            <div class="listphoto">
                <!--★画像★-->
                <a href="<!--{$smarty.const.P_DETAIL_URLPATH}--><!--{$arrProduct.product_id|u}-->" class="over"><!--商品写真--><img src="<!--{$smarty.const.IMAGE_SAVE_URLPATH|sfTrimURL}-->/<!--{$arrProduct.main_list_image|sfNoImageMainList|h}-->" alt="<!--{$arrProduct.name|h}-->" class="picture" /></a>
            </div>

            <!-- & hideki-s '11.09.03 -->
            <span class="mini">
            <!--★拡大する★-->
                <a class="expansion" target="_blank" 
                    href="<!--{$smarty.const.IMAGE_SAVE_URLPATH}--><!--{$arrProduct.main_large_image|sfNoImageMainList|h}-->">
                            画像を拡大する</a>
            </span>
            <!-- hideki-s & '11.09.03 -->

            <div class="listrightbloc">
                <!--▼商品ステータス-->

としたら、拡大しました。。。あれ？(^^;;;
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は88,972名です
総投稿数は110,019件です

投稿数ランキング

1
seasoft 		7367
2
468 		3217
3
AMUAMU 		2712
4
nanasess 		2314
5
umebius 		2085
6
yuh 		1819
7
h_tanaka 		1646
8
red 		1570
9
mcontact 		1296
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.