KAZZさん、こんにちは。

ヘッダーについてです。

-------------------------------------------------
●ショップ名画像について
-------------------------------------------------
ショップ名画像については、バナー画像設定がある場合、別途横幅指定がありますので、そちらをクリアしていただく必要があります。

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

.has_header_banner #shoptext {
width: auto;
}


-------------------------------------------------
●アイコンについて
-------------------------------------------------
アイコンについてですが、現状下記のように背景画像指定を削除いただいておりますが、利用されるご予定でしょうか。

指定箇所は、下記の箇所となります。
同様に、新規登録、ログアウト、マイページのアイコン画像がありますので、下記指定から下部をご確認ください。

なお、この部分は、高解像度ディスプレイs用画像指定があります。
これは、MacのRetinaディスプレイ等の高解像度ディスプレイ用に、通常の画像の縦横2倍画像が指定されています。
高解像度用に2倍画像をご利用の場合は、この部分も変更してください。

もし、ログイン部分や新規登録部分に背景画像を指定されない場合は、通常ディスプレイ用の指定だけでなく高解像度用の指定も削除してください。
また、高解像度用の指定のみを利用されない場合も同様に削除してください。

/* ログインボタン背景画像 */
.signin_top A {
background-image: url();
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
.signin_top A {
background-image: url(img/icon_signin_x2.gif);
background-size: 15px 15px;
}
/*-----------------------------------------------------------*/
}


-------------------------------------------------
●カートの中身
-------------------------------------------------
マウスオーバー時の指定は、下記の箇所で設定できます。
カラーコードをご希望のカラーコードに変更してください。

.cartbtn:hover,
.cartbtn.hover {
background-color: #FFFFFF;
}

アイコン画像は、下記の箇所で設定できます。
この部分も同様に高解像度端末用の指定があります。

/* カート中身アイコン */
.cartbtn A {
display: block;
width: 85px;
height: 25px;
padding: 6px 0px 0px 43px;
background-image: url(img/icon_cart.png);
background-repeat: no-repeat;
background-position: 5px center;
font-size: 12px;
line-height: normal;
color: #D1D3D4;
}

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
.cartbtn A {
background-image: url(img/icon_cart_x2.png);
background-size: 30px 30px;
}
/*-----------------------------------------------------------*/
}


※元画像について
background-image: url(img/icon_cart.png);
この画像の場合、元画像はURLは、下記のようになります。
画像編集の際は、元画像をダウンロードして編集いただくことを推奨致します。

http://wtdwe.ocnk.net/data/wtdwe/pc/img/icon_cart.png

下記が、縦横2倍サイズの画像となります。
ファイル名_x2のように_x2が付いています。
http://wtdwe.ocnk.net/data/wtdwe/pc/img/icon_cart_x2.png

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

かまくらOBSさん、こんにちは。

カテゴリ一覧についてです。

●画像表示について
画像を挿入いただく場合は、imgタグを利用して挿入していただく必要があります。
例）
<img src="http://kamakura-obs.ocnk.net/data/kamakura-obs/image/A1o.png" width="200" height="50" alt="代替テキスト">

●縦幅について
自由記入欄にて、htmlタグを挿入される場合は、内容欄下部の「改行は<br />タグに置換する」のチェックを外してください。

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

おちゃのこ刑部様、いつも大変お世話になっております。

教えて頂いた方法で、画像を設定することが出来ました。
有難う御座いました。

画像化したカテゴリの表示横に小さな三角がついていますが
これは消すことは可能でしょうか？

宜しくお願い致します。

かまくらOBSさん、こんにちは。

画像についてです。
以前ご質問いただいた際のご回答にも記載させていただいておりましが、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.category_list li A,
.pickupcategory_list li A {
padding: 0px;
background-image: none;
}

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

おちゃのこ刑部様、何度も有り難う御座います。

