グループ一覧を画像で作成したい

2012-08-01 15:59

自由記入欄への記載と表示とレイアウトの設定で設定できます。
>サンプルページ

下記の手順で作業を行って下さい。

STEP1 自由記入欄に画像でグループ一覧を作成する


基本的には、全てご自身で制作していただく必要がございます。
管理画面→画像とコメントの設定ページに進んで下さい。
下記の例のようにHTMLタグを自由記入欄に記載し、グループメニューを作成して下さい。

<!-- 画像グループ -->
<div class="side_box">
<a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Chair" /></a><br />
<a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Sofa" /></a><br />
<a href="リンク先URL"><img src="画像URL" border="0" width="160" height="50" alt="Table" /></a>
</div>
<!-- 画像グループ -->

※各画像間に空白を入れたい場合は、下記のようにimgタグ内にスタイルシートにて、marginを指定して下さい。
<img src="画像URL" border="0" width="160" height="50" alt="Chair" style="margin-bottom: 5px;" />

●各項目説明

リンク先URL 各グループページへのリンク先URLを記載して下さい。
画像URL 画像専用管理画面にアップロードしたカテゴリ画像のURLを記載して下さい。
ご注意事項

●画像ファイルは、別途画像専用管理画面からアップロードして下さい。

●左エリアに画像を設定される場合は、必ずhttpの後ろに「s」を付け共用ドメインのURLにて記載して下さい。
SSL保護下(カート内、お問い合わせ、新規登録)のページでセキュリティ警告が表示されます。

記載例)
<img src="https://demo.ocnk.net/data/demo/image/demo.gif" border="0" width="160" />
imgタグ内属性 width:画像の横幅・・・例:160
ご注意事項
画像の横幅は、基本的には横幅160ピクセルですが、テンプレートにより異なる場合がございます。表示に不具合が出る場合は、画像サイズを調整して下さい。
height:画像の縦幅・・・例:50
alt:代替テキスト・・・例:chair
border:画像枠線・・・0に設定しない場合紫色の枠線が表示されます。

 

STEP2 既存のメニューを非表示に設定する


「デザイン管理」「表示とレイアウトの設定」からグループ一覧(特集)を非表示に設定して下さい。

ページ最下部の「設定処理を完了する」ボタンをクリックして下さい。