バージョン選択

フォーラム

メニュー

オンライン状況

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

サイト内検索

質問 > フロント機能 > スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
chiyodaku
投稿日時: 2014/3/31 3:23
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
お詳し方がおられましたらどうかご教授頂けませんでしょうか。

スマートフォンサイトの詳細ページのサブエリアのサブテキストの直下に、(商品情報)をトグルボタンで表示できるように設定したいと考えております。サブエリアですので、サブ情報が増えた分だけ(異なる商品情報)表示される仕組みになっておりますが、それをどのように記述すればよいか思案しております。

例えば以下の例で‘情報を表示’を#sub_area1と設定し、サブエリアが3つ表示されたとすると、一番目のサブエリアで‘情報を表示’ボタンをタッチするとサブエリア1の商品情報を表示しますが、二番目、三番目のサブエリアで‘情報を表示’ボタンをタッチすると一番目のサブエリアの商品情報を開いてしまいます。

<p class="subtext"><!--★サブテキスト★--><!--{$arrProduct[$ckey]|nl2br_html}--></p>

<div class="title_box_sub clearfix">
<h1><span class="b_expand"><p onclick="fnSubToggle($('#sub_area1'), this);">情報を表示</p></span></h1>
</div>

<div id="sub_area1" style="display: none;">
<p>商品情報</p>
<!--{assign var=ckey value="sub_product_info`$smarty.section.cnt.index+1`"}-->
<!--{if $arrProduct[$ckey] != ""}-->
</div>

これをどの様に記述すれば、サブエリア2、サブエリア3で設定した‘商品情報’を表示できるようになるかご教授いただけませんでしょうか。(#sub_area1と設定しているので2番目、三番目のサブエリアの‘情報を表示’ボタンをタッチした時に、#sub_area1の‘商品情報’を表示してしまうのはわかりますが、#sub_area1という記述自体をどう変更すれば、サブエリア2、サブエリア3でそれぞれの‘商品情報’を表示できるかと思案にくれております。)

[EC-CUBE]2.12.5
[OS]Linux
[PHP]5.3.13
[データベース]MySQL 5.0.67
[WEBサーバ]Apache
chiyodaku
投稿日時: 2014/4/4 0:04
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
申し訳ございません。わかりづらかったので、簡略化しますと、

スマートフォンサイト/詳細ページ/サブエリアのサブテキストの直下に、そのサブ情報に関する’更なる詳細情報’を表示できるボタン(同ページにある+-ボタンの記述を参照)を以下の様に設置しました。

<span class="b_expand"><p onclick="fnSubToggle($('#more_info'), this);">表示する</p></span>

<div id="more_info" style="display: none;">
・・・・更なる詳細情報・・・・

この#more_infoの記述ですと、サブ情報が1,2,3,4,5と表示された場合、その全ての’表示する’をタッチした際にサブ情報1だけの’更なる詳細情報’を開閉してしまいます。

どうれすれば宜しいかヒントを頂けませんでしょうか。宜しくお願い致します。
sumida
投稿日時: 2014/4/4 21:02
対応状況: −−−
仙人
登録日: 2013/2/10
居住地: 広島県呉市ときどき瀬戸内海
投稿: 641
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
more_infoに番号を付加すれば、良いのではないですか。

参考として、
PCの商品一覧画面
data/Smarty/templates/default/products/list.tpl
のform文の展開が該当すると思います。
chiyodaku
投稿日時: 2014/4/5 17:40
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
sumida様

ご連絡、そして大変貴重なアドバイスを頂きまして感謝致します。
できそうな気になって参りまして、list.tplのform機能を参考に試しておりました。

このfnSubToggleが機能するためには、($('#more_info')とdiv id=”more_info” の両者のmore_infoの箇所の記述が同じでなければならない様で、よって例えばdiv id=”more_info1” の様に、どちらかだけに番号を付けると情報を開かず、また例えば両方に同じ番号1だとか2を付けると以前と同じ結果になります。(サブ情報1のみの更なる詳細情報を開閉する)

このfunSubToggleを詳細ページ/サブエリアで機能させるには、more_infoに変数の機能を持たせる様な付加的な記述などが必要になるのでしょうか。

List.tplで参考にできる記述等はございませんでしょうか。
sumida
投稿日時: 2014/4/6 10:09
対応状況: −−−
仙人
登録日: 2013/2/10
居住地: 広島県呉市ときどき瀬戸内海
投稿: 641
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
この件の詳細はわかりませんが、

イメージとして、

<span class="b_expand"><p onclick="fnSubToggle($('#more_info'), this);">表示する</p></span>

<div id="more_info" style="display: none;">
・・・・更なる詳細情報・・・・
</div>

を必要数分、HTMLで展開していると思っていたので、


<span class="b_expand"><p onclick="fnSubToggle($('#more_info1'), this);">表示する</p></span>

<div id="more_info1" style="display: none;">
・・・・更なる詳細情報・・・・
</div>


<span class="b_expand"><p onclick="fnSubToggle($('#more_info2'), this);">表示する</p></span>

<div id="more_info2" style="display: none;">
・・・・更なる詳細情報・・・・
</div>

.
.
と必要数分、番号を付加したHTMLを展開すれば良いと思ったところです。
chiyodaku
投稿日時: 2014/4/7 20:39
対応状況: −−−
常連
登録日: 2013/3/19
居住地:
投稿: 38
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして
sumida様

お世話になっております。
このような無理難題に対してご対応頂きまして感謝致します。
やろうとしていること事態に無理があるのかもしれませんが、
そしてまだちょっと時間が掛かりそうですが、
sumida様のご意見を参考に試してまいりたいと思います。
本当にありがとうございます。
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

総メンバー数は89,014名です
総投稿数は110,020件です

投稿数ランキング

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.