すみません、質問したかったことを間違えていました。
（弊社内部での伝達ミスです。改めて丁寧にご回答頂き有難う御座いました。）

自由記入欄を利用したカテゴリ一覧に、通常のカテゴリ一覧のようなサブカテゴリを設定することは可能でしょうか？

教えて頂いた

<li class="parent_category maincategory1">
<div class="maincategory">
<a class="parentcategory_link categorylink1 item_list_link" href="http://kamakura-obs.ocnk.net/product-list/1";><img src="http://kamakura-obs.ocnk.net/data/kamakura-obs/image/B2o.png"; width="200" height="50" alt="全巻セット"></a>
</div>
</li>

に

<div class="subgcategory">
<a class="parentcategory_link categorylink144 item_list_link" href="http://kamakura-obs.ocnk.net/product-list/144";>

のような記述を追加したらいいのですか？

宜しくお願い致します。

かまくらOBSさん、こんにちは。

サブカテゴリについてです。
下記のように追加してください。

既存のhtmlに追加してください。
<!-- サブカテゴリ -->～<!-- サブカテゴリ -->までがサブカテゴリとなります。URLやカテゴリ名はご自身で変更してください。

<li class="parent_category maincategory139">
<div class="maincategory">
<a class="parentcategory_link categorylink139 item_list_link" href="http://kamakura-obs.ocnk.net/product-list/139";><img src="http://kamakura-obs.ocnk.net/data/kamakura-obs/image/A1o.png"; width="200" height="50" alt="ご予約受付中"></a>
</div>

<!-- サブカテゴリ -->
<div class="sub_category_box folder139">
<ul class="subcategories">
<li class="postop">
<a href="サブカテゴリURL" class="item_list_link">サブカテゴリ1</a>
</li>
<li>
<a href="サブカテゴリURL" class="item_list_link">サブカテゴリ2</a>
</li>
</ul>
</div>
<!-- サブカテゴリ -->

</li>

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

おちゃのこ刑部様、いつも大変お世話になっております。

教えて頂いた方法で表示等修正することが出来ました。
有難う御座いました。

nishiさん、こんにちは。

アンケートについてです。
デフォルトでチェックを付けることはできません。
ご了承くださいませ。

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

中村さん、こんにちは。

現在地表示についてです。
同一ページの場合、現在は全てに現在地表示が付きます。

この点については、回避方法を現在作成しております。
明日、明後日のアップになる予定です。

対応としては、同一ページである場合、そのリンクにdata-hash="1"を付けていただくことで、現在地表示の重複は避けることができます。

例）
<a class="item_list_link nav_on" href="http://www.kinoyuka.net/page/99/#top3" data-hash="1">無垢フローリング</a>

現在、http://www.kinoyuka.net/page/99のページをご利用ですので、リンク先に上記URLが含まれるリンクについては、全てdata-hash="1"を付けてください。
ただし、同一ページ間移動の場合は、現在地表示を移動させることはできません。
これは、ページを再読み込みすることができないためhtmlの仕様上、対応することはできません。

そのため、トップページより、「無垢フローリング」をクリックした際は、別ページですので、「無垢フローリング」に現在表示が付きます。
その後、「カテゴリ商品一覧」をクリックいただいた場合も現在表示は、「無垢フローリング」についたままとなります。

同一ページの「カテゴリ商品一覧ページ」や「kinoyuka.netについて」等のページへ重複して現在表示が付く点は回避できます。

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

中村さん、こんにちは。

現在表示の対応分をアップ完了しております。

ただし、現状トップページにもアンカーリンクを設置されていますので、同様にホームリンクにもdeta-hash="1"を追加ください。

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

刑部様

いつもお世話になります。
表示が改善されました。対応ありがとうございました。

KAZZさん、こんにちは。

ヘッダーナビについてです。
可能なのですが、かなりカスタマイズが必要となります。

