Webに関する備忘録 - 商品詳細ページで残り在庫数表示
商品詳細ページなどで残りの在庫数を表示させたい時がある。
そうそう残り〜個！！とか書いてあるとついつい買いたくなるっていうあれですあれ
そんなときは
「商品詳細ページ」のテンプレートを編集する
そうそう残り〜個！！とか書いてあるとついつい買いたくなるっていうあれですあれ
そんなときは
「商品詳細ページ」のテンプレートを編集する
商品詳細ページの任意の場所に以下のソースを入力
関連カテゴリの下あたりに入れるといいかと
<!-- //// 在庫数表示ここから //// -->
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
<strong>在庫：</strong>
<!--{if $arrProduct.stock_unlimited_min == 1}-->
<strong>有り</strong>
<!--{else}-->
<!--{if $arrProduct.stock_min != $arrProduct.stock_max}-->
<strong>残りあと</strong> <strong><!--{$arrProduct.stock_min|escape}--></strong>〜<strong><!--{$arrProduct.stock_max|escape}--></strong>
<!--{else}-->
<strong>残りあと</strong> <strong><!--{$arrProduct.stock_min|escape}--></strong>
<!--{/if}-->
<!--{/if}-->
</td></tr></table>
<!-- //// 在庫数表示ここまで //// -->
このままだとデフォルト状態のCSSではボーダーが振られるのと、テーブルの幅が広くなってしまうので、クラスを振ってスタイルを修整する必要があるかと。
一応・・・
table.zaiko-table{
width:150px;
border:0;
font-size:90%;
}
table.zaiko-table td,table.zaiko-table th{
border:0;
font-size:90%;
}
こんな感じでいい感じ〜
以上！覚え書！
関連カテゴリの下あたりに入れるといいかと
<!-- //// 在庫数表示ここから //// -->
<table border="0" cellpadding="0" cellspacing="0">
<tr><td>
<strong>在庫：</strong>
<!--{if $arrProduct.stock_unlimited_min == 1}-->
<strong>有り</strong>
<!--{else}-->
<!--{if $arrProduct.stock_min != $arrProduct.stock_max}-->
<strong>残りあと</strong> <strong><!--{$arrProduct.stock_min|escape}--></strong>〜<strong><!--{$arrProduct.stock_max|escape}--></strong>
<!--{else}-->
<strong>残りあと</strong> <strong><!--{$arrProduct.stock_min|escape}--></strong>
<!--{/if}-->
<!--{/if}-->
</td></tr></table>
<!-- //// 在庫数表示ここまで //// -->
このままだとデフォルト状態のCSSではボーダーが振られるのと、テーブルの幅が広くなってしまうので、クラスを振ってスタイルを修整する必要があるかと。
一応・・・
table.zaiko-table{
width:150px;
border:0;
font-size:90%;
}
table.zaiko-table td,table.zaiko-table th{
border:0;
font-size:90%;
}
こんな感じでいい感じ〜
以上！覚え書！
トラックバック
トラックバックpingアドレス http://www.kens-cube.com/modules/blog2/tb.php/37
コメント
| 投稿者 | スレッド |
|---|---|
| chong |
投稿日時: 2011-11-25 17:09 更新日時: 2011-11-25 17:09
|
|
新米
登録日: 2011-11-25
居住地:
投稿数: 20
|
 Re: 商品詳細ページで残り在庫数表示トリーバーチ 激安は、女性の独特の魅力を示すために設計され、トリーバーチ 靴には、シャネル 靴は女性が完璧である改変、回シャネル 靴 激安の歩行に自信を入れ、好きではない女性ではありません。トリーバーチ 財布 新作,トリーバーチ バッグ,UGG ブーツ 激安,UGG ブーツ キッズ,トリーバーチ ムートン ブーツ,UGG ミニ ショート,トリーバーチ ブーツ
|
| 投稿者 | スレッド |
|---|---|
| mmanina |
投稿日時: 2011-12-20 11:54 更新日時: 2011-12-20 11:54
|
|
半人前
登録日: 2011-12-20
居住地:
投稿数: 31
|
Re: 商品詳細ページで残り在庫数表示 cheap north face jackets down coat
Canada goose outlet down coat moncler jackets uk down coat north face clearance down coat women north face sale down coat Canada Goose Free Style Vests down coat Canada Goose D'Alpago Bomber down coat Canada Goose Banff Parka down coat Canada Goose Chateau Parka down coat |
| 投稿者 | スレッド |
|---|---|
| goose |
投稿日時: 2011-12-20 12:05 更新日時: 2011-12-20 12:05
|
|
半人前
登録日: 2011-12-20
居住地:
投稿数: 22
|
Re: 商品詳細ページで残り在庫数表示 jeremy scott adidas online
adidas wings shoes online jeremy scott shoes online jeremy scott x adidas online jeremy scott for adidas online Jeremy Scott 2011 shoes online Jeremy Scott wings Hoodie online Mens Jeremy Scott Wings Shoes online Womens Jeremy Scott Wing Shoes online Jeremy Scott Wings Ballerina online jeremy scott bones jacket online jeremy scott bones shoes online adidas jeremy scott bones online adidas js wings GID online Adidas ObyO Jeremy Scott online Adidas Angel Mens Shoes online Jeremy Scott Adidas JS Wings online Adidas Jeremy Scott Big Tongue online Jeremy Scott 2011 online Adidas JS Wings shoes online Adidas JS Wings 2.0 online Jeremy Scott JS 3 Tongue online JS 3 Tongue shoes online |
がおすすめです。