おちゃのこ広場

おちゃのこユーザー様同士の情報交換BBS！
活発な意見交換の場としてご利用下さい。

おちゃのこ広場(会員版)おちゃのこネットアカウントIDと
パスワードが必要です。
開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報（住所、電話番号など）の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
新規投稿
記事を閉じて表示
記事を閉じる 文字列 投稿者:Inunohana No.13607 URL

オリジナルT-シャツなどを販売する際に、
お客様の好きな文字列（例えば自分の名前など）をプリントするようなケースがあると思うのですが、
おちゃのこネットを利用してこのような仕組みをどのように構築すればいいでしょうか？

Re 文字列について 投稿者:おちゃのこ刑部 No.13608 URL

Inunohanaさん、こんにちは。

文字列についてです。
カート内での文字列挿入については、現在オーダー商品に対応する機能を改良中です。改良をアップ後は、商品詳細ページ内でテキストの挿入が可能になります。
アップ時には、広報させていただきます。
現在のところアップは年内を予定しております。

なお、現状で文言を入力される場合は、カートの用途・オプション設定を利用してオプション備考欄に記載していただくか、カート備考欄をご利用いただく方法となります。

よろしくお願い致します。

記事を閉じる 用途・オプション設定非表示 投稿者:ながまゆ No.13602 URL

用途・オプション設定を誤って一度設定してしまいました。
テキストボックスを全て削除してもオプション欄が非表示になりません。
何か方法がございますか？

Re オプションについて 投稿者:おちゃのこ刑部 No.13604 URL

ながまゆさん、こんにちは。

オプションについてです。
オプション欄については、ショップ運用設定→用途・オプション設定のオプション設定欄の各項目を削除いただくことで、非表示となります。
お手数ではございますが、再度ご確認いただけますでしょうか。

よろしくお願い致します。

記事を閉じる トップページの表示について 投稿者:トリセン No.13598 URL

いつもお世話になっております。トリセンです。

またひとつ教えていただけないでしょうか。

トップページの左側サイトのコンテンツの表示についてですが、
現状、「特定商取引表示」その下に「店長レポート」さらに空白を置いてから「店長登山日記」が並んでいるのですが、その「店長レポート」と「店長登山日記」の間の空白を削除したいと思っております。
http://walkingassist.ocnk.net/（参照ページ）

よろしくお願いいたします。

Re メニューについて 投稿者:おちゃのこ刑部 No.13599 URL

トリセンさん、こんにちは。

メニューについてです。
外部ブログ用メニューの自由記入欄に下記のようにclass名を追記してください。
---------------------------------------------------
<div class="navi">
↓
<div class="navi blog">
---------------------------------------------------

その後、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
---------------------------------------------------
.blog {
margin-top: -29px;
}

*+html .blog {
margin-top: -30px;
}
---------------------------------------------------

補足ですが、上記のように自由記入欄で外部ブログメニューを追加いただく方法以外に、おちゃのこネットでは通常の店長日記メニューを外部ブログにすることも可能です。

デザイン管理→表示とレイアウトの設定ページのその他表示設定欄の店長日記部分に外部ブログのURLを設定してください。
※中央エリアに、最新記事の読み込みをしない場合は、その他表示設定の店長日記は非表示に設定していただき、上部の左エリア固定欄の店長日記メニューのみを表示にしてください。

これで、同様のデザインメニューで、外部ブログへのリンクメニューを左エリアのメニュー欄に設置できます。

よろしくお願い致します。

Re トップページの表示について 投稿者:トリセン No.13600 URL

おちゃのこ刑部様へ

トリセンです。

いつも、迅速、適切に対応していただき、ほんとうに助かっております。

ありがとうございました。

記事を閉じる ロゴの更新 投稿者:matsu No.13591 URL

お世話になります。
ロゴを新しいものに登録しなおしたのですが、
古いものが表示されます。

管理画面上では新しいものになっているのですが。。

FireFox・IEともにキャッシュは削除して再起動してます。

どうしたらよいでしょうか。
よろしくお願いします。

Re ロゴについて 投稿者:おちゃのこ刑部 No.13592 URL

matsuさん、こんにちは。

ロゴ画像についてです。
現在、スタイルシート内の下記の箇所で指定されている画像が表示されております。スタイルシート内の画像を更新されたのでしょうか。
確認する限り下記で指定されている画像が表示されております。
http://www.shop-mu.jp/data/shopmu/image/TOPimage/rogo_001.gif
--------------------------------------------------
.shoplogo A {
display: block;
width: 202px;
height: 86px;
background-image: url(image/TOPimage/rogo_001.gif);
background-repeat: no-repeat;
margin: 30px 0px 0px 60px;
}
--------------------------------------------------

デザイン管理の画像とコメントの設定ページ内のショップ名画像は、現在スタイルシートにて非表示となっておりますので、画像とコメントの設定ページで更新されても画像は、変更されません。
一度、ご確認いただけますでしょうか。

よろしくお願い致します。

Re ロゴについて 投稿者:matsu No.13596 URL

お世話になります。
ご指摘いただいたとおり、スタイルシートの画像を変更したら直りました。

ありがとうございます。

記事を閉じる 無題 投稿者:kei No.13588 URL

お世話になります。

いつか２カラムにしたいと思うのですが、現在中央にある「人気ランキング」や「新商品」などのタイトルの文字の部分を画像に変更したいと思っていますが、どこを変えれば良いでしょうか？

