質問 > フロント機能 > スマホ版のリンク画像について |
フロント機能
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
kimiyo |
投稿日時: 2014/5/1 19:02
対応状況: −−−
|
新米 登録日: 2014/5/1 居住地: 投稿: 1 |
スマホ版のリンク画像について はじめまして。
EC-CUBEのスマホ機能を使いお客様サイトを構築しています。 EC-CUBE2.11.4ですが、デフォルトのスマホを ほぼカスタマイズなしで使おうとしています。 iPhomeで見た場合に、フッタ付近にあるリンク 「MYページ」「購入ガイド」「カゴの中」「HOME」が ボタンをクリックすると、一瞬画像が表示されなくなり Altのみになります。 これは、EC-CUBEのデモサイトも同様の現象が 起きているようなのですが 何が原因で、どう直せば治るのかお分かりの方いらっしゃいますでしょうか。 ちなみに画像は、デフォルトのものを色変えしただけで ファイル名や置き場所等は一切変更していません。 宜しくお願いします。 |
june_g_e |
投稿日時: 2014/5/7 19:06
対応状況: −−−
|
新米 登録日: 2013/10/15 居住地: 関東 投稿: 3 |
自分も同様の状態が出ています。 ごめんなさい、直接の回答になっておりませんが、調べてみて気づいたことがあるので返信失礼致します。
自分もフッターナビ周辺はデフォルトのままにもかかわらず現在同様の状態が出ています。 恐らくfooter_navi.tplの中でフッターナビのボタンのimgにおいて「onclick」の指定が無いために青いボタン画像にリンクされない。 というのが原因な気がします。 自分はプログラム初心者なので具体的な解決策は持ち合わせていないのですが、 ヘッダーナビの3連ボタンはうまく青に切り替わってからリンク先(ポップアップ?)に飛んでいます。 この違いは何だろう?と思って navi_header.tplを見てみると imgタグの中に onclickでの指定があって、 onclick="fnShowPopupmyPage(this)" となっています。(fn〜が何のこっちゃか分からないんですが;) なのでフッターナビのボタンもonclick時にcommonの画像フォルダに入っている青いボタンを呼び出す記述が出来れば解決すると思い、これから色々試してみるところです。 ズバッとお答えできず申し訳ありません汗 解決できたらまた書き込みに来ます! |
june_g_e |
投稿日時: 2014/5/7 20:04
対応状況: −−−
|
新米 登録日: 2013/10/15 居住地: 関東 投稿: 3 |
ちょっと強引ですが出来ました! これで、一応青い画像に切り替わってからリンク先に飛ぶようになりました。
もしかしたらontouchイベントに対応していない端末もあるかもしれません。 javascriptで対応端末か判定して、onclickと振り分けをするやり方もあるそうですが、EC-CUBE内の何かしらのプログラムの影響か、ただonclickで記述しただけでは反応しなかったため仕方なくontouchイベントのみ記述しました。以下のとおりです。 <ul class="footer_navi"> <!--{if $tpl_login}--> <li><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png'" alt="MYページ" width="75" height="50" /></a></li> <li><a rel="external" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/favorite.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png'" alt="お気に入り" width="75" height="50" /></a></li> <!--{else}--> <li><a data-transition="slideup" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_mypage_off.png'" alt="MYページ" width="75" height="50" /></a></li> <li><a data-transition="slideup" href="<!--{$smarty.const.HTTPS_URL|sfTrimURL}-->/mypage/login.php"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_favorite_off.png'" alt="お気に入り" width="75" height="50" /></a></li> <!--{/if}--> <li><a rel="external" href="<!--{$smarty.const.CART_URLPATH|h}-->"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_cart_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_cart_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_cart_off.png'" alt="カゴの中を見る" width="75" height="50" /></a></li> <li><a rel="external" href="<!--{$smarty.const.ROOT_URLPATH}-->"><img src="<!--{$TPL_URLPATH}-->img/button/btn_footer_toppage_off.png" ontouchstart="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_toppage_on.png'" ontouchend="this.src='<!--{$TPL_URLPATH}-->img/button/btn_footer_toppage_off.png'" alt="トップページへ" width="75" height="50" /></a></li> </ul> もっとベストなやり方をご存知の方いらっしゃいましたらご回答いただけると幸いです。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |