おちゃのこ広場

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

開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報(住所、電話番号など)の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
記事を閉じて表示
記事を閉じる ショッピングカートページのテーブルについて 投稿者:vivid No.14409 URL

ショッピングカートページについて、
カートの中身は余白を大きく使って目立たせたいけれど、
会員登録欄は最小の余白で詰めたいと思っています。

それぞれを固有で設定するクラスなどありましたら教えて頂けると嬉しいです。

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

vividさん、こんにちは。

お客様情報登録部分のtableには、.form_boxというクラス名をつけておりますので、そのクラス名をご利用くださいませ。

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

Re 無題 投稿者:vivid No.14411 URL

ありがとうございます!

無事に対応できそうです!

記事を閉じる 無題 投稿者:NSOYN No.14379 URL

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

1枚の画像がら複数のリンクを貼る方法はありますか?
HP上のショップ名下にNEW,OUTER,TOPSなどのメニューを作りました。
ひとつひとつにリンクを貼りたいです。

また、その下の画像も1枚の画像ですが
3つに分けてあるのでそれぞれリンクさせたいです。

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

Re 無題 投稿者:NSOYN No.14380 URL

もうひとつすみません><

900×422の画像を中央に設置したのがなぜかボケてしまいます。
画像をそのまま鮮明におくことはどうすればいいでしょうか?

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

NSOYNさん、こんにちは。

メニューについてです。
imgタグで配置するには、ボタンを分けて作成していただき各ボタンに<a>タグでリンクを設定していただく必要があります。
ボタンのレイアウトについては、tableタグまたはliタグ等で行ってください。
この点については、サポート外となりますので、ご自身で作成をお願い致します。
tableを利用した例は、下記のFAQに記載しておりますので、ご確認ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=271&artlang=ja

画像については、ご登録いただいた画像が横900×縦422ピクセルの場合、画像容量が200KBを超えていたため、自動縮小された可能性があります。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=765&artlang=ja

ご登録画像が200KBを超えている場合は、お手元の画像編集ソフトで、横900×縦422ピクセルの状態で、200KB以下になるように調整をお願い致します。

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

Re 無題 投稿者:NSOYN No.14399 URL

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

横メニューを自力で入れてみたのですが
文字の大きさ、マウスをあわせたときの範囲?の大きさを変えるには
どこにタグを設置したらよいですか?

また、ご利用案内、お問い合わせがかぶってしまい
直そうとすると崩れてしまいました。

これを動かすにはどこを直せばいいでしょうか。

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

NSOYNさん、こんにちは。

ご質問についてです。
メニューについては、現状下記の指定が適用されていない状態です。
#navigation li aに}が抜けているため、その下部の指定が適用されていません。下記のように追加ください。

ただし、追加し下部の指定を適用させると、テキストが非表示となる指定ですので、メニューの各文字は表示されません。
どのように表示されるご予定なのでしょうか。

#navigation li a{
display: block;
}

#navigation li a{
display: block;
overflow: hidden;
width: 100%; /*Windows IE対策*/
height: 0 !important;
height /**/: 30px;
padding-top: 30px;
}


ご利用案内については、下記の指定にて左からの位置を調整されているかと思います。値を大きくすると右に移動します。
.top_page_body .subnavi {
padding-left: 840px;
}

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

Re 無題 投稿者:NSOYN No.14406 URL

解決しました。ありがとうございました。
メニューに画像を入れ、横並びにしようとやってみましたが、
うまく横並びになりません。
どこが間違ってるのでしょうか?

それと今あるHP上のOUTER画像の少し右上にマウスを合わせると
なにもないところで反応してカートにリンクされているようです。
こちらもどの部分を直せばいいでしょうか?


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

NSOYNさん、こんにちは。

ご質問についてです。
まず、キャッチフレーズ欄内のhtml記載で2か所漏れがございます。

1.<div class="header_area">に対する</div>が抜けている
キャッチフレーズ欄の最下部に</div>を1つ追加してください。

2.<a href="http://nnshop.ocnk.net/cart">に対する</a>が抜けている
</a>を<img>タグの後ろに追加してください。

上記を修正していただいて上で、スタイルシートの編集から下記の箇所を編集してください。
メニューが2行に改行するのは、この部分のwidth指定がないためですので、数値を設定してください。
また、1行で表示した際に、コンテンツの重ね順の問題でボタンがクリックできない箇所がございますので、下記のようにposition指定とz-index指定を追加してください。

