カテゴリサイドボックスの項目に背景画像を  【解決済み】

困った時はこちらで質問してください。回答を担当する人は特に決まっていませんので、分かる方は回答をお願いします。
アバター
pun

カテゴリサイドボックスの項目に背景画像を

投稿記事by pun » 2007/7/31 21:20

こんにちわ
デザインのカスタマイズに日々格闘している初心者です。
どうしてもわからないことが出てきてしまいました。助けていただけませんか?

カスタマイズ・ガイドの本を手がかりに、
サイドボックスの項目に背景画像を指定しました。

例に出ているインフォメーションサイドボックスの背景にはうまく画像が表示
できたのですが、そのコードをもとにカテゴリサイドボックスにも指定してみたところ
どうしても画像が表示できません。

/* 【LIST:4-13】サイドボックスの項目に背景画像を指定する */
#informationContent ul li a {
background-image: url('../images/categori_back.gif');
background-repeat: no-repeat;
display: block;
height: 30px;
padding: 0em 0em 0em 2em;
font-size: 1em;
color: ;
}
#informationContent ul li a:hover {
background-image: url('../images/categori_back.gif');
background-repeat: no-repeat;
}
#informationContent {
padding: 0;
}

これを

#categoriesContent ul li a {
background-image: url('../images/categori_back.gif');
background-repeat: no-repeat;
display: block;
height: 30px;
padding: 0em 0em 0em 2em;
font-size: 1em;
color: ;
}
#categoriesContent ul li a:hover {
background-image: url('../images/categori_back.gif');
background-repeat: no-repeat;
}
#categoriesContent {
padding: 0;
}

このように#informationContent の部分を #categoriesContent
とだけ変えただけなのですが。。。

どこか間違えがあるのでしょうか?

それとも他にいじらなければならないコードなどあるのでしょうか?

よろしくお願いします。

zen-cartバーションは1.3.0.2です。
アバター
tango
記事: 223
登録日時: 2006/12/14 20:11
お住まい: TOKYO
連絡を取る:

投稿記事by tango » 2007/8/01 13:33

zen-cart のデフォルトでは、カテゴリーサイドボックスの内容は、リスト出力されていません。
表示されたソースをよく見てみましょう。

コテゴリーサイドボックス(/includes/templates/template_default/sideboxes/tpl_categories.php)をカスタマイズしてリスト出力する様にするか、
表示されたソースに合わせて、CSS を修正する必要があります。
tango / 山崎@ゼロ・オフィス
http://www.zero-office.com/ [OFFICIAL]
http://tango.zero-office.com/ [PRIVATE BLOG]
http://www.zero-office.com/store/ [ZenCart 用 MOD 他]
アバター
pun

カテゴリサイドボックスの項目に背景画像を  【解決済み】

投稿記事by pun » 2007/8/03 15:54

tangoさま
アドバイスありがとうございます。お礼が遅くなり、申し訳ありませんでした。

なるほど、リスト出力されていないので、インフォメーションサイドボックスと
同じようにいかないのですね。。。

どのファイルをカスタマイズすればいいのか教えていただけて
大きな一歩を踏み出せました!

今からどうのようにカスタマイズすればいいのか模索してみます。
がんばります。

煮詰まってしまったらまた、こちらにおじゃますると思いますのでその時も
どうぞよろしくお願いいたします。
アバター
shimura

自分も取り組んでいるのですができません

投稿記事by shimura » 2007/11/05 18:19

自分もカスタマイズ・ガイドを参考にインフォメーションサイドボックスとカテゴリサイドボックスに背景画像を表示させようとしているのですが上手くいきません。
まずインフォメーションサイドボックスについて
#informationContent ul li a {
background-image: url('../images/sidebox_item.gif');
background-repeat: no-repeat;
display: block;
height: 20px;
padding: 0em 0em 0em 2em;
font-size: 1em;
color: ;
}
#informationContent ul li a:hover {
background-image: url('../images/sidebox_hober.gif');
background-repeat: no-repeat;
}
#informationContent {
padding: 0;
}
としたのですが表示されません。
インフォメーションサイドボックスには新たに「特定商取引に関する表示」ページを加えてあるのですがこれが原因でしょうか。