横3列での表示としています。
基本的には、第一階層目、メインカテゴリにのみ対応可能です。
サブカテゴリについては、横3列で表示した位置からさらに横3列で表示するとメインエリアの横幅を超えてしまうためです。

また、カテゴリメニューの位置は、ホームボタン右にあることが前提です。
カテゴリメニュー位置が、ヘッダーナビゲーションの右端(※または右の方)にある場合は、同様に3列表示したメニューを表示するためのスペースがなくなりますので、メインエリアの横幅を超えてしまう可能性があります。

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

※各メニューの表示やクリックをご確認いただいた上で、ご利用をお願い致します。

#globalnavi ul.dropdown ul.sub_menu {
width: 690px;
background-color: #FFFFFF;
opacity:0.95;
filter: alpha(opacity=95);
box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

#globalnavi ul.dropdown ul.sub_menu ul {
width: 199px;
}

#globalnavi ul.dropdown ul.sub_menu li {
float: left;
box-shadow: none;
}

#globalnavi ul.dropdown ul.sub_menu li A,
#globalnavi ul.dropdown ul.sub_menu li A:hover {
width: 199px;
min-height: 20px;
border-right: 1px solid #E0DFE3;
}

#globalnavi ul.dropdown ul.sub_menu li.posbottom A {
border-bottom: 1px solid #E0DFE3;
}

#container #globalnavi ul.dropdown ul.sub_menu,
#container #globalnavi ul.dropdown ul.sub_menu ul {
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
}

/* タブレット閲覧時閉じるボタン */
#globalnavi ul.dropdown ul.sub_menu .dropdown_close {
position: absolute;
bottom: -25px;
}

#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A {
width: 200px;
border-right: none;
min-height: 20px;
}

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

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

ウチもこれをやりたかったです。
ブランドから探すと、種類がたくさんあるので親カテゴリが画面の一番最下部まで到達してしまい、とてもとても使いにくかったのです。

さっそく使わせていただきたいのですが、
サブカテゴリにマウスポインタを持ってくると親カテゴリと同化してやや見にくいので、サブカテゴリを際立つようにするにはどうすれば良いですか？

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

補足します。

親カテゴリにマウスポインタを置くとそのサブカテゴリが表示されると思いますが、その段階でサブカテゴリが際立つほうが使いやすいと思うので、どうぞご教授お願い致します。

何度もすみません。

たとえば親カテゴリは従来通りで、サブカテゴリだけ複数列にすることは可能でしょうか？

もし可能であれば、サブカテゴリをわざわざ目立せなくてもいけるのではと。。。

あと、こちらの３列表示例では、並び順が横になっていますが、縦並びにすることは可能ですか？


刑部さんのCSSの３列表示並び順
１２３
４５６
７８

希望の並び順
１４７
２５８
３６

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

MAX.店長さん、こんにちは。

サブカテゴリについては、下記で指定可能です。

#globalnavi ul.dropdown ul.sub_menu ul li A {
background-color: #F5F5F5;
}

#globalnavi ul.dropdown ul.sub_menu ul li A:hover {
background-color: #FFFFFF;
}

ただし、現状で横3列の指定を反映させた場合、ブランドから探すメニュー内の一番右列から表示されるサブカテゴリが、サイト全体の表示エリアよりも外に出てしまいます。
この場合、ブラウザの横幅が980px以下の場合、サブカテゴリが閲覧することができません。タブレット閲覧時も同様です。

可能であれば、ヘッダーナビゲーションのブランドから探すの位置をホームボタン横にしていただくことを推奨致します。

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

MAX.店長さん、こんにちは。

投稿のタイミングが重なってしまいました。
サブカテゴリのみ3列にする指定は、下記となります。

ただし、こちらも同様に、サブカテゴリの表示がサイト表示エリアからはみ出します。
対応としては、2列にする方法もございます。
width: 690pxの数値を460pxに変更ください。

なお、ご希望の縦に順番にメニューを積むことはできません。