#globalnavi{
margin: 0;
padding: 0;
width: 980px;
height: 30px;
position: relative;
z-index: 99;
}

※補足
htmlタグを修正した際に。.subnaviの位置が少し変わります。
前回同様に.top_page_body .subnavi内のpaddingを調整してご対応ください。

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

Re 無題 投稿者:NSOYN No.14408 URL

ありがとうございます!!
やっと希望の形に出来上がりました!

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.14405 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●ショッピングカートの画面レイアウト、各フォーム仕様を変更しました
本日、事前告知させていただいておりました、ショッピングカートの画面レイアウト、各フォーム仕様変更をアップいたしました。

変更点の詳細は下記のページをご覧ください。
http://www.ocnk.net/cart/index.html

管理画面内の機能追加は、既にアップしておりましたが、ショップ基本設定→お客様情報登録ページ設定のみとなっております。
詳細については、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=833&artlang=ja

なお、今回の改良にあわせて、スマートフォン版でもカート内にステップ表示を追加しております。

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

記事を閉じる 新商品とオススメ商品の表示について 投稿者:vivid No.14402 URL

トップページに新商品・オススメ商品を一部のみ表示して
商品一覧ページにて、各々の全商品を表示したいと思っているのですが、

URLにどのような指定をすれば、
検索結果として表示することができるのでしょうか?

Re 新商品とおすすめ商品について 投稿者:おちゃのこ刑部 No.14403 URL

vividさん、こんにちは。

新商品とおすすめ商品のみの一覧ページについては、検索にて絞り込んで表示することができませんので、検索URLにてページを作成することができません。

別途カテゴリ、グループで新商品やおすすめ商品を作成していただきご登録いただく方法となります。

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

Re 無題 投稿者:vivid No.14404 URL

返答ありがとうございます。

カテゴリー名を表示しないようにして、
サブカテゴリーなどを駆使すれば、
少し管理が大変そうですができそうですね。

新商品を一覧させたいけれどトップページで全商品をページ送りもなく表示するのはさすがに乱暴なので、
要望は他の方もあるような気がしますので対応の検討をお願いできればと思います。

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

記事を閉じる クーポン機能について 投稿者:WRM店長 No.14398 URL

WRMの長部です。

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

お客様へのアンケートのお礼や
クイズの正解者向けにクーポン機能がとても便利で
毎週のように使っています。

このクーポン機能の拡張のお願いなのですが
今あるクーポンはどの商品にも一律で使えるクーポンなので

こちらが指定した商品だけに使える機能を持った
クーポン機能を持たせる事はできないでしょうか?

新しいメルマガの機能と
商品を限定させるクーポンの発行ができれば

ご購入後、30日たったお客様向けへの
リピート販売のクーポンの発行など、、、
とても強力なツールになると思います。

ご検討のほどよろしくお願い致します。

Re クーポン機能について 投稿者:おちゃのこ刑部 No.14400 URL

WRM店長さん、こんにちは。

クーポン機能についてです。
商品を限定したクーポンについては、改善課題とさせていただきます。

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

記事を閉じる メインカラムを画面の幅に合わせて可変させたい 投稿者:vivid No.14396 URL

サイトをウィンドウの幅に合わせて可変するリキッドにしたいと考えているのですが、

#centertd のwidthを100%にしても画面いっぱいに幅が広がらず困っています。


どうしたら良いかご教授頂けると幸いです。

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

vividさん、こんにちは。

お問い合わせフォームへも同様のお問い合わせをいただいているかと思います。
同様の回答となりますが、スタイルシートの編集から下記の指定を追加いただければ、横幅100%で表示可能ですが、商品一覧の列数は固定となりますので、横幅を大きくしても変更することはできません。

table,
td,
#column2 .center_box {
width: 100%;
}

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

記事を閉じる header領域の高さ変更について 投稿者:tokki No.14390 URL

お世話になります。
現在「カフェカラー」のテンプレートをベースにしているのですが、こちらのheader部分がデフォルトでは860×300になっているのを、860×250や860×225等、高さの変更をしたく思っています。

CSSの
------------------------------
/* ヘッダー */
#header {
       padding: 5px;
------------------------------

height; 225px
を挿入し、使用画像も860×225サイズのものに変更しましたところ、画像の表示サイズは変わったのですが、headerの下に余分なスペースが残ったままとなっています。

ご利用案内やお問い合わせの部分を上に移動し、センターボックスや左右のボックスを上に詰めるようにしたい(headerの領域をせばめたい)
のですが、CSSのどの部分を触ればよいのでしょうか。

