バージョン選択

フォーラム

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

メニュー

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

オンライン状況

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

サイト内検索
質問 > フロント機能 > 商品ステータスのアイコンを分岐表示させたい

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
kanaryo
投稿日時: 2014/2/27 15:53
対応状況: −−−
常連
登録日: 2011/10/18
居住地:
投稿: 66
商品ステータスのアイコンを分岐表示させたい
商品ステータスのアイコン表示を、$statusのオン・オフによって表示するアイコンを切り替えたいのです。

例えば5つの商品ステータスを登録していて、IDチェックが下記の状態の場合
※()はオフ

1/(2)/(3)/4/(5)

表示されるアイコンを下記のようにしたいのです。
1ON/2off/3off/4ON/5off

foreachによるループで取得しているためループ指定のコードを削除し、
<ul><li>タグ内を下記のように条件分岐で表示しようとしたのですが、ループのコードを削除すると表示されません。

<ul>
<li>
<!--{if $status == 1}-->
1のONアイコン
<!--{/else}-->
1のOFFアイコン
<!--{/if}-->
</li>
<li>
<!--{if $status == 2}-->
2のONアイコン
<!--{/else}-->
2のOFFアイコン
<!--{/if}-->
</li>
以下同様・・・
</ul>

$statusがオフの場合表示するアイコンが共通していればループ内への記述でいけるのですが、
「$status1のオフ」「$status2のオフ」・・・の場合に表示する画像がそれぞれ異なるので、
ループを解除して個別に表示させようと思っていますが、やり方が分からなく困っています。

<!--{assign var=ps value=$productStatus[$smarty.get.product_id]}-->
<!--{if count($ps) > 0}-->
<!--{foreach from=$ps item=status}-->
これらのコードをどうにか変更すれば出来るのでしょうか？

関数のことを調べてはみたのですが、素人ですのでさっぱり分からずでした。
どなたか御教示下さいませ。m(__)m
yuh
投稿日時: 2014/2/27 16:19
対応状況: −−−
神
登録日: 2013/1/9
居住地: 大阪
投稿: 1819
Re: 商品ステータスのアイコンを分岐表示させたい

                    <ul class="status_icon clearfix">
                        <!--{foreach from=$arrSTATUS item=status key=key}-->
						<!--{if in_array($key,$productStatus[$tpl_product_id])}-->
						<!--{* onの場合 *}-->
                        <li>
                            <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
                        </li>
						<!--{else}-->
						<!--{* offの場合 *}-->
                        <li>
                            <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
                        </li>
						<!--{/if}-->
                        <!--{/foreach}-->
                    </ul>

これでいけるとおもいます。
画像はON/OFF両方同じ画像を使ってます。
kanaryo
投稿日時: 2014/2/27 17:25
対応状況: −−−
常連
登録日: 2011/10/18
居住地:
投稿: 66
Re: 商品ステータスのアイコンを分岐表示させたい
yuh様

出来ました！
本当に本当に助かりました！！

ありがとうございましたm(__)m


<!--{* offの場合 *}-->
<li>
<img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
</li>

のところを、

<!--{* offの場合 *}-->
<li>
<img src="<!--{$TPL_URLPATH}-->off/<!--{$arrSTATUS_IMAGE[$key]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
</li>

として、
ON時 → TPL_URLPATH/img/icon1.gif
OFF時→ TPL_URLPATH/off/img/icon1.gif
※icon.gifは同じファイル名で異なるデザインを用意し、それぞれのディレクトリに格納。

ちなみにですが、

ON時 → TPL_URLPATH/img/icon1.gif
OFF時→ TPL_URLPATH/img/off/icon1.gif

若しくは
ON時 → TPL_URLPATH/img/icon1.gif
OFF時→ TPL_URLPATH/img/icon1_off.gif
とするような方法は難しいでしょうか？
yuh
投稿日時: 2014/2/27 17:50
対応状況: −−−
神
登録日: 2013/1/9
居住地: 大阪
投稿: 1819
Re: 商品ステータスのアイコンを分岐表示させたい

          <ul class="status_icon clearfix">
                        <!--{foreach from=$arrSTATUS item=status key=key}-->
						<!--{if in_array($key,$productStatus[$tpl_product_id])}-->
						<!--{* onの場合 *}-->
                        <li>
                            <img src="<!--{$TPL_URLPATH}--><!--{$arrSTATUS_IMAGE[$key]}-->" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
                        </li>
						<!--{else}-->
						<!--{* offの場合 *}-->
                        <li>
                            <img src="<!--{$TPL_URLPATH}-->/img/icon<!--{$key}-->_off.gif" width="60" height="17" alt="<!--{$arrSTATUS[$key]}-->" id="icon<!--{$key}-->" />
                        </li>
						<!--{/if}-->
                        <!--{/foreach}-->
                    </ul>

でどうでしょう？
kanaryo
投稿日時: 2014/2/27 18:34
対応状況: 解決済
常連
登録日: 2011/10/18
居住地:
投稿: 66
Re: 商品ステータスのアイコンを分岐表示させたい
yuh様

完璧です！
思い通りの形になりました！！
感謝感激です。

このように記述すればループで取得しても分岐できるんですね。
私はループを解除して一つずつ分岐する方法しかイメージ出来ませんでしたが、
それすらも出来なくて、ほとほと困っていました。
とても勉強になりました。

本当にありがとうございましたm(__)m
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


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

統計情報

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

投稿数ランキング

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