メルマガやサポートクラブを探しても分からなかったので教えて頂ければと思います。
よろしくお願いします。

Re タイトルについて 投稿者:おちゃのこ刑部 No.13590 URL

keiさん、こんにちは。

タイトルについてです。
基本的な方法については、下記のFAQに記載しております。

●新商品
※中央エリアで、新商品とおすすめ商品を併用していただいておりませんので、STEP3はとばしていただき、STEP4下部の指定をご利用ください。
-----------------------------------------------
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=558&artlang=ja
-----------------------------------------------

●ランキング
-----------------------------------------------
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=559&artlang=ja
-----------------------------------------------

ただし、2カラム時ということですので、上記指定に少し変更が必要となります。
下記のFAQに記載しておりますが、基本的には、#column2を親要素として指定する方法となります。
-----------------------------------------------
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=644&artlang=ja
-----------------------------------------------

上記新商品のタイトル指定の場合、.style1_topの前に#column2を指定してください。
-----------------------------------------------
.style1_top {
-----------------------------------------------
↓
-----------------------------------------------
#column2 .style1_top {
-----------------------------------------------

よろしくお願い致します。

Re 無題 投稿者:kei No.13595 URL

ありがとうございます。またチャレンジしてみます。

記事を閉じる カート内の画像について 投稿者:クマキチ No.13587 URL

いつもお世話になっております。

ショップ運用設定→送料設定→「カート内発送方法　注意書き」
のＨＴＭＬタグに画像を貼り付けたのですが、ピンボケして表示されてしまいます。


ピンボケせずに画像を表示させる方法を教えてください。

Re 画像について 投稿者:おちゃのこ刑部 No.13589 URL

クマキチさん、こんにちは。

画像についてです。
元の画像サイズが、横幅：715ピクセル×縦幅484ピクセルとなっております。
現状、imgタグのwidthを700ピクセル、heightを473ピクセルに指定いただいているため、強制的に縮小されている状態です。

画像サイズを小さくしていただくか、widthとheightの指定をそれぞれ、715と484に変更してください。

よろしくお願い致します。

Re ありがとうございました。 投稿者:クマキチ No.13593 URL

早速のお返事ありがとうございました。

解決いたしました。

大変ありがとうございました。

記事を閉じる 再び、関連商品のことで。 投稿者:みずえ No.13579 URL

関連商品の各、当該商品を外してアップしてみましたが、やはり、
「変更する商品自体を関連商品1に登録することはできません。(2行目)」となります。この2行目とは？

なお、当該商品は関連商品にならないとのことですが、普通にアップしたものは、同じ物が関連商品に設定されます。
http://www.titan-shop.com/product/1328

CSVのみ、受付られませんか？こういう仕組みになっているのでしょうか？
お手数ですが、よろしくお願い申し上げます。

Re CSVについて 投稿者:おちゃのこ刑部 No.13583 URL

みずえさん、こんにちは。

商品登録画面の関連商品についてです。
大変申し訳ございません。
商品登録画面の関連商品にて、登録中商品と同じ商品が登録できてしまうのは、システムの不具合でございます。
通常は、同じ商品は登録することはできません。
現在システムを修正中でございますが、しばらくお時間がかかります。

ご迷惑をお掛けして申し訳ございません。

よろしくお願い致します。

Re 関連商品のことで。 投稿者:みずえ No.13584 URL

>商品登録画面の関連商品にて、登録中商品と同じ商品が登録できてしまうのは、
>システムの不具合でございます。
>通常は、同じ商品は登録することはできません。
>現在システムを修正中でございますが、しばらくお時間がかかります。

大変ありがとうございます。
この時、ついでと言いましては失礼ですが、同一商品は自動的に省かれる様に
システムを変更して頂くことは出来ませんでしょうか？
千個以上の商品に付いて、「商品詳細」のページを充実させるべく現在対処中ですが、変更して頂くと、関連商品部分のcsvファイルでの変更が大変効率的になります。
今のシステムでやってはみましたが、とても手間が掛かるので、関連商品については
CSVでは無理かな〜と、思っております。
出来ましたら、よろしくお願い致します。

Re CSVについて 投稿者:おちゃのこ刑部 No.13585 URL

みずえさん、こんにちは。

関連商品についてです。
先ほどシステムを修正させていただきました。
登録商品と同様の商品については、選択できないように修正しております。

なお、以前はエラーを表示していたおりましたが、商品登録ページ、CSVページで、関連商品に変更する商品自体が入っている場合、自動的に削除するように仕様変更を行っております。

このたびはご迷惑をお掛けして大変申し訳ございませんでした。

よろしくお願い致します。


Re ありがとうございました。 投稿者:みずえ No.13586 URL

刑部様
この度は、わがままを聞いて頂き、何とお礼を申し上げたら良いのかわかりません。
しかも、こんなに早く…。
本当にいつも、有難く感謝しております。

さっそく、少しでも良いショップにして行きたいと思っております。
ありがとうございました。

記事を閉じる yahooモバイルについて 投稿者:ゆうた No.13580 URL

どなたか、知恵をお貸しください。

グーグルモバイルでは、表示されるようになりましたが、

ヤフーモバイルは、表示されません、

３カ月ほど　経過しております。


　どうすればよろしいでしょうか？

Re Yahooモバイル 投稿者:おちゃのこ刑部 No.13582 URL

ゆうたさん、こんにちは。

Yahooモバイルについてです。
登録については、下記をご覧下さい。
http://help.yahoo.co.jp/help/jp/dir/suggest/suggest-24.html

よろしくお願い致します。

記事を閉じる 出張先のＰＣからおちゃのこメールを確認する 投稿者:長島 No.13566 URL

お世話になります。
初歩的な質問で恐縮なのですが、
１つ気になっている事がありますので思い切って質問させて頂きます。

windowsliveでhotmailやgmailは出張先のPCから全てのメール（弊社内メインのPCで送受信したメールも全て）を問題なく確認ができるのですが、
おちゃのこメールは出張先のPCで送受信した分のメールしか確認できません。
何か設定方法があるのでしょうか？

Re メールについて 投稿者:おちゃのこ刑部 No.13570 URL

長島さん、こんにちは。

メール設定についてです。
おちゃのこネット側で特に設定することはありません。
メーラーの設定で、サーバーに残す設定して下さい。
※ただし、おちゃのこネットの1つのメールアドレスの容量を100MB／POPアカウントとなっておりますので、下記のFAQの運用のアドバイスもご覧の上、設定ください。

http://www.ocnk.net/faq/index.php?action=artikel&cat=281595&id=500&artlang=ja

よろしくお願い致します。

Re ありがとうございました 投稿者:長島 No.13581 URL

おちゃのこ刑部様

ご回答頂きありがとうございました。
お蔭様ですっきりいたしました。
今後とも宜しくお願い致します。

記事を閉じる 解決出来ました。 投稿者:funa No.13577 URL

おちゃのこ刑部様
いつもご解答ありがとうございます、お陰様で問題解決致しました。

今回の問題は、
自動改行のチェックを外しててもIEでは改行されてしまうという解釈でよろしいでしょうか？


あとお聞きしたいことがあるのですが、
商品名などの表示から型番／品番を取り除く場合は、登録時指定しない方法のみでしょうか？
出来ればトップページや商品詳細ページでは表示させたくないのですが。

もし何か方法有りましたらご教授下さい。
よろしくお願いします。

Re 質問の件見つけました。 投稿者:funa No.13578 URL

すいません上記型番表示についての質問を見つけましたので、
そちらを参考にさせていただきます。

記事を閉じる csvファイル 投稿者:みずえ No.13567 URL

csvファイルをダウンロードした後、訂正してアップロードしましたところ、

下記の文言が現れます。
「変更する商品自体を関連商品1に登録することはできません。(2行目)」

関連商品もCSVファイルで、替えてしまいたいのですが、それは無理でしょうか？

Re CSVについて 投稿者:おちゃのこ刑部 No.13571 URL

みずえさん、こんにちは。

商品の一括登録変更についてです。
CSVファイルにて、関連商品の設定も可能です。
CSVファイル上でかなり右列になります。一度ご確認くださいませ。

なお、関連商品の設定は、商品の管理番号にて行います。

よろしくお願い致します。

Re 関連商品 投稿者:みずえ No.13575 URL

ご返事ありがとうございます。
実は、知人から、関連商品に付いても纏めてアップすると、もし当該商品と一致している場合は、自動的に外して貰えるから大丈夫と聞きましたのでそうしました。
でも、出来なかったので、改めて聞きますと、別のプロバイダーの間違いだと分かりました。

つきましては、大変恐れ入りますが、「当該商品と一致していれば、その商品は自動的に外される」様に、変更して頂く様には、なりませんか？
１つのカテゴリーに50〜60個ある場合、とても助かります。
ご一考、よろしくお願い申し上げます。

Re CSVについて 投稿者:おちゃのこ刑部 No.13576 URL

みずえさん、こんにちは。

CSVでの関連商品登録についてです。
現状のところは、改良の予定はございませんが、今後皆さんのご意見もお聞きし検討したいと思います。

よろしくお願い致します。

記事を閉じる リョウ 投稿者:パンクズ部分のCSSについて No.13569 URL

いつもお世話になっております。

CSSのパンクズの部分に関する質問です。

現在、下記の通りにCSSを記述しております。

--------------------------------------------------
#pan {
width: 784px;
margin: 0px 12px 5px 4px;
padding: 0px;
}

#pagemain {
width: 784px;
margin: 0px 12px 0px 4px;
padding: 0px;
}
--------------------------------------------------

【#pan】の部分についてなのですが、
このタグに包括される内容が784pxを超えて表示されております。

範囲を視認するために【background-color: #ff0000;】タグを挿入しましたが反映されません。

記述の順序の問題かと思い、【#pan】と【#pagemain】を入れ替えたところ、
今度は【#pagemain】が無効になってしまいました。
（入れ替える前と比較して左marginの4pxの指定が無効になったので）

対策としては【pagetd】で左のmarginを4px取れば回避はできるかと思うのですが、
根本的な解決方法があれば教えていただきたく、お願い致します。

それから【centertd】タグは3カラム選択時に使用されているのはトップページのみでしょうか？
お手隙でご返答を宜しくお願い致します。

Re パンクズについて 投稿者:おちゃのこ刑部 No.13572 URL

リョウさん、こんにちは。

パンクズについてです。
スタイルシートの編集から#pan内にbackground-color: #FF0000;の1行を追加いただければ、通常は背景色の変更は可能です。

例）
#pan {
width: 784px;
margin: 0px 12px 5px 4px;
padding: 0px;
background-color: #FF0000;
}

スタイルシートの編集を確認しましたが、現状カスタマイズされたスタイルシートが1つもない状態でございました。

「デザイン管理」→「スタイルシートの編集」画面から内容を変更後、ページ最下部の「設定処理を完了する」ボタンをクリックしていただいておりますでしょうか。

また、「設定処理を完了する」ボタンをクリックしている場合でも「テンプレート名」欄を設定していない場合、エラーとなってスタイルシートは、保存されません。

一度、ご確認をお願い致します。

なお、centertdを利用しているのは、トップページのみとなります。

よろしくお願い致します。

Re パンクズ部分のCSSについて 投稿者:リョウ No.13574 URL

おちゃのこ刑部 様

申し訳ありません。
現在、別アカウントでデザインのテストを行っており、
親記事のアカウントでは確認できない物でした。

また、原因についても解決いたしました。
お手数をおかけし、申し訳ございません。

次回質問の際には該当のアカウントにて投稿させていただきます。

【centertd】はトップページのみということで了解いたしました。

ありがとうございました。

記事を閉じる 画像専用管理画面に関しまして 投稿者:リョウ No.13550 URL

いつもお世話になっております。
画像専用管理画面に関する質問です。

本日、階層構造を整理するために【商品フォルダ】直下にあった複数のフォルダを
同じ【商品フォルダ】直下にあったフォルダの一つに一括で移動させましたところ
最下層のフォルダが知らないうちに消滅しました。

後から別の作業中に【フォルダは5階層までしか作成できません。】と表示されて
5階層までということを知ったのですが、階層が深くなる場合、
最下層から勝手に削除されてしまうのでしょうか？

ただ、階層構造は【a/b/c/xxx.jpg】という3階層から【A/a/b/c/xxx.jpg】という4階層に
【a】以下を丸ごと移動する形で行い、6階層以上の構造ではありませんでした。

それから、【商品フォルダ/A-1/b/c/d】という構造の【b】に当たるフォルダを【c】と【d】も含めて
【商品フォルダ/A-2/b/c/d】という構造の【b】に当たる階層に移動を試みたところ、
上記しました【フォルダは5階層までしか作成できません。】というメッセージが表示されました。
深度としては変わらないと思っていたのですが、どこが問題なのでしょうか？

お忙しいところ恐縮ではございますが、アドバイスをお願い致します。

Re 画像専用管理画面について 投稿者:おちゃのこ刑部 No.13554 URL

リョウさん、こんにちは。

大変申し訳ございません。
画像専用管理画面のシステムに不具合があり、ご指摘のように1階層少なめにカウントされておりました。
先ほど、システムを修正させていただきました。
なお、5階層を超えた分については、削除される仕様でございます。

削除されてしまった画像を復旧させていただきますので、お手数をお掛けして申し訳ございませんが、どちらのフォルダ内の画像を復旧されたいかをご連絡いただけますでしょうか。

下記のページより、フォルダ名をご連絡くださいませ。
https://www.ocnk.net/contact/

ご迷惑をお掛けして申し訳ございません。

よろしくお願い致します。

Re 画像専用管理画面に関しまして 投稿者:リョウ No.13555 URL

おちゃのこ刑部 様

お世話になっております。
早速ご返答をいただき、ありがとうございます。

消滅した画像に関しましては既に弊社にて全て再アップロード済みですので大丈夫です。
ご案内いただき、ありがとうございました。

自動的に削除される仕様とのことですが、こちらの仕様はどこかに明記されておりますでしょうか？
スタートアップガイドや管理画面マニュアルにもざっと目を通したのですが、それらしき記述が見当たりませんでした。

見落としているようであれば申し訳ないのですが、個人的にはかなり重大な仕様と思えますので
出来れば画像専用管理画面のUI周りに目立つようにアナウンスを行ってはいただけませんでしょうか？
5階層までという仕様も同様に行っていただけると助かります。

更に可能であれば自動ではなく、削除される前に
『このままフォルダの移動を行いますと**フォルダが削除されますがよろしいですか？』
といった YES or NO のワンクッションがあると大変助かります。

今回、自動的に削除されてしまった商品画像は3000枚前後にもなり、
復旧に3時間を要し、その間ショップをクローズせざるを得ませんでした。

基本的には階層が深くなるほどファイル数は増加するかと思われますので、
再発防止のためにも上記の件に関しましてご検討いただければ幸いでございます。

長々と書いて恐縮なのですがもう一点、親記事にも書いた質問なのですが、
【商品フォルダ/A-1/b/c/d】という構造の【b】以下のフォルダを丸ごと
【商品フォルダ/A-2/b/c/d】という構造の【b】に当たる階層に移動を試みたところ、
【フォルダは5階層までしか作成できません。】というメッセージが表示されました。

深度としては変わらないと思っていたのですが、どこが問題なのでしょうか？

前述では6階層以上が自動的に削除され、
こちらではアナウンスが出るということは6階層以上と認識しているにも関わらず自動削除されないため、
その境界線がよくわからないので教えていただきたく思います。

何卒宜しくお願い致します。

Re 画像専用管理画面について 投稿者:おちゃのこ刑部 No.13557 URL

リョウさん、こんにちは。

このたびはご迷惑をお掛けして大変申し訳ございませんでした。

ご指摘のように移動画面内に注意書きを記載し、5階層を超えての移動時には、移動時に移動するかどうかをアナウンスを表示するように改良させていただきます。
画像管理画面のヘルプにも記載を追加させていただきます。

【商品フォルダ/A-1/b/c/d】という構造の【b】以下のフォルダを丸ごと
【商品フォルダ/A-2/b/c/d】という構造の【b】に当たる階層に移動を試みたところ、
【フォルダは5階層までしか作成できません。】というメッセージが表示されました。
-----------------------------------------------------------
上記につきましては、同様の階層でしたが、階層カウントに不具合がございましたので、【フォルダは5階層までしか作成できません。】とメッセージが表示されておりました。
大変申し訳ございませんでした、この点については昨日修正しております。

よろしくお願い致します。

Re 画像専用管理画面に関しまして 投稿者:リョウ No.13560 URL

おちゃのこ刑部 様

お世話になっております。
早速ご返答をいただき、ありがとうございます。

また、改良していただけるということでありがたく思います。
大変かとは思いますが、何卒宜しくお願い致します。

【フォルダは5階層までしか作成できません。】というアナウンスの件に関しまして、
昨日修正していただいた件に絡むことだったということで了解いたしました。

これからも宜しくお願い致します。

Re 画像専用管理画面について 投稿者:おちゃのこ刑部 No.13565 URL

リョウさん、こんにちは。

画像専用管理画面についてです。
本日システムを改良しアップロードさせていただきました。

仕様としては、移動時にアラートを出し、移動する/移動しないを選択するのではなく、エラーを表示し先にフォルダ構造を変更しないと、移動できないようにしております。
アラートで選択の場合、移動するを選択時に結果としてファイルが削除されてしまうため、上記仕様とさせていただきました。

また、移動画面のボタン上部と画像専用管理画面のFAQにも注意書きも追加させていただきました。

このたびは、ご迷惑をお掛けし大変申し訳ございませんでした。

よろしくお願い致します。

Re ありがとうございました 投稿者:リョウ No.13568 URL

おちゃのこ刑部 様

わざわざこちらからご連絡いただき、ありがとうございました。
また、迅速なご対応に感服しております。

選択肢ではなく、エラー対応ということでより良いアップデートかと思います。

本当にありがとうございました。
これからも宜しくお願い致します。

記事を閉じる スマートフォン 投稿者:カズ No.13543 URL

お世話になります。
スマートフォンでお伺いします。
商品カテゴリーページの各カテゴリー名をテキストではなく、画像に変更することは可能でしょうか？
また、同じようにトップページのフリーページタイトルを画像に変更することは可能でしょうか？

Re カテゴリページタイトルについて 投稿者:おちゃのこ刑部 No.13545 URL

カズさん、こんにちは。

スマートフォン版についてです。

--------------------------------------------------------
●カテゴリページ
--------------------------------------------------------
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。

画像サイズの横幅は、960pxで作成して下さい。

下記は、各カテゴリページ共通の指定となります。
※下記を貼り付けると全カテゴリ一覧ページのカテゴリ名が一旦非表示となります。
--------------------------------------------------------
.categorylist_page_body h2 {
text-indent: -9999px;
-webkit-background-size: auto 100%;
background-position: left center;
background-color: transparent;
border: none;
}

.categorylist_page_body .sort A,
.categorylist_page_body .sort span {
border-top: 1px solid #B0B0A2;
}
--------------------------------------------------------

次に各カテゴリ用の画像を指定します。
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。

例えば、下記のページの場合、
http://ettinger.ocnk.net/phone/product-list/6

指定は、下記のようになります。
#categorylist_page_6のid名は、ページのURLの数字と連動しています。
--------------------------------------------------------
#categorylist_page_6 h2 {
font-size: 15px;
color: #FFFFFF;
background-image: url(image/title.gif);
padding: 10px 50px 10px 10px;
}
--------------------------------------------------------

同様に、http://ettinger.ocnk.net/phone/product-list/2
の場合、id名は#categorylist_page_2となります。

--------------------------------------------------------
●フリーページタイトル
--------------------------------------------------------
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。
下記は、共通の指定となります。
※下記を貼り付けると全フローページメニューのフリーページ名が一旦非表示となります。
--------------------------------------------------------
.contents .navi_freepage A {
text-indent: -9999px;
}
--------------------------------------------------------

次に背景画像の指定を行います。
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。

例えば、下記ページ用メニューの場合
http://ettinger.ocnk.net/phone/page/12

指定は、下記のようになります。
.freepage12の数字とページURLの数字は、連動しています。
--------------------------------------------------------
.navi_freepage li.freepage12 {
background-image: url(image/menu.gif);
-webkit-background-size: auto 100%;
background-color: transparent;
}
--------------------------------------------------------

同様にhttp://ettinger.ocnk.net/phone/page/13
の場合、class名は.freepage13となります。

よろしくお願い致します。

Re ありがとうございます。 投稿者:カズ No.13546 URL

おちゃのこ刑部　様

お忙しいところ、対応いただきまして、感謝します。
トライしてみたいと思います。

Re ひょっとして 投稿者:カズ No.13551 URL

お世話になります。

教えていただいたこちらの設定は、ひょっとして
背景画像を指定して、その上にカテゴリー名のテキストが載る形でしょうか？

希望は、テキストも含みすべて画像で作りこんだものを、
それをそのまま置くという形なのですが。
（当然その画像はこちらで作成します）

私の勘違いでしたらすいません。

勘違いでなければ、
画像一枚を載せる方法を教えていただきたいのですが。。

何卒、よろしくお願いします。

Re スマートフォン版について 投稿者:おちゃのこ刑部 No.13553 URL

カズさん、こんにちは。

ご回答の方法は、文字を含んだ画像を利用する方法となります。
ただし、imgタグで挿入することはできませんので、スタイルシートにて背景画像に指定します。
既存のテキストについては、非表示となります。

よろしくお願い致します。

Re 教えていただきたいのは。。 投稿者:カズ No.13561 URL

おちゃのこ刑部　様

お世話になります。
たびたびすいません。

ちょっと私の書き方が悪かったかもしれません。

教えていただいたのは、
カテゴリーページの上のタイトルの変更の仕方のようです。

知りたかったのは、

「カテゴリーページ」ではなく、
その前の「カテゴリー一覧ページ」の
カテゴリー名が、一覧で並んでいるバナーです。
そこをそれぞれのカテゴリーに対応した画像バナーに変更したいということです。

たびたび申し訳ございませんが、
何卒、よろしくお願いいたします。

Re スマートフォン版について 投稿者:おちゃのこ刑部 No.13562 URL

カズさん、こんにちは。

カテゴリ一覧についてです。
ご指摘のとおり、先のご回答は、カテゴリページのタイトルです。
申し訳ございません。

各カテゴリメニューの場合は、下記の指定となります。
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。
※メインカテゴリ用の指定となります。

下記は、各カテゴリページ共通の指定となります。
※下記を貼り付けるとメインカテゴリ名が一旦非表示となります。
------------------------------------------------
.category_list .maincategory A {
text-indent: -9999px;
}

.category_list .maincategory {
-webkit-background-size: auto 100%;
background-color: transparent;
border: none;
}
------------------------------------------------

次に背景画像の指定を行います。
スマートフォンサイト管理のスタイルシートの編集から下記の指定をコピーして貼り付けてください。

例えば、下記ページ用メニューの場合
http://ettinger.ocnk.net/phone/sub-category/1

指定は、下記のようになります。
#category_1の数字とページURLの最後数字は、連動しています。
------------------------------------------------
.category_list li#category_1 {
background-image: url(image/file.gif);
}
------------------------------------------------

同様に
http://ettinger.ocnk.net/phone/product-list/2
の場合は、ID名は、#category_2となります。
※サブカテゴリがあるかないかで、数字の前のディレクトリ名が、sub-categoryかproduct-listで異なりますが、数字は連動しておりますので、数字のみをご覧ください。

よろしくお願い致します。

Re たびたびすいません 投稿者:カズ No.13563 URL

ありがとうございます。

設定しましたが、うまくいきません。
画像のサイズの問題でしょうか？
960pxです。

http://lladro.ocnk.net/phone/category

お手数ですが、
よろしくお願いします。

Re 背景画像について 投稿者:おちゃのこ刑部 No.13564 URL

カズさん、こんにちは。

背景画像についてです。
スタイルシート内の各行の余白を削除して再度ご確認いただけますでしょうか。
------------------------------------------------------
.category_list .maincategory A { ←余白
text-indent: -9999px; ←余白
}
.category_list .maincategory { ←余白
-webkit-background-size: auto 100%; ←余白
background-color: transparent; ←余白
border: none;　←余白
}
------------------------------------------------------

1点追加で、下記の指定を.category_list .maincategory内に追加をお願い致します。
background-size: auto 100%;

※補足
・既存メニューの背景色をそのまま利用する場合は、
background-color: transparent;の行は削除してください。
・画像をリピート表示しない場合は、
.category_list .maincategory内にbackground-repeat: no-repeat;を追加してください。

なお、PCで表示を確認される場合は、IE9またはGoogle Chrome、Safariをご利用ください。

よろしくお願い致します。

記事を閉じる フリーページの記載方法 投稿者:トリセン No.13556 URL

いつもお世話になっております。
吉林インポートの桑原です。

お忙しいところ申し訳ございません。またひとつ教えていただけないでしょうか。

フリーページに貼り付けた画像を背景画像に対して中央に配置したいのですが、左寄せに貼り付いてしまいます。右寄せには指定をすることにより配置することができるのですが、中央に配置することがどうしてもできません。

ただ、テキストは現行位置で中央寄せにはしたくありません。また画像を中央配置にすることによりテキストの回り込みも避けたいです。テキストは画像の下方から書き始めたいです。
http://kitsurin.ocnk.net/page/15（ページ参照）

そんなことはできるのでしょうか。

よろしくお願いいたします。

Re フリーページについて 投稿者:おちゃのこ刑部 No.13558 URL

トリセンさん、こんにちは。

フリーページについてです。
現状imgタグを記載されている<div>タグのstyle属性に、widthとmarginの指定を追記してください。

<div style="height: 450px">
↓
<div style="width: 575px; height: 450px; margin: auto;">

よろしくお願い致します。

Re フリーページの記載方法 投稿者:トリセン No.13559 URL

おちゃのこ刑部様へ

トリセンです。

いつも、迅速に適切な回答をいただきまして、ほんとうにありがとうございます。

記事を閉じる フリーページの枠 投稿者:kazu No.13547 URL

おちゃのこ刑部さま

お世話になっております。
こちらの知識不足で大変ご迷惑をおかけしました。
無事に修正する事ができました。

おかげさまでhoverの件は解決したのですが、【ログインページ】のみ、開くと
ページ全体が右にずれてしまいます。
何が原因でしょうか？

また、【フリーページ】で製作いたしました【お支払い方法】ページ内、枠の下部の線が崩れてしまいます。