似たようなご質問がないか探したのですが、見当たらず、お忙しいところ恐れ入りますが、ご教示のほどよろしくお願いいたします。

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

tokkiさん、こんにちは。

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

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

#header {
height: 190px;
}

#bline {
height: 0px;
}

.subnavi {
top: 50px;
}

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

Re .suvnaviの背景色について 投稿者:tokki No.14392 URL

おちゃのこ刑部様

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

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

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

#header {
height: 190px;
}

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

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

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

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;
}

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

Re 詳細なご説明ありがとうございます。 投稿者:tokki No.14395 URL

おちゃのこ 刑部様

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

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

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

記事を閉じる cssにつきまして 投稿者:オガワアヤコ No.14384 URL

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

スタイルシートについて、お聞きします。
⑴ショップページの商品カテゴリ等にwebフォントを使いたいです。
⑵ランキングを左カラムに配置した時の枠指定をしたいです。どのclassになりますか。

お知恵をお借りしたく
お手数かけますが、どうぞよろしくお願い致します。

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

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

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

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

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

Re アップロードについて 投稿者:オガワアヤコ No.14386 URL

おちゃのこ刑部様

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

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

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

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

Re アップロードについて 投稿者:おちゃのこ刑部 No.14387 URL

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

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

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

記事を閉じる パンくずリスト 投稿者:Fuku No.14375 URL

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

商品詳細の上部にあるパンくずリストについてですが、カテゴリーで表示されているのですが、グループでも、表示できるようになりますでしょうか?
他のショッピングサイトでは、いくつもパンくずリストが表示されていて、自分がどこから商品に辿り着いたかがわかりやすく感じます。

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

Re パンくずについて 投稿者:おちゃのこ刑部 No.14377 URL

Fukuさん、こんにちは。

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

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

Re 了解いたしました。 投稿者:FUKU No.14378 URL

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

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

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

記事を閉じる 納品書・請求書の金額内訳項目 投稿者:みずえ No.14374 URL

いつも、大変お世話になります。
実は、納品書請求書の金額内訳項目は、お買上額、送料、手数料、梱包代等となっておりますが、その「梱包代等」の欄を使って、「刻印手数料」を記載しております。
ここを、管理画面で「刻印手数料」と変更することはできますか?
よろしくお願い申し上げます。

Re 納品書、請求書について 投稿者:おちゃのこ刑部 No.14376 URL

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

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

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

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

記事を閉じる 商品詳細ページのカートに入れるボタンの文字について 投稿者:榎本 No.14369 URL

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

商品詳細ページの「カートに入れる」と「お問い合わせ」ボタンの文字部分をもう少し太く目立つようにしたいのですが、どのように編集すればよろしいでしょうか。

テンプレートは「ライトブラウン」を使用しております。

http://www.stone-stone.jp/product/168

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

榎本さん、こんにちは。

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

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

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

Re ありがとうございます! 投稿者:榎本 No.14373 URL

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

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

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

記事を閉じる メール不着について 投稿者:りんりん No.14367 URL

お世話になります。

ご注文をお受けし、なんらかの原因でメールがお客様に届いていないことがよくあります。
決まって携帯のメールアドレスです。特にドコモがほとんどです。

受信拒否、お客様の打ち込み間違い・・・いろいろ原因はあると思いますが、週に1~2回の頻度であり、困りごとです。
結局、お客様と連絡が取れず受注キャンセルになることもあります。

皆さんが行っている、有効な対策、対応などがありましたら、どうかご教授ください。

もう一つ、気になるのはドコモのアドレスです。
ドコモだけが多いのは謎ですし、お客様に確認しても「受信拒否していない」とのことなのに、メールは不着のケースもあります。
このことについて何かわかる方、よろしくお願いします。

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

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

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

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

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

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

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.14360 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●おちゃのこオフィスWebの機能を一部改良しました。
おちゃのこオフィスWebのご要望をいただいている改善点の一部をアップしました。
なお、オフィスについては、今後も改善点を順次対応しリリースして参ります。

-------------------------------------
1) カンガルーマジック2の対応
西濃運輸カンガルー便のカンガルーマジック2用の送り状CSV発行に対応いたしました。

詳細は下記のFAQをご覧ください。

・カンガルーマジック2CSV出力について
http://www.ocnk.net/faq/index.php?action=artikel&cat=281617&id=830&artlang=ja

・カンガルーマジック2の取り込みについて
http://www.ocnk.net/faq/index.php?action=artikel&cat=281617&id=829&artlang=ja

-------------------------------------
2) 納品書の支払方法表示
納品書に支払い方法を表示できるようになりました。
詳細は、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&lang=ja&cat=281617&id=813&artlang=ja#office2print7

-------------------------------------
3) 受注一覧PDFでの支払方法、発送方法の追加
受注一覧、未出荷一覧に支払方法と発送方法の表示を追加しました。

-------------------------------------
4) 帳票の文字サイズ変更
下記の帳票サイズの場合に文字サイズを大きくしています。
・A4縦の出荷指示書、納品書、請求書の明細部分
 ※A4縦の納品書、請求書は、送り主・お届け先/備考が非表示時のみ文字サイズを大きくしました。
・B5横の納品書、請求書の顧客情報部分

-------------------------------------
5)「帳票・送り状CSV出力」での発送方法の複数条件対応
「帳票・送り状CSV出力」画面の受注検索条件の発送方法を複数選択可能になりました。
「追加」ボタンをクリックすることで発送方法を複数選択することができます。
詳細は、下記のFAQのSTEP1内をご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281617&id=817&artlang=ja

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

Re オフィスの改良のお礼です。 投稿者:(株)マモル・オンラインショップ No.14368 URL

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

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

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

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

Re ありがとうございます 投稿者:おちゃのこ刑部 No.14370 URL

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

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

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

記事を閉じる ヘッダー下にメニュー 投稿者:Nn No.14304 URL

いつもお世話になっています。
これからまた新しくページを作り直していこうと思ってるのですが
こちらの

http://sera.ocnk.net/
(参考にさせていただきます。)
ページのように、ヘッダー下にメニューを置く方法は
どうしたらできますか?

画像はひとつで、リンクされる枠だけ合わせてるのですか?

できればやり方やタグを教えていただきたいです。

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

Re ヘッダーエリアについて 投稿者:おちゃのこ刑部 No.14305 URL

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;
}

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

Re 無題 投稿者:Nn No.14306 URL


>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;
}



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


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

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

Nnさん、こんにちは。

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

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

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

Re 無題 投稿者:Nn No.14308 URL

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

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

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

何度も申し訳ありません><

Re ヘッダーについて 投稿者:おちゃのこ刑部 No.14312 URL

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;
}

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

Re 無題 投稿者:Nn No.14340 URL

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

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

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

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


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


無知ですみません><

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

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タグにて追加ください。

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

Re 無題 投稿者:Nn No.14361 URL

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

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


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


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

Re 中央寄せについて 投稿者:おちゃのこ刑部 No.14362 URL

Nnさん、こんにちは。

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

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

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

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

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

Re 無題 投稿者:Nn No.14363 URL

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

記事を閉じる ショッピングカートの画面レイアウト、各フォーム仕様改良について 投稿者:おちゃのこ刑部 No.14347 URL

皆さん、こんにちは。

おちゃのこネットをご利用頂き誠に有難うございます。
このたび下記の日程で、ショッピングカートの画面レイアウト、各フォーム仕様の改良を行います。

----------------------------------------------------------------------
変更日時:2012年10月1日(月) 午後2時~ 
※時間については前後する可能性があります。
----------------------------------------------------------------------

変更点の詳細については、下記のページにまとめて記載しておりますので、
変更日までにご確認をお願い致します。

●ショッピングカートの画面レイアウト、各フォーム仕様改良について
----------------------------------------------------------------------
http://www.ocnk.net/cart/index.html

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

Re カート案内文について 投稿者:アティック. No.14349 URL

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

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

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

Re 初めての方部分の文言について 投稿者:おちゃのこ刑部 No.14353 URL

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

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

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

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

Re パスワードについて 投稿者:Cadeau No.14355 URL

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

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

Re パスワードについて 投稿者:おちゃのこ刑部 No.14356 URL

Cadeauさん、こんにちは。

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

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

Re 無題 投稿者:アティック. No.14358 URL

おちゃのこ刑部 様

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

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

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

Re ありがとうございました 投稿者:Cadeau No.14359 URL

おちゃのこ刑部 様

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

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

記事を閉じる 検索時のメタタグについて 投稿者:カワセ ヨシミ No.14354 URL

本日ショップをオープンする事ができました
自分のショップを検索してみたところ、メタタグの文章と一緒に
「このショップは現在一時休業中です。 オープンまでしばらくおまちください。 Powered by おちゃのこネット」という文章が出ます
因みにショップは問題なく覗けます。
一時休業中~の文字を無くすことはできますか?
 
また、yahooショッピングに登録しましたが商品が見当たりません
登録方法が間違っているのでしょうか
アドバイスよろしくお願いします

Re 検索について 投稿者:おちゃのこ刑部 No.14357 URL

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

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

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

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

記事を閉じる 受注・発送メール 投稿者:関谷 No.13690 URL

お世話になります。

受注・発送メールのフォームから送っても届かない場合がたまにあります。
迷惑メールのフォルダにも入っていないようです。
直接メールアドレス宛に送ってみますと、間違いなく届いています。
おちゃのこサポートくらぶの方でも読んでみましたが、
何が原因なのか、いまいちわかりません。
何か対処方法はありますか?

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

関谷さん、こんにちは。

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

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

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

Re 同感です。 投稿者:トントンハウス 井藤 No.14351 URL

お世話になります。

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

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

よろしくお願いします。

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

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

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

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

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

記事を閉じる 検索結果の説明文について 投稿者:tokki No.14334 URL

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

メタタグのディスクリプション欄に関してご教示いただけますでしょうか?

google webマスターツールにてディスクリプションが重複しているページが多数あったこともあり、商品毎にディスクリプションを登録しなおしました。

ところが、yahoo等の検索エンジンでヒットした際に表示される説明文は違う商品でもすべてメタタグ設定で設定しているディスクリプションの内容が表示されます。
せっかく一つ一つ入力したのに、複数の商品が同じ検索結果ページに並んで表示された場合、同じ文章が並ぶのでもったいない気がします。

個別にメタタグ設定をしている場合、そちらが優先されると理解しているのですが、間違っていますでしょうか。

質問の前に同様の内容がないか確認した際、以下のようなコメントがございましたので、
----------------------------------------------------------
検索エンジンにもよるかと思いますが、ディスクリプションはサイト説明文として検索結果に表示される場合や、一部を引用される場合があります。
NO:9970
----------------------------------------------------------
検索エンジン側の問題なのかなと思いながらも、こちらの理解が間違っているのであればと思い質問させていただきました。

検索結果に表示はされなくてもSEO的に意味があるのであれば、今後も商品追加するたびに商品毎に入力していこうと思いますが、商品毎のディスクリプションはどういう位置づけなのでしょうか。

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

Re 検索結果について 投稿者:おちゃのこ刑部 No.14336 URL

tokkiさん、こんにちは。

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

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

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

Re たびたび失礼します。 投稿者:tokki No.14339 URL

刑部様

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

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

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

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

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

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

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

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

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

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

Re 検索結果について 投稿者:おちゃのこ刑部 No.14344 URL

tokkiさん、こんにちは。

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

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

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

Re 承知しました。 投稿者:tokki No.14350 URL


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

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

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

記事を閉じる 販売価格の色について 投稿者:アティック. No.14338 URL

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

「販売価格ラベル」の販売価格(標準の名称)の色を、「商品詳細ページ」のみ他のカラーに変えたいのですがご教示いただけますでしょうか。

お手数お掛け致しますがよろしくお願いします。

Re 販売価格の色 投稿者:おちゃのこ刑部 No.14342 URL

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

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

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

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

Re 無題 投稿者:アティック. No.14348 URL

おちゃのこ刑部 様

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

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.14346 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●PayDollar(AsiaPay)がご利用いただけるようになりました。
PayDollar(AsiaPay)がご利用いただけるようになりました。下記、通貨でのクレジットカード払いがご利用いただけます。

・対応通貨
 香港ドル、米ドル、シンガポールドル、中国元、日本円、台湾ドル、オーストラリアドル、ユーロ、イギリスポンド、
 カナダドル、マカオ パタカ、フィリピンペソ、タイバーツ、マレーシアリンギット、インドネシアルピア、
 韓国ウォン、サウジリヤル、ニュージーランドドル、アラブ首長国連邦ディルハム、ブルネイドル
※ご契約内容により、ご利用いただける通貨、条件等は異なります。

詳細は下記のページをご覧ください。
http://www.ocnk.net/spec/index.php?screen=settlement

お申し込みは「ショップ運用設定」→「お支払い方法設定」の各お支払い方法設定ページ内のPayDollar(AsiaPay)「お問い合わせ・お申し込みフォームはこちら」からお申し込みください。

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

新規登録

*必須項目

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

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