加えてpun様同様にカテゴリサイドボックスに関しても同様の背景画像を表示させたいのですがclassでsideBoxContentを指定しても上手くいきませんでした。

どなたかご教授いただけないでしょうか。

zen-cartのバージョンは1.3.0.2です。
アバター
tango
記事: 223
登録日時: 2006/12/14 20:11
お住まい: TOKYO
連絡を取る:

投稿記事by tango » 2007/11/05 20:21

どのようなカスタマイズを加えているのか、ソースを拝見しない事にはわかりませんが、このような場合はいきなり画像を指定するのでなく、バックグランドカラーなどで試して、問題の切り分けをした方がよいと思いますよ。

1px のボーダーをデバッグ用に付けてみるのもよいと思います。

カテゴリーについては、先の投稿にも書きましたが、デフォルトの状態ではリスト出力はされていませんので、同じ様な指定では適用されません。
スタイルシートを合わせるか、サイドボックス側の出力をリスト出力する様に改造する必要があります。
tango / 山崎@ゼロ・オフィス
http://www.zero-office.com/ [OFFICIAL]
http://tango.zero-office.com/ [PRIVATE BLOG]
http://www.zero-office.com/store/ [ZenCart 用 MOD 他]
アバター
shimura

投稿記事by shimura » 2007/11/05 23:24

tango様、早速の返信ありがとうございます。
information.phpのソースは
if (DEFINE_CONTACT_US_STATUS <= 1) {
$information[] = '<a href="' . zen_href_link(FILENAME_ENTREPRENEUR) . '">' . BOX_INFORMATION_ENTREPRENEUR . '</a>';
}
を特定商取引に基づく表示ページの追加の際に書き加え、クーポンを無効にしているだけです。

恥ずかしながら当方はあまりphpに関する知識を持ち合わせていません。よろしければ何か改善点を教えて頂けないでしょうか。宜しくお願い致します。
アバター
tango
記事: 223
登録日時: 2006/12/14 20:11
お住まい: TOKYO
連絡を取る:

投稿記事by tango » 2007/11/06 00:41

先にも書きましたが、何が原因かわからないときは、すべての要素を切り分けてデバッグしなくてはなりません。

また、スタイルシートがらみであれば、実際にブラウザの読み込んでいるソース、およびそこから呼び出しているファイル、この場合は外部スタイルシートを見ない事には、想像でお話しするしかありません。

今回お書きになっているコードについては、$information 配列に、新しい項目を足しているだけでしょうから、きちんとその FILENAME_ENTREPRENEUR と BOX_INFORMATION_ENTREPRENEUR が定義されているのであれば問題ない様に思います。

問題を解決したいのであれば、まずはそのカスタマイズした部分を元に戻して、前回私が書いた事も試してみてください。そうすれば、もう少し問題点がしぼれると思いますよ。
tango / 山崎@ゼロ・オフィス
http://www.zero-office.com/ [OFFICIAL]
http://tango.zero-office.com/ [PRIVATE BLOG]
http://www.zero-office.com/store/ [ZenCart 用 MOD 他]
アバター
kino
記事: 893
登録日時: 2005/5/15 19:39
お住まい: 京都
連絡を取る:

投稿記事by kino » 2007/11/06 08:39

木下です。

ブラウザにFireFox使っていればFireBugで簡単に調査できるんですけどね。
-----
木下 敏夫
http://www.tktools.jp/

大阪府産業デザインセンターデザイン専門員 ( http://bmb.oidc.jp/index.php?topic=-m-D14 )
奥様ショップ 店長 ( http://okusama-shop.com/ )
電脳ドロップシッピング 店長 ( http://d-064.d-shipping.net/ )

“Zen Cart 質問コーナー” へ戻る