オススメ商品画像をサイドに表示する際、旧管理画面ではAmazonのみでしたが、新管理画面では楽天とカラメルも検索でき表示できるんですね。今更ながら気づきました(遅。
そこで問題発生。こちらで配布しているテンプレだと楽天もカラメルもサイドに表示されないのです。
今後のことを考えたらどのアイテムも表示されるようにテンプレ自体をマイナーチェンジさせてutf更新した方が良いのかなー?とか思ったりもしつつ…もしかしたら後日公開中のテンプレを全て更新するかもしれません。
以下に回避方法について書いてみたいと思います(Amazon画像の場合でも表示されないアイテムもあるようなので、そういった方も以下参照でどうぞ)。
---
※index;rnbw_sqrに関してはこのエントリの下部の『■index;rnbw_sqrの場合』を参照してください。
■全テンプレ共通(※index;rnbw_sqr以外)
▼htmlにて
- <!-- BEGIN amazon -->から<!-- END amazon -->までを下記と差し換える
<!-- BEGIN amazon -->
{amazon_item}
<!-- END amazon -->
[上記に続いて下記も行います//お使いのテンプレに該当するものを参照してください]
■画像のみ表示されているテンプレの場合
▼cssにて
- /* 画像 */以降にある .amazon_pict {〜} 内に width: 75px を書き加える(※すでにwidthもしくはheightの記述があるテンプレの場合は書き換える必要はありません)
- .amazon_pict {〜} の下辺りに下記を書き加える
.amazon_text { display: none; }
▽追記: 画像が横並びのテンプレをお使いの方は更に以下も書き加えてください。
.amazon { display: inline; }
(△追記: 2009/08/01)
■商品名なども表示されているテンプレの場合(※index;rnbw_sqr以外)
▼cssにて
- /* 画像 */以降にある .amazon_pict {〜} 内に width: 75px を書き加える(※すでにwidthもしくはheightの記述があるテンプレの場合は書き換える必要はありません)
- .amazon_pict {〜} の下辺りに 下記を書き加える
.amazon_text strong { font-weight: normal; }
.amazon_monocolle { display: none; }
※モノコレへのリンクも表示させたいという方は上記の1行目のみ書き加えてください。
※SQUARE;凹凸_01, 04の2つに関してはこのカスタマイズをすることですでに記述してある .amazon_comment {〜} は必要なくなるので削除してください。
■index;rnbw_sqrの場合
▼htmlにて
- <!-- BEGIN amazon -->から<!-- END amazon -->までを下記と差し換える
<!-- BEGIN amazon -->
<div class="menu_rec">
<dl>
<dd>{amazon_item}</dd>
<dt>Recommend</dt>
</dl>
</div>
<!-- END amazon -->
▼cssにて
- /* recommend ここから */以降にある下記[A]を削除し[B]を書き加える
[A]
#menu06 li.review {〜}
#menu06 ul {〜}
[B]
.amazon_text {
padding: 5px;
height: 65px !important;
overflow: auto !important;
}
.amazon_text strong { font-weight: normal; }
.amazon_monocolle { display: none; }
※モノコレへのリンクも表示させたいという方は上記の .amazon_monocolle {〜} は書き加えないで下さい。
Comments
2009/06/21 4:48 PM
SQUARE;凹凸_02がとても気に入り、少しだけカスタマイズなどして長い間使わせて頂いてます。
そこで少し問題が生じたので質問させて頂きました。
わたしのブログですが。。。
1,blogの名前の出る四角のスペース欄に自分の好きな画像を貼り付けています。
2,画像の枠も無しの設定にしています。
以上の設定でMacintoshでは綺麗に収まっているのですが、どうやらWindowsで見たときに画像の枠の色(グレー)ではなく、テンプレの文字色と同様のブルーの枠がでてしまっているようです。
htmlにとても詳しいわけではないため、行き詰まり質問させて頂きました。
もし既出の質問でしたら申し訳ありません。
blogのurlを載せたほうが分かりやすいでしょうか?
よろしくお願いします。
2009/06/21 7:15 PM
こんにちは。
SQUARE;凹凸_02を気に入って使ってくださっているとのことでとても嬉しいです。ありがとうございます。
ご質問いただいた件ですが、わたしの解釈が間違っていなければ、貼り付けた画像(画像の枠)にリンク線が出てしまうのを消したいということだと思いますので、cssにて/* 画像 */の下辺りにでも下記を書き加えてみてください。
a img { border-style: none; }
これで解決できるとおもいますのでお試しください。
2009/06/22 8:01 AM
なるほど!リンクの線でしたか!
こんなにも素早く解決するとは思いませんでした。
有り難うございます(^^)
これからもずっとこのテンプレを使用していくつもりでいますので、また質問させて頂くことがあるかと思います。
どうぞよろしくお願いします。
2009/06/23 12:36 PM
ご質問いただいた件、無事解決されたようでよかったです。