質問 > フロント機能 > スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
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: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして この件の詳細はわかりませんが、
イメージとして、
を必要数分、HTMLで展開していると思っていたので、
. . と必要数分、番号を付加したHTMLを展開すれば良いと思ったところです。 |
chiyodaku |
投稿日時: 2014/4/7 20:39
対応状況: −−−
|
常連 登録日: 2013/3/19 居住地: 投稿: 38 |
Re: スマートフォンサイト/詳細ページ/サブエリアで情報表示ボタンを設定した際の記述につきまして sumida様
お世話になっております。 このような無理難題に対してご対応頂きまして感謝致します。 やろうとしていること事態に無理があるのかもしれませんが、 そしてまだちょっと時間が掛かりそうですが、 sumida様のご意見を参考に試してまいりたいと思います。 本当にありがとうございます。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |