tokkiさん、こんにちは。

headerについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

なお、ご利用案内、お問い合わせの位置については、.subnavi内のtopの値で調整できます。
値を小さくすると上に移動できます。0が最上部です。

#header {
height: 190px;
}

#bline {
height: 0px;
}

.subnavi {
top: 50px;
}

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

おちゃのこ刑部様

お忙しいところ、早々のご教示ありがとうございました。
無事headerの高さ変更とその下のスペースの縮小できました。

追加で恐縮ですが二点教えてください。

*回答いただいた記述で以下のようにheaderの高さが190pxとなっていますが、こちらがheader画像として登録した画像ファイルは860×225です。
それにもかかわらず、下部が欠けることなくきちんとheader部におさまっています。通常header画像の縦サイズをheightで指定すると思っていたのですが、違うのでしょうか。

#header {
height: 190px;
}

*ご利用案内やお問い合わせを表示する部分の背景を透明にしたいのですが、可能でしょうか。色を変える方法はマニュアルでわかったのですが、透過は無理でしょうか。

たびたび恐れりいりますがよろしくお願いいたします。

tokkiさん、こんにちは。

最上部のキャッチフレーズ欄とヘッダー欄の背景にトップ画像が入りますので、キャッチフレーズ欄の縦幅+ヘッダーの縦幅がトップ画像サイズとなります。

ただし、キャッチフレーズ欄については、固定でhaightは指定されていませんので、文字サイズや文字数によって縦幅は可変で変わります。

さらにトップ画像下部に余白が少し入りますので、これらの点を考慮してheaderの縦幅を決めていますが、基本的には、画面を確認しながら作業いただくのが良いかと思います。

ご利用案内部分についてですが、完全に透明にされたいのであれば、.subnaviの背景色指定を削除いだければ、背景は非表示となります。
下記の箇所の、background-color: #FFFFFF;を削除ください。

.subnavi {
background-color: #FFFFFF;
padding: 1px 20px;
position: absolute;
top: 260px;
margin-left: 380px;
height:25px;
}

透明度を調整する場合は、下記のような指定が必要です。
この場合は、background-color: #FFFFFF;は必要ですので、削除しないでください。
下記のの3行が、透明度の指定となります。
値を小さくすると透明度が高くなります。
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;

.subnavi {
background-color: #FFFFFF;
padding: 1px 20px;
position: absolute;
top: 260px;
margin-left: 380px;
height:25px;
filter: alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
}

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

おちゃのこ　刑部様

いつも迅速なご回答ありがとうございます。
ご説明いただきました件、理解しました。
詳細なご説明に深くお礼申し上げます。

できるだけ過去の投稿など拝見し、解決できるよう努めておりますが、行き詰った時にスムーズにご教示いただけますのは、心強く、感謝しきりです。
今後ともどうぞよろしくお願いいたします。

では、朝晩肌寒くなってまいりました。
くれぐれも体調崩されませんよう。

オガワアヤコさん、こんにちは。

スタイルシートについてです。
Webフォントについてですが、フォントがアップロードされていれば、@font-faceを利用してスタイルシート内に記載していただければ、利用可能ですが、
Webフォント用としてフリーで提供されているフォント以外の通常市販されているフォントは、ライセンスでWebフォントとして利用できなかと思います。
その場合は、Webフォント用のライセンスを購入して利用する必要があります。
※各フォントのライセンスについては、こちらではわかりかねますので、ご自身でご確認ください。

ランキングを左エリアで利用した場合の指定については、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=645&artlang=ja

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

おちゃのこ刑部様

迅速なご回答ありがとうございます。

(2)の左カラムの件はうまく行きました。ありがとうございます。

(1)のwebフォントですが、フリーのwebフォントをダウンロードして使用させていただくつもりです。アップロードとは、当方でするのでしょうか。管理画面の画像アップロードでできるのでしょうか。.ttfと.eotファイルです。

恐れ入りますがご回答よろしくお願いします。

オガワアヤコさん、こんにちは。

フォントファイルについては、おちゃのこネットのサーバーにはアップロードいただくことはできませんので、外部のサーバーにアップしていただく必要があります。

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

Fukuさん、こんにちは。

パンくず表示についてです。
グループ一覧から詳細に遷移した場合も上部のパンくずにはカテゴリ一覧が表示されます。
この部分をグループに変更することはできません。
今後、検討して参ります。

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

お返事ありがとうございました。
現状、了解いたしました。

グループのパンくず表示と共に、グループの段階層化もできれば大変にうれしく思います。

どうぞよろしくお願いいたします。

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

納品書、請求書の包装代等の文言についてです。
ご要望の箇所の文言については、背景画像を利用している箇所となりますので、変更いただくことはできません。

現状もご利用かと思いますが、備考欄等に説明を記載いただきご対応をお願い致します。

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

榎本さん、こんにちは。

商品詳細ページのボタンについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
font-size: 14px;が文字サイズとなりますので、ご自身で変更ください。
font-weight: bold;が太字指定となります。

.detail_page_body .item_bot_box input {
font-size: 14px;
font-weight: bold;
}

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

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

ボタンの文字が太くなりました。
http://www.stone-stone.jp/product/224

また何かありましたらよろしくお願い致します。

りんりんさん、こんにちは。

メールについてです。
「特定商取引法設定」ページの「販売主：担当者メールアドレス」欄の注意書きにあります通り「※～以外のアドレスを設定された場合、購入者宛メールなどが届かない可能性がございます。ご注意ください。」
ショップのドメイン以外のアドレスを設定されますと、迷惑メールとして処理される可能性が高くなります。

現在、Gmailのアドレスを設定されていますが、Gmailのサーバより送信されていないため、なりすましメールとして処理されている可能性が高いかと思います。

ショップのドメインのメールアドレスを設定していただき、お客様にそのアドレスのドメイン解除をしていただくように【ショップ基本設定】→【お客様情報登録ページ設定】より「メールアドレス注記設定」などに記載していただけますでしょうか。

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

オフィスの改良のお礼です。
以前、WEB版の納品伝票の文字が、小さく
改良のお願いをした事が有ります。

今回の改良で、納品書の文字が大きくなり
大変助かっています。　この改良時から、以前のオフェスから
全ての作業を　WEB版　に移行しました。

従来版の立ち上げのタイムロスや納品書のダウンロードに掛かる
異様に遅い？タイムロスからも解消され、作業効率が
格段に上がりました。多くの納品伝票も快適に印刷できます。　
佐川ｅ秘伝Ⅱでも、佐川伝票もすぐに印刷まで、出来ます。　

改善の要望を出していたのに、お礼のメールに時間が掛かってしまい
申し訳御座いませんでした。　　有難うございました。

（株）マモル・オンラインショップ さん、こんにちは。

ご丁寧にご連絡いただきましてありがとうございました。
オフィスについては、今後も改善点を順次対応し、リリースして参りますので、ご活用くださいませ。

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

Nnさん、こんにちは。

ヘッダーエリアについてです。
キャッチフレーズ欄のhtmlタグ挿入とスタイルシートの編集が必要です。

STEP1　キャッチフレーズ欄にhtmlタグを挿入する
-------------------------------------------------------
下記のような、htmlタグを挿入してください。
メニューの内容部分については、ご自身で作成をお願い致します。

<div class="header_area">内容</div>


STEP2　スタイルシートを編集する
-------------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

下記は、最上部のヘッダーとトップ画像の間に配置しています。
bodyのmargin-top: 110px;で、配置箇所に余白を作っています。
値を大きくするとトップ画像から下の部分が下がります。

メニューは、縦幅50pxとしていますが、作成画像によってこの値は変更してください。
.header_areaのheight: 50px;がその値となります。
.header_areaのtop: 45px;とleft: 0px;は、メニューの配置位置指定となります。
topの値を大きくすると下に移動できます。
leftの値を大きくすると右に移動できます。

メニュー画像のサイズによってご自身で調整をお願い致します。

body {
margin-top: 110px;
}

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 45px;
left: 0px;
}

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

＞STEP1　キャッチフレーズ欄にhtmlタグを挿入する
-------------------------------------------------------
下記のような、htmlタグを挿入してください。
メニューの内容部分については、ご自身で作成をお願い致します。

<div class="header_area">内容</div>


こちらの内容部分ですが、参考させていただいてるサイトの部分でいうと
ヘッダー画像のことですか？




＞メニューは、縦幅50pxとしていますが、作成画像によってこの値は変更してください。
.header_areaのheight: 50px;がその値となります。
.header_areaのtop: 45px;とleft: 0px;は、メニューの配置位置指定となります。
topの値を大きくすると下に移動できます。
leftの値を大きくすると右に移動できます。

メニュー画像のサイズによってご自身で調整をお願い致します。

body {
margin-top: 110px;
}

.header_area {
width: 960px;
height: 50px;
position: absolute;
top: 45px;
left: 0px;
}



こちらはメニューの画像をどこに入れたら良いでしょうか。


初心者なので良くわからなくて、、、すみません＞＜

Nnさん、こんにちは。

内容部分については、ナビゲーション画像でもバナー画像でも問題ございませんので、ご自身の作成予定の画像をimgタグで挿入してください。

基本的には、<div class="header_area">内容</div>がベースとなるhtmlとなり、このhtmlをスタイルシートで位置調整して配置するという方法になります。

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

ありがとうございます。
ショップ名の画像、リンクできました。
下のメニュー画像もできました！

そこで、なぜかショップ名の上に余白ができてしまいます。。
どこを調整すればよいでしょうか？

それと、ショップ名の横に
￥6000円～の画像を設置して
同じやり方でその下にカートを設置したいのですが
画像が重なったりでうまくできません。
どうしたらいいでしょうか？

何度も申し訳ありません＞＜

Nnさん、こんにちは。

ヘッダーについてです。

●ショップ名上の余白
下記の値を小さくすることで、余白を狭くすることができます。

body {
margin-top: 110px;
}

●バナーの追加
現在、header_bannerというclass名をつけてdivタグでバナーを設置いただいているかと思います。

現在のバナーを左に移動させるには、下記のleft: 650px;の値を小さくしてください。
.header_banner {
position: absolute;
top: 20px;
left: 650px;
margin-top: 0px;
}

空いたスペースに別途バナーを配置される場合は、同様に下記のようclass名を付けたdivタグをキャッチフレーズ欄に設置してください。
<div class="header_banner_r">バナー</div>

設置後、スタイルシートの編集から上記で設定したclass名用の指定を追加してください。
top: 20px;の値を大きくすると下に移動できます。
left: 650px;の値を大きくすると右に移動できます。
.header_banner_r {
position: absolute;
top: 20px;
left: 840px;
}

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

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

何度もすみません。。。
設置した画像からリンクさせるにはどうすればいいですか？
カートの画像からのリンク。

それとショップ下のメニューひとつひとつにも
リンクさせようとしたのですが
ショップ画像のリンクも動いてしまいます。

そしてショップ画像に枠がついてしまってるのですが
とれません＞＜


メニューから下にも画像を色々置きたいのですが
全部キャッチフレーズで編集していくのですか？
その場合のタグを教えてください。


無知ですみません＞＜

Nnさん、こんにちは。

メニューについてです。

何度もすみません。。。
設置した画像からリンクさせるにはどうすればいいですか？
カートの画像からのリンク。
-----------------------------------------------------
リンクについては、<a>タグで設定ください
http://nnshop.ocnk.net/cartがリンク先となります。


それとショップ下のメニューひとつひとつにも
リンクさせようとしたのですが
ショップ画像のリンクも動いてしまいます。
-----------------------------------------------------
もう少し詳細をお教えください。


そしてショップ画像に枠がついてしまってるのですが
とれません＞＜
-----------------------------------------------------
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=412&artlang=ja


メニューから下にも画像を色々置きたいのですが
全部キャッチフレーズで編集していくのですか？
その場合のタグを教えてください。
-----------------------------------------------------
配置されたい箇所によりますが、メニュー下部に配置されたい場合は、スタイルシートの編集から下記の指定を追加して、メニュー下に余白を作ってください。
※heightの値を大きくすると余白を大きくできます。

#header {
height: 180px;
}

その上で、現状キャッチフレーズ欄に設定いただいているhtmlタグの下部に同様にhtmlタグにて追加ください。

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

カートの画像からのリンク。
できました！ありがとうございます。

ショップ画像枠、
こちらもできました！


もう二つはもう少しでできそうなので
もうちょっとやってみます。


あと中央幅を大きくした時に
キャッチフレーズに設置した画像がそのままになってしまったのですが
こちらもバランスよく中央に寄せるには
スタイルシートでひとつひとつずらしていく方法しかないですか？

Nnさん、こんにちは。

キャッチフレーズ欄とご利用案内、検索部分を中央に寄せる場合は、この二つのブロック要素で調整できます。

ただし、第二階層のページ以降は、幅は以前のままですので、トップページにのみ適用させるようにしています。

.top_page_body #copy {
margin-left: 140px;
}

.top_page_body .subnavi {
padding-left: 740px;
}

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

できました！ありがとうございました！

ショッピングカートの画面レイアウトについて、ご案内ページを拝見しましたところ、少し違和感を覚える表記がありましたのでご相談させてください。

「初めての方」に対し、「会員登録されると登録ポイント、購入ポイントが獲得できます。」とあります。（獲の部分が判読できないので文面から推察しています）
これは当店のようにポイントを付与せずにカートを利用しているショップにとっては、お客様から誤解を招く表記ではないでしょうか。ご注文後のトラブルに発展しかねないような案内表記は好ましくないのではないかと存じます。

お考えをお聞かせいただけますか。よろしくお願いします。

アティック.さん、こんにちは。

ご説明不足で申し訳ございません。
初めての方部分の文言についてですが、ポイント機能を利用していない場合は、該当の文言は表示されません。

告知ページ内にも説明を追加させていただきました。
http://www.ocnk.net/cart/index.html

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

今回の変更で、パスワードが4文字以上の半角英数字の入力が必要になるのですが、以前に登録されたお客様で、4文字未満のパスワードで登録された方は、そのままだとログインできなくなりますか？

もしそうであれば、ショップで事前に告知しなければならないので、教えてください。

Cadeauさん、こんにちは。

パスワードについてです。
既存のお客様については、既にご登録いただいているパスワードが3文字であってもログイン可能です。
新規登録と変更時のみ4文字以上の入力が必要となります。

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

おちゃのこ刑部 様

お返事ありがとうございます。
大変失礼いたしました。そのような仕様だったのですね。安心いたしました。

会員価格の表記についても心配だったのですが、追記案内で了解いたしました。

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

おちゃのこ刑部 様

早々のご回答ありがとうございました。
ログインが可能とのことで、安心致しました。

今後も宜しくお願い致します。

カワセ　ヨシミさん、こんにちは。

検索結果については、検索エンジンが古いページをクロールしたためかと思いますので、再度クロールされるまでお待ちいただけますでしょうか。

Yahooショッピングについては、もう少し詳細をお教えいただけますでしょうか。Yahooショッピングには、通常出店が必要かと思います。

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

関谷さん、こんにちは。

相手側サーバ上において迷惑メールフィルターなどにより削除され受信できていない可能性など考えられます。
メールログをお調べしますので、お問い合わせフォームより該当の受注番号をご連絡いただけますでしょうか。

●お問い合わせフォーム
https://www.ocnk.net/contact/

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

お世話になります。

関谷さまと同じく、メールが届かないことがあります。
迷惑メール設定などの次元ではなく、ご注文後の自動配信メールは届いているのに、その後の発送日確認メールが届かないこともあります。
一度確認していただけませんでしょうか？

メールが届かなかったことを確認した受注番号
・1481
・1427
・1304←迷惑メール設定の可能性があります。

よろしくお願いします。

トントンハウス　井藤さん、こんにちは。

メールについてです。
ログファイルを含みますので、ご回答はご登録メールアドレス宛にサポート担当よりお送りさせていただきます。

なお、「特定商取引法設定」ページの「販売主：担当者メールアドレス」欄の注意書きにあります通り「※～以外のアドレスを設定された場合、購入者宛メールなどが届かない可能性がございます。ご注意ください。」
ショップのドメイン以外のアドレスを設定されますと、迷惑メールとして処理される可能性が高くなります。

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

tokkiさん、こんにちは。

ディスクリプションについては、検索結果の説明部分に表示されるものですが、表示の仕様についてはブラウザによりますので、詳細は分かりかねます。

下記のメルマガコンテンツ、基礎からのSEOでも記載されておりますので、ご参照ください。http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm142.html#seo

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

刑部様

早速に回答いただきありがとうございました。

ちょっと質問の仕方が悪かったようで、すみません。

「ディスクリプション」の内容がスペニットとして表示されるのは理解しているのですが、お聞きしたかったのは、商品ごとに個別にディスクリプションを設定しているのに、検索でその「商品詳細ページ」がヒットした時にスペニットに表示される内容が「商品別に個別に設定したディスクリプション」ではなく、「ショップ基本設定」→「メタタグ設定」のディスクリプション欄に入力した内容になっている事に関してでした。

ショップ基本設定→メタタグ設定のディスクリプション欄に入力した内容は検索エンジンでトップページがヒットした時に表示されるスペニットだと思っていたのですが違いますか？

たとえば、
ショップ基本設定→メタタグ設定のディスクリプション欄の内容が「○○○・・・」
新商品登録で商品Aを登録する際に入力したディスクリプション欄の内容が「△△△・・・」
新商品登録で商品Bを登録する際に入力したディスクリプション欄の内容が「×××・・・」
だとした場合、
検索エンジンで商品Aのページがヒットした場合に、表示されるスペニットは「△△△・・・」で、
商品Bのページがヒットした場合に表示されるスペニットは「×××・・・」だと理解していたのですが、商品Aのページがヒットした場合も商品Bのページがヒットした場合も表示されているのが「○○○・・・」なのです。

これが検索エンジン側の問題なのか、当方の登録の仕方に問題があるのかを知りたかった次第です。

こちらでお尋ねすべき内容でなければすみません。

それから一点確認ですが、刑部様から頂いた回答にあった以下の内容ですが、、
＞ディスクリプションについては、検索結果の説明部分に表示されるものです
＞が、表示の仕様についてはブラウザによりますので、詳細は分かりかねます。

ブラウザ（IEかFirefoxか等の違い）によってスペニットの表示内容が違う場合があるという意味でしょうか？

お忙しいところいろいろお聞きして恐縮ですがよろしくお願いいたします。

tokkiさん、こんにちは。

大変申し訳ございません。ご回答に誤りがございました。
ブラウザによりではなく検索エンジンでございました。

ディスクリプションのスニペットへの表示については、検索エンジン側の仕様によりますので、こちらでは、詳細は分かりかねます。
ご了承くださいませ。

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

＞大変申し訳ございません。ご回答に誤りがございました。
＞ブラウザによりではなく検索エンジンでございました。
承知しました。

＞ディスクリプションのスニペットへの表示については、検索エンジン側の仕様＞によりますので、こちらでは、詳細は分かりかねます。
＞ご了承くださいませ。
こちらも承知しました。
せっかく商品別にディスクリプションを入力しているので、それが反映された方がお客様にもきていただきやすいのになぁと残念に思っておりましたが、検索エンジン側の仕様であれば仕方ないので、他の集客方法も頑張りたいと思います。

お忙しい中、迅速なご対応ありがとうございました。

アティック.さん、こんにちは。

販売価格ラベルの色についてです。
商品詳細ページのみ変更する場合は、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.detail_page_body .priceb #price_label {
color: #FF0000;
}

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

おちゃのこ刑部 様

お教え頂いたとおり作業し問題なく変更できました。
ご教示ありがとうございました。

たなごころさん、こんにちは。

メールの設定についてです。
お問い合わせフォームからも同様のお問い合わせをいただいておりますので、サポート担当よりメールでご回答させていただきます。
今しばらくお待ちください。

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

mooneyesshopさん、こんにちは。

バリエーションについてです。
コピー部分については、複数選択しての作業も可能ですので、操作が複雑になる可能性がありますので、現状は変更予定はございません。
なお、バリエーション在庫の設定画面は、今後上部に一括設定する欄を設けることを検討しております。
上部で設定した在庫数と価格を下部の全欄に一括して反映させる機能となりますので、作業効率は上がるかと思います。

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

ハラダさん、こんにちは。

大変申し訳ございません。
数量についてですが、ご指摘のようにシステムに不具合が発生しておりました。
先ほど、修正しアップロードしておりますので、現在は数量の選択が可能となっております。

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

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

そうでしたか～また私が色々触っておかしくなったのかと思いましたがよかったです。

あと数量の後に（枠外でも）単位は、入れれないでしょうか？
画像のように文字を入れれないでしょうか？

ハラダさん、こんにちは。

数量の単位についてです。
各商品登録画面の「数量ラベル」から設定することができます。
単位欄に「予約する」と設定いただければ、ご要望のように表示可能です。
設定は、商品単位となります。

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

在庫単位で設定し　できないと勘違いしておりました。
ありがとうございました。

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

ご質問についてですが、アドビファイルとは、PDFファイルのことでしょうか。
また、リンク設置箇所はトップページの一覧でしょうか。それともWhat's Newページ内の内容欄でしょうか。

お手数ですが、詳細をお教えくださいませ。

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

おちゃのこ刑部様へ
トリセンです。

質問に不備があり申し訳ございません。
アドビファイルとは、PDFファイルことであり、リンク設置箇所は
What's Newページの内容欄からPDFファイルを開きたいと思っています。

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

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

PDFファイルについてです。
基本的には、おちゃのこネットのサーバー上にはアップロードできませんので、外部サービスを利用する必要があります。
下記のFAQに記載がございますので、ご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281602&id=726&artlang=ja

なお、リンクについては、内容欄に<a>タグを利用してリンクを設置してください。

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

おちゃのこ刑部様へ

ありがとうございます。
やってみます。

yasuさん、こんにちは。

余白についてです。
いらっしゃいませ欄、自由記入欄については、入力欄内で改行した場合、自動的に<br />の改行タグが挿入されます。

入力欄内下の、「改行は<br />タグに置換する」のチェックを外して再度ご確認ください。
ただし、いらっしゃいませ欄については、この自動改行によって文章を改行している箇所があるかと思います。
その箇所については、改行箇所に<br />タグをご自身で挿入してください。

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

おちゃのこ刑事様
ありがとうございます。
無事に出来ました。

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

済みません。只今155ポイントで表示出来ました。
大変失礼致しました。