ホーム > サポートメニュー > ユーザー助け合い掲示板

質問内容・回答一覧ツリー

Q. おすすめ商品リストの写真だけ表示したい - 投稿者：komocco（2013年06月05日 23:19） No.6085 　
Q. おすすめ商品リストの写真だけ表示したい [解決済み]
  • 投稿者：komocco
サイドバーにあるおすすめ商品リストにある、商品名が長すぎて邪魔です。商品写真とコメントだけのせたいのですが、方法はありますか？
  • 記事ID：No.6085
  • 投稿日時：2013年06月05日 23:19 （2013年06月11日 21:04更新）

回答一覧（返信数 6 件）

投稿者：(-。-)　A. Re:　おすすめ商品リストの写真だけ表示したい

旧ユーザー助け合い掲示板
タイトル： Re: RECOMMEND の表示内容を変えたい
http://support.jugem.jp/bbs/wforum.cgi?mode=allread&no=810&pastlog=0090&act=past

こちらが参考になるかと思います

  • 投稿日時：2013年06月06日 10:21
投稿者：komocco　A. Re:　Re:　おすすめ商品リストの写真だけ表示したい

ご返信ありがとうございます。まさにこのようにしたいところなのですが、あまりにも私が初心者なため、とても丁寧に書かれているにもかかわらず、こちらの回答でもよくわかりませんでした…。こちらの「Re^4」を参考にすればよいのですよね？　私のHTMLの中にある「amazon」の文字がついている箇所は下のようになっているのですが、ここをどのようにいじればよいのかお教えいただければ幸いです。

<!-- BEGIN recent_trackback -->
<h3>recent trackback</h3>
<div class="sideContents">
{recent_trackback_list}
</div>
<!-- END recent_trackback -->

<!-- BEGIN amazon -->
<h3></h3>
<div class="sideContents">
{amazon_item}
</div>
<!-- END amazon -->

<!-- BEGIN link -->
<h3>links</h3>
<div class="sideContents">
{link_list}
</div>
<!-- END link -->

  • 投稿日時：2013年06月06日 21:27
投稿者：(-。-)　A. Re:　Re:　Re:　おすすめ商品リストの写真だけ表示したい

CSSに下記を追記してみてください

.amazon_text { display:none; }
.amazon_text strong { display:none; }
.amazon_monocolle { display:none; }

これでHTMLに出力される文字が非表示になります

コメントには

</div><br clear="both" />コメントの内容<div>

としてみてはいかがでしょうか？

投稿者：komocco　A. Re:　Re:　Re:　Re:　おすすめ商品リストの写真だけ表示したい

ご返信ありがとうございます！
CSSの一番下に、
.amazon_text { display:none; }
.amazon_text strong { display:none; }
.amazon_monocolle { display:none; }
を書き加えたらブログにておすすめ商品写真の商品名を消す事が出来ました！
しかしながら「コメントには　</div<br clear="both" /コメントの内容<div」
とはどこに書き加えたらいいでしょうか？現在はコメントが表示されず、写真のみ表示されております。
初歩的な質問ばかりで申し訳ございませんがどうかよろしくお願いいたします。

  • 投稿日時：2013年06月09日 22:50
投稿者：(-。-)　A. Re:　Re:　Re:　Re:　Re:　おすすめ商品リストの写真だけ表示したい

ここに書いてみてください

参考：https://twitter.com/jugemtemplate/status/343783567530278912/photo/1

  • 投稿日時：2013年06月10日 02:38
投稿者：komocco　A. Re:　Re:　Re:　Re:　Re:　Re:　おすすめ商品リストの写真だけ表示したい

凄いです！！出来ました！！感謝感激です！！
何度もご親切に教えてくださってありがとうございました。ブログをよりよく改善したかったのでとても助かりました。本当にありがとうござました。

  • 投稿日時：2013年06月11日 21:04