【HP】カテゴリーに説明を入れる
まさかネットショップのカスタマイズ記事を書くことになろうとは思っても見なかった。
自分のメモ。そして、カラーミープロというネットショップを利用している方のお役に立てれば幸いです。
ここに至った経緯は後日。
![]()
カテゴリーの説明文と画像を入れる方法です。
※参考サイト
https://shop-pro.jp/wbbs/wbbs.php?e=search&qr=%A5%AB%A5%C6%A5%B4%A5%EA%A1%BC%A4%CE%C0%E2%CC%C0
http://support.shop-pro.jp/wforum.cgi?mode=allread&no=1683&pastlog=0003&act=past
お店を作る > デザインを設定する > デザイン設定 > お使いのテンプレートの「デザイン設定」をクリック
> 商品一覧の「HTML/CSS編集(上級者モード)」 をクリック
HTMLとCSSが表示されます。HTMLを編集します。
カテゴリーの説明文を入れたい場所に以下のタグを入れます。
<{if $bid_name == "カテゴリー名"}>
カテゴリーの説明文や画像
<{/if}>
画像を挿入したい場合は
<!-- 画像を入れる -->
<{if $bid_name == "カテゴリー名"}>
<img src="画像URL" alt="" width="600" height="140"/>
<{/if}>
くれぐれもカテゴリー名は間違えないでね。
画像のサイズはご自由に変更してください。
カテゴリーの説明を入れられるようにしてくれればいいのにね。
甲子園野球大会、見る?
ブログネタ:甲子園野球大会、見る?甲子園野球大会、見る?
参加中私は見る 派!
【CSS】ピグの部屋を消す
8月17日(火)のメンテナンスでブログやルームからピグのお部屋に入ることが出来るようになりました。
それらを消すCSSをご紹介します。
※参考サイト → アメブロ向上企画書さま
≪ブログ≫
プロフィールの写真がピグの写真の方は、画像をクリックするとピグの部屋に行けるようです。
ピグの写真でない方は、ルームに飛ぶようになっています。
プロフィール画像の下にある 【ルーム/なう/ピグの部屋】をすべて削除します。
以下の文章をCSSに追加してください。
//* ---ブログ プロフィール下 ルーム/なう/ピグの部屋を消す ここから---*//
#profile .profLink{
display:none;
}
//* ---ブログ プロフィール下 ルーム/なう/ピグの部屋を消す ここまで---*//
≪ルーム≫
左側のプロフィール画像の近くにある 【ルーム/ブログ/なう/ピグの部屋】から ピグの部屋 のみを削除します。
以下の文章を ルームのフリースペースの最後に貼り付けてください。
※プレビュー画面にCSSのタグが表示されますが、保存すると表示されませんのでご安心ください。
<style type="text/css">#navList .last{display:none;}#header li{border:none;margin:0;padding:0}#navList li a{border-left:#666666 1px solid;margin-left:7px; padding-left:7px;}</style>
納豆はひきわり
ブログネタ:納豆は大粒?小粒?ひきわり?
参加中私はひきわり 派!