#globalnavi ul.dropdown ul.sub_menu ul {
width: 690px;
background-color: #FFFFFF;
box-shadow:5px 5px 10px rgba(0,0,0,0.4),-5px 5px 10px rgba(0,0,0,0.4);
}

#globalnavi ul.dropdown ul.sub_menu ul li {
float: left;
box-shadow: none;
}

#globalnavi ul.dropdown ul.sub_menu ul li A,
#globalnavi ul.dropdown ul.sub_menu ul li A:hover {
width: 199px;
border-right: 1px solid #E0DFE3;
}

#globalnavi ul.dropdown ul.sub_menu li.posbottom A {
border-bottom: 1px solid #E0DFE3;
}

#container #globalnavi ul.dropdown ul.sub_menu ul {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

/* タブレット閲覧時閉じるボタン */
#globalnavi ul.dropdown ul.sub_menu ul .dropdown_close {
position: absolute;
bottom: -25px;
}

#globalnavi ul.dropdown ul.sub_menu li.dropdown_close A {
width: 200px;
border-right: none;
min-height: 20px;
}

#globalnavi ul.dropdown ul.sub_menu ul li A {
font-size: 77%;
}

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

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

Facebookページのことででしょうか。
それでしたら、ページを作成していただくことで、おちゃのこネットサイト上にFacebookのウィジェット等を表示することが可能です。

おちゃのこネットの場合、下記がFacebookページとなります。
https://www.facebook.com/ocnk.net

下記のように左エリアに表示させることができます。
http://cafe0808.ocnk.net/

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

岡崎さん、こんにちは。

ログインについてです。
こちらから確認する限りログイン可能ですので、下記をご確認ください。

先日、SSL 3.0 の脆弱性が確認されたため、2014年10月28日に弊社サーバ側でSSL 3.0を無効にする対策をとらせていただきました。

対策の実施にあたり、調査を行い問題の無いことを確認しておりますが、一部の環境においては特殊な設定をされている場合にアクセス出来なくなる可能性がありこの影響が考えられます。

以下のサイトなどをご参照のうえ、設定を変更していただきますと改善され
る可能性がございますので、お手数ですがお試しくださいませ。
http://www.jcb.co.jp/processing/share/setup_ssl.html

もしくは、他のブラウザ（Firefox、Google Chrome）をお試しいただけますでしょうか。

◆Firefox
　http://mozilla.jp/firefox/
◆Google Chrome
　http://www.google.co.jp/intl/ja/chrome/browser/

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

ちひろさん、こんにちは。

背景についてです。
HTML5テンプレートでは、MacのRetinaディスプレイ等の高解像度端末向けに縦横2倍の画像を指定している箇所がございます。
通常のアイコン画像等を高解像度端末で閲覧した場合、画像がぼやけるためです。
iPhoneやRetina対応のiPad等は高解像度端末となります。

該当の箇所は、初期ではアイコン画像が指定されている箇所となります。
通常画像の指定については、変更いただいておりますが、下記の高解像度用の指定がそのまま残っております。

アイコン画像が必要ない場合は、下記を削除してください。

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
.category_list li A,
.pickupcategory_list li A {
background-image: url(img/icon_b_x2.gif);
background-size: 15px 15px;
}
/*-----------------------------------------------------------*/
}

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

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

ご指摘いただいた通り変更したところ
訂正することができました。

いつもご丁寧にありがとうございます。
大変助かりました。

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

表示についてです。
現状、下記の<TABLE>タグに対する</TABLE>を最下部に記載いただいておりますが、補足文章の前に移動してください。
<TABLE WIDTH="500" BGCOLOR="#ccffff" BORDER="0" CELLSPACING="0" CELLPADDING="0" height="50"　>

下記の位置にお願いします。
</TABLE><center>◎当店の商品はすべて「純国産チタン100％」です。<br>
◎ 当店はチタンの世界的トップメーカーである、<br>
新潟県燕市の（株）ホリエの商品を販売しております。</center>

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

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