【ヘルプ】ページ内、【ショッピングについてのヘルプ】の小枠タイトルにhoveがついてしまっています。

サポートクラブの、フリーページに他のコンテンツ（「ご利用案内」「店長日記」等）と同様の枠をつけたい。
を参考にし製作したのですが原因がわかりません。

お忙しいところ申し訳ございませんがご回答をよろしくお願いいたします。



Re ご質問について 投稿者:おちゃのこ刑部 No.13548 URL

kazuさん、こんにちは。

ご質問についてです。
ログインページの前に1点先ほどのご回答に漏れがございました。
現状、IE8,9で確認すると、グローバルナビゲーション下部に余白があります。

これは、下記の部分に</a>が抜けていることが原因ですので、修正ください。
----------------------------------------------------
<div class="header_postage">
<a href="http://www.knowledge-web.jp/page/6"><img src="http://www.knowledge-web.jp/data/knowledge/image/400x35_postage2.gif" width="400" height="35" border="0" alt="代替" class="hoverImg"/>
</a>←追加してください。
</div>
----------------------------------------------------

ログインページについてですが、右にずれているということですが、こちらで確認(※IE7～9、Google Chrome、Firefox6で確認)する限り、中央に配置されております。
可能であれば、ご利用ブラウザとキャプチャ画像を投稿記事に添付いただけますでしょうか。
画像欄から登録可能です。

フリーページについては、<div class="page_table_bottom"></div>の前に</div>が一つ抜けておりますので、追加してください。
<div class="page_table_middle">に対する終了タグとなります

よろしくお願い致します。

Re フリーページの枠 投稿者:kazu No.13549 URL

おちゃのこ刑部さま

お世話になっております。
早急のお返事ありがとうございました。
私はintel macでsafari5.0.6を使用しております。

今現在も【ログインページ】のみ、開くとページ全体が多少右にずれてしまいます。
他のページを開いてもずれはないですが。

先ほど質問した【フリーページ】の件ですが、質問は2つありまして
1つ目は、【お支払い方法】ページ内、枠の下部の線が崩れている。
2つ目は、【ヘルプ】ページ内には【ご利用についてのヘルプ】、【ショッピングについてのヘルプ】の
小枠タイトル部分が2項目あります。
【ご利用についてのヘルプ】へはhoverがついてませんが、【ショッピングについてのヘルプ】へ
hoverがついてしまっている。
それらを修正したいのですが、先ほどの回答はどちらへの事でしょう？
またもう少し細かく修正位置を指定して頂けると助かります。

お忙しい所申し訳ございませんがご回答をよろしくお願いいたします。



Re ご質問について 投稿者:おちゃのこ刑部 No.13552 URL

kazuさん、こんにちは。

ご質問についてです。
ログインページについてですが、こちらでもMac Safariで確認しておりますが、問題ないかと思います。
ページ全体が少し右に動くのは、このページの縦幅が狭いためスクロールバーが表示されていないからではないでしょうか。
他のページでは表示されており、このページでのみ非表示となるため右に少し移動します。
再度ご確認をお願い致します。

フリーページについてです。
ご説明不足で申し訳ございません。
先のご回答は、「【お支払い方法】ページ内、枠の下部の線が崩れている。」についてでございます。
【ヘルプ】の件については、各<a>タグに対する</a>が抜けていますので、追加をお願いします。

よろしくお願い致します。

記事を閉じる hover, 投稿者:kazu No.13542 URL

お世話になっております。

３カラムから2カラムへ変更し、左エリア、中央エリアの位置を微調節し、自由記入欄を中央エリアに表示しましたら、下記不具合がおきましたのでご回答をよろしくお願いします。

製作したトップ画像（ブラック）の所ですが、バナーなど無い部分にカーソルが反応し、リンクしているようです。（ショップ名画像の下）
トップ画像は950pxで製作しましたのでcontainerも950pxにしましたが直りません。（現在は860pxに戻しています）

中央エリアの商品カテゴリ一覧（brand list）、what's new、new item、へhoverを指定していますが、できなくなってしまいました。
商品カテゴリ一覧（brand list）は一部hoveされています（カテゴリ15項目中、上8項目がhoverされない）
new item欄の上段4点の商品画像へは全体ではなく一部分hoveされています。（洋服のイラストの中間あたりまで）
そしてトップボタンは無反応になってしまいました。

また、中央エリアの自由記入欄部分へ他コンテンツと同様の大枠を使うやり方で項目を増やしましたが、
位置が揃わずずれてしまいます。

お忙しいところ申し訳ございませんが
原因がわかりませんのでご回答を宜しくお願いいたします。

Re ご質問について 投稿者:おちゃのこ刑部 No.13544 URL

kazuさん、こんにちは。

ご質問についてです。

製作したトップ画像（ブラック）の所ですが、バナーなど無い部分にカーソルが反応し、リンクしているようです。（ショップ名画像の下）
トップ画像は950pxで製作しましたのでcontainerも950pxにしましたが直りません。（現在は860pxに戻しています）
----------------------------------------------------------
ヘッダーメニューの159x35_help_bnr.gifを指定されているimgタグの後ろの＞と</a>が抜けているためです。
追加をお願いします。
----------------------------------------------------------


