うんこ回答ポイント 70ptウォッチ 1

楽天市場のAPIを使い、商品情報を取得した際に出てくる要素の見栄えをよくしたい。


以下のサイトのような商品画面にしたいです。

http://bag.b-new.net//

表示したいものは「商品画像」「商品名」です。
楽天Webサービスの記載は、別のところにしますので必要ありません。

1)商品画像の下に、商品名
2)横に(4つほど)並べたい。縦ではなく、横です。
3)商品同士の間には余白がほしい(各要素がぴったりくっつかないように)
4)商品画像と商品名には、商品ページへのリンクを貼りたい

上記サイトのサイドバーの「楽天市場で探す」の各要素をクリックすると商品が
ババーンと出てくるのですが、あのようにしたいのです。


現在は以下のように、簡易な感じです。

//Item数だけ繰り返す
foreach($Items as $Item){
$ret .= '<a href="'.$Item->affiliateUrl.'">';
$ret .= '<img src="'.$Item->mediumImageUrl.'" alt="'.$Item->itemName.'">';
$ret .= "</a>\n";
$ret .= '<p>【商品名】'.$Item->itemName.'</p>';
$ret .= '<p>【商品説明】'.$Item->itemCaption.'</p>';
}

//divタグを閉じる
$ret .= '</div>';


知恵をかしていただけると、とても助かります・・。

※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。
ログインして回答する

ベストアンサー

その他の回答

この質問へのコメント

この質問への反応(ブックマークコメント)

質問の情報

登録日時
2011-03-28 11:46:23
終了日時
2011-03-29 09:44:21
回答条件
1人3回まで

この質問のカテゴリ

この質問に含まれるキーワード

API1084楽天市場197Webサービス596楽天1202サイドバー460

人気の質問

メニュー

PC版