miezeさん、こんにちは。

カートに入れるボタンについてです。
こちらのWindows 8.1環境では問題なくカートに商品を入れることが可能です。また、他の複数環境でも特に問題はございませんでした。
サーバーについても該当時間帯に障害等は発生しておりません。

htmlタグの閉じタグ漏れで、<a>タグや<div>等が重なっているケースもありますが、特に問題ありません。

他の受注が該当時間帯にあるということですので、お客様の環境（OS、利用ブラウザ、セキュリティソフト、ご利用回線の状況等）によって発生してる可能性もありますが、申し訳ありませんがこちらでは明確な原因は特定できません。

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

刑部様

こんにちは。
迅速なご回答、誠にありがとうございました。
特に問題がないとわかって安心いたしました。

千葉さん、こんにちは。

facebookコメントについてです。
facebook側に表示される内容は、商品名と商品詳細説明内のテキストとなります。
各商品詳細ページの<head>～</head>に自動的にmetaタグを出力しておりますので、他の箇所に変更することはできません。
ご了承くださいませ。

商品詳細説明欄内に、商品説明をテキストにて挿入いただく等でご対応をお願い致します。

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

まえださん、こんにちは。

送料についてです。
発送方法については、除外設定のみ設定可能となっております。

２点以上お買い上げで送料無料については、重量別送料を利用する方法がございます。

全商品について、商品設定ページで「重量別送料適用時の重さ」に「1」を入力します。
※「必須項目のみ表示」のチェックを外しますと項目が表示されます。
　↓
送料設定ページで、「重量別送料」にチェックを入れ、
区分1（任意の名称）　0以上～2未満
区分2（任意の名称）
を入力し「変更する」をクリック
　↓
区分1 に配送料金を入力、区分2に0円を入力し
設定完了する。

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

過去ログみまして自己解決しました
すみません。

メール溜めこみ過ぎてました。
m(__)m

やり取り履歴稀に引っ張り出す事もあるので
削除せずそのまま溜まりに溜まってたのを
削除しました。

結果、復旧致しました。

kabanyaさん、こんにちは。

どの決済においても、在庫は減算されます。

PayPalのスタンダードにおきましては、PayPalの決済画面に遷移前に在庫を事前に減算致します。
PayPal側の決済画面におきまして、決済されていない場合は受注詳細画面におきまして、キャンセルをおこなっていただきますと、在庫は購入前の数量に戻ります。

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

伊藤さん、こんにちは。

横幅についてです。
今回の受注一覧の改良のタイミングで横幅を広げております。
デザイン管理にて既に横幅を広げておりますが、今後は横幅を広げる方向で統一させていただく予定となっております。
受注管理については、早急に作業を進めさせていただきます。

基本的には、可変横幅表示となっておりますので、ご利用ブラウザの幅を狭くしていただくことで、以前の横幅での表示も可能となっております。

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

そうでしたか。

ブラウザで幅を狭めれば従来通りですが、タブが多く表示できないので不便ですね。また、狭めた画面内でしかホイールでスクロールできなくなりますし。

全画面にすると受注一覧が間延びして見にくいですね。

デザイン管理はともかく、受注管理はコンパクトにまとまった表示の方が見やすいです。

伊藤さん、こんにちは。

横幅についてです。
今後も各ページについては、可変幅表示に変更して参りますが、横幅を縮小して表示できるようにボタンを設置させていただく方向で検討させていただきます。

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

可変幅表示だけじゃなくて、縮小もできるのですね。

安心しました。

更に使いやすくなるよう期待しています！

伊藤さん、こんにちは。

横幅についてです。
先ほど、管理画面内の可変表示ページに、縮小表示ボタンを追加しております。
可変幅ページのメインエリアの右上に配置しています。

設定は、可変幅ページ共通となります。

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

以前にも増して使いやすくなりました。

素早いご対応ありがとうございました。