2023年09月25日
カラミーショップ「付加画像」オリジナル画像にカスタマイズ
カラミーショップの商品名表示タグ
この記述で「商品名と付加画像」両方が表示されている。
<{$recommend[num].name}>
■商品名だけ表示させる方法
<{$recommend[num].name|strip_tags:false}>
■商品名を[itemName]という変数で取得
<{assign var=itemName value=$recommend[num].name|@strip_tags:false}>
■付加画像だけ表示させる方法
「商品名と付加画像」から商品名を削除する
replace:$itemName:”” ←商品名を空にします。
<{$recommend[num].name|replace:$itemName:""}>
上記の方法では、商品名を付加画像を別々に表示させるだけなので、オリジナルの画像に変更することはできません。
ただ、この方法は登録画面で選択されている付加画像がなにであっても、1種類のオリジナル画像しか表示されませんのでご注意ください。
オリジナル画像を表示させる方法。
■変数の設定
管理画面で付加画像が選択せれているかされていないかをチェックするための変数
<{assign var=icon value=$recommend[num].name|replace:$itemName:""}>
商品名と付加画像を取得する変数
<{assign var=gazou value=$recommend[num].name}>
■付加画像にオリジナル画像を表示させる
【付加画像選択の有無の判断】
<{if $icon != ""}>※画像が空でない場合(付加画像になにかが選択されている)
<{$recommend[num].name|replace:$gazou:"<img class='new_mark_img1' src='表示させたい画像のURL' style='border:none;display:inline;margin:0px;padding:0px;width:auto;' />"}>
<{else}>※画像が空だった場合(付加画像が選択されていない)
なにも表示しないので記述なし
<{/if}>
↓トップページのRECOMMENDED部分に実際に記述したコード
※変数の設定
<{assign var=itemName value=$recommend[num].name|@strip_tags:false}>
<{assign var=icon value=$recommend[num].name|replace:$itemName:""}>
<{assign var=gazou value=$recommend[num].name}>
※サイトに表示する部分
<{if $icon != ""}>
<div class="icon"><{$recommend[num].name|replace:$gazou:"<img class='new_mark_img1' src='https://img11.shop-pro.jp/PA01291/224/etc_base64/aWNvbi1vc3VzdW1l.png?cmsp_timestamp=20230924110541' style='border:none;display:inline;margin:0px;padding:0px;width:auto;' />"}></div>
<{else}>
<{/if}>
※目的の付加画像(番号)にオリジナル画像を割りあてる方法がまだ出来ておりません。
ご存知の方は是非ご教示ください。