中央エリアの商品カテゴリ一覧（brand list）、what's new、new item、へhoverを指定していますが、できなくなってしまいました。
商品カテゴリ一覧（brand list）は一部hoveされています（カテゴリ15項目中、上8項目がhoverされない）
new item欄の上段4点の商品画像へは全体ではなく一部分hoveされています。（洋服のイラストの中間あたりまで）
そしてトップボタンは無反応になってしまいました。
----------------------------------------------------------
.header_bannerの縦幅が350pxとなっておりますが、35pxに変更して下さい。このエリアが重なっているため、ブラウザによってクリックできない状態となっております。

.header_banner {
position: absolute;
width: 950px;
height: 350px;
top: 160px;
left: -45px;
}
↓変更後
.header_banner {
position: absolute;
width: 950px;
height: 35px;
top: 160px;
left: -45px;
}
----------------------------------------------------------


また、中央エリアの自由記入欄部分へ他コンテンツと同様の大枠を使うやり方で項目を増やしましたが、
位置が揃わずずれてしまいます。
----------------------------------------------------------
<div id="pagemain">を<div class="center_box">に変更をお願い致します。
----------------------------------------------------------

よろしくお願い致します。

記事を閉じる 画像上部に隙間ができてしまう。 投稿者:funa No.13539 URL

いつもお世話になっています。
解決できなかったので質問させていただきます。
IE８で確認した時のみこのような現象です。

現在左box（１番目）と中央box（３番目）に自由記入欄を使い画像挿入しているのですが、そこで使っている画像の上部に1pxの隙間ができてしまいます。

左boxのcss
.side_box {
width: 160px;
margin: 0px 0px 10px 0px;
padding: 0px;
}

ではpaddingもmarginも0になっているんですが、
こういう場合はどうしたらよいでしょうか？

宜しくお願いします。

Re 空白について 投稿者:おちゃのこ刑部 No.13540 URL

funaさん、こんにちは。

空白についてです。
各imgタグとaタグ間の改行をすべて削除して再度ご確認ください。

●左エリアの場合
上側画像のimgタグと下側画像のaタグ間の改行を削除してください。

●中央エリアの場合
<a>～</a>
<a>～</a>
のようにaタグで改行されている箇所の改行を削除し
<a>～</a><a>～</a>
のように変更してください。

よろしくお願い致します。

記事を閉じる 商品詳細のページのこと。 投稿者:みずえ No.13529 URL

いつも、いろいろ済みません。
実は、自分のショップでは、商品詳細のページの説明が大変不足していたことが分かり、今後充実を図りたいと思っております。

それで、例えば、下の様にしてみましたところ…。
（他の商品のバナーを「詳細な説明(必須)」覧に記載してみましたところ）
http://www.titan-shop.com/product/1303

「他の写真」や「関連商品」がずっと下の方に行ってしまう為、説明がうまく当該商品とリンクせず、ぼやけてしまうので、こまっております。

つきましては、他のバナーなどをページの再下部へ表示させる方法はありますでしょうか？お伺い致します。

Re 商品詳細ページについて 投稿者:おちゃのこ刑部 No.13531 URL

みずえさん、こんにちは。

商品詳細ページについてです。
このバナーが各商品ページに表示されても問題ない場合は、商品詳細ページの自由記入欄を利用することで、関連商品下にコンテンツを配置することは可能です。

ただし、この場合、全商品詳細ページの最下部に同様のコンテンツが表示されます。
商品ページ設定から設定可能です。

商品説明欄を利用する場合は、申し訳ございませんが、関連商品下に表示することはできません。

よろしくお願い致します。

Re ご返事ありがとうございます。 投稿者:みずえ No.13533 URL

刑部様
さっそく、ご返事頂きありがとうございました。

やはり、全部のページに同じものを貼付けるのではなく、コップのページならコップ類のみ、ピアスのページにはピアス関係のみを貼付けたい訳です。
そう言うことが出来る様に改訂して頂けると有難いのですが…。
それは、無理でしょうか？

Re 商品詳細ページについて 投稿者:おちゃのこ刑部 No.13536 URL

みずえさん、こんにちは。

商品詳細ページについてです。
説明欄を最下部に表示させることはできませんので、自由記入欄を各商品詳細ページで別で設定可能にする必要があるかと思います。
今後検討させていただきます。

よろしくお願い致します。

Re よろしくお願い致します。 投稿者:みずえ No.13538 URL

ご返事ありがとうございます。
できましたら、よろしくお願い申し上げます。

記事を閉じる ショップサイトの上部にある「ご利用案内」「お問い合せ」リンクの右のコロン（：）のフォント色の変更 投稿者:管理者 No.13534 URL

以前、ショップサイト上部にある「ご利用案内」「お問い合せ」リンクの右にある
検索欄を、実質的に非表示にする方法を教えて頂き、
非表示にしたのですが、コロン（：）は消せないとのことでした。

このコロンのフォント色を変更できれば、
ほぼ見えなくできるのですが、可能でしょうか?

Re 文字色について 投稿者:おちゃのこ刑部 No.13537 URL

管理者さん、こんにちは。

サブナビゲーション内の文字色指定については、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281583&id=94&artlang=ja

よろしくお願い致します。

新規登録

*必須項目

お名前
題名
コメント*
画像
※掲載可能な画像は、500kB以下のJPG・PNG・GIFファイルです。
アカウントID*
※半角英数字。記事にはショップのURLが表示されます。
ログインパスワード*
※管理画面ログイン時のパスワード

以下のフォームから自分の投稿記事を修正・削除することができます

処理: 記事No. パスワード: