このコーナーでは、テンプレートのカスタマイズについて、実際のサンプルページを元に紹介していきます。
皆さん、こんにちは。
おちゃのこネットの刑部です。
今回のデザイン道場は、全商品一覧へのリンクボタンを作成する方法をご紹介します。
おちゃのこネットでは全商品一覧へのリンクは自動では生成されませんので、商品検索の検索結果を利用して表示させます。
画像サイズは下記のように作成して下さい。
横幅 |
最大160ピクセル(※一部テンプレートでは異なる場合があります。)
※画像サンプル：160ピクセル |
縦幅 |
自由
※画像サンプル：50ピクセル |
画像の保存形式は、GIF、JPG、PNG形式のいずれかで保存して下さい。
サンプル画像
管理画面→デザイン管理→画像専用管理画面をクリックして下さい。
コンテンツフォルダをクリックし、作成した画像をアップロードして下さい。
管理画面→デザイン管理→画像とコメントの設定をクリックして下さい。
自由記入欄に下記のようなhtmlタグを記載して下さい。
<div class="side_box">
<a href="http://cafe0808.ocnk.net/product-list/0/0/photo?keyword=">
<img src="https://cafe0808.ocnk.net/data/cafe0808/image/allitem_btn.jpg"
width="160" height="50" border="0" alt="全商品一覧" />
</a>
</div>
編集後、「登録処理を完了する」ボタンをクリックして下さい。
a
について |
http://cafe0808.ocnk.net/product-list/0/0/photo?keyword=
全商品一覧へのリンク先を記載します。
上記は、写真のみ表示の全商品一覧となります。
説明付き一覧の場合は、photoをnormalに変更して下さい。
記載例：写真のみ一覧）
●共用ドメインコースの場合
アカウントID：demo
http://demo.ocnk.net/product-list/0/0/photo?keyword=
●独自ドメインコースの場合
独自ドメイン：http://www.garitto.com/
http://www.garitto.com/product-list/0/0/photo?keyword=
記載例：説明付き一覧）
●共用ドメインコースの場合
アカウントID：demo
http://demo.ocnk.net/product-list/0/0/normal?keyword=
●独自ドメインコースの場合
独自ドメイン：http://www.garitto.com/
http://www.garitto.com/product-list/0/0/normal?keyword=
|
img
について |
https://cafe0808.ocnk.net/data/cafe0808/image/allitem_btn.jpg
ご利用いただくボタン画像のURLを記載して下さい。
自由記入欄(左エリア)に画像URLを記載いただく際には、必ずhttps//共用ドメインURL/～の絶対パスで記載して下さい。独自ドメインでご利用の方も必ず共用ドメインのURLで記載して下さい。 記載例）
●共用ドメインコースの場合
アカウントID：demo
https://demo.ocnk.net/data/demo/image/file.gif
●独自ドメインコースの場合
独自ドメイン：http://www.garitto.com/ アカウントID：garitto
https://garitto.ocnk.net/data/garitto/image/file.gif
|
|
上記では、画像リンクボタンを利用していますが、テキストリンクでももちろん作成可能です。
|
前号へ
