stepさん、こんにちは。

カテゴリについてです。
タイトルをクリックしての開閉動作は、こちらのご用意しているJavaScriptでは実装できませんので、ご自身で作成していただくか、外部JavaScript等をご利用いただく必要があります。

外部のJavaScriptについては、動作保証ができませんので、サポート外とさせていただいております。
ご了承くださいませ。

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

お返事ありがとうございました。
ご連絡頂きましたご回答了解いたしました。

そこで代替案として「ご利用案内」にあるような移動式のスライドは設置可能でしょうか？
「メインエリア上部自由記入欄」に画像表示しクリック後にスライドし、各<h2>タイトル</h2>にスライド移動させたいと思います。

何度も申し訳ございませんが、設置可能ならご教授下さい。

stepさん、こんにちは。

ページスクロールについてです。
ご利用可能です。

例えば、ページ内に下記のようにid名anchorposを付けた場所に移動する場合

<h2 id="anchorpos">タイトル</a>

リンク先指定部分の<a>タグ内に下記のようにclass名anchor_linkを付けてください。

例)
<a href="#anchorpos" class="anchor_link">タイトルへ</a>

class="anchor_linkを付けていただくことで、ページ内スクロールを適用することができます。

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

KAZZさん、こんにちは。

一覧ページ上部のリンクについてです。
「コンテンツ商品表示設定」→「新着商品・おすすめ商品ページ」で各リンク設定を表示しないに設定してください。

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

KAZZさん、こんにちは。

補足です。
トップページの上部に5枚画像を並べて表示されていますが、IEで閲覧時に画像横幅が作成サイズで表示されております。
※Google Chromeでは問題ありません。

解消する場合、5枚の画像が入っているtableタグに下記のようにclass名を付けてください。
<table style="width: 760px;" align="center" class="toptable">

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

.toptable img {
width: 100%;
}

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

msyCさん、こんにちは。

スマートフォン版の同梱無料アイコンについてです。
管理画面→スマートフォン管理→画像とコメントの設定のアイコン画像欄で、同梱送料無料タブを選択していただき、トラック画像を使用するに設定してください。

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

おちゃのこ刑部様
無事設定出来ました！PCとは違ったアイコンになるのですね。
助かりました♫

KAZZさん、こんにちは。

ヘッダーの文字色についてです。
スタイルシートの編集からそれぞれ下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

/* 文字サイズ用 */
.font_setting {
color: #FFFFFF;
}

/* 保有ポイント用 */
●保有ポイント用
#header_bottom .member_point {
color: #FFFFFF;
}

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

contrivingさん、こんにちは。

50個単位の設定はできませんが、
該当の商品を50個を1セットとして販売していただければ、
可能かと思います。

商品設定ページの
数量ラベルの単位を 「セット」としていただいて、
商品説明欄に50個1セットと明記して頂ければ、いかがでしょうか？

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

おちゃのこ有本さま

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

そのように対応します。

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

リンクについてです。
現在その点を改良中ですが、もう少しお時間がかかります。
現状は、ショップ側のサブカテゴリページを表示した際に、ページ上部に表示される全商品リンクよりURLをご確認ください。

http://kamakura-obs.ocnk.net/product-list/144

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

おちゃのこ刑部様、いつも丁寧にご回答頂き、有り難う御座います。

リンクの件、了解致しました。改良される日を心待ちにしております。

以前教えて頂いた「自由記入欄を利用して…」を参照しつつ
ショップ用のカテゴリ一覧を作成中なのですが

カテゴリ一覧について

基本的には、<li>～</li>を追加していただければ結構ですが、maincategory143のようなclass名については、カテゴリによって変更していただく方が良いかと思います。

にある、class名の変更箇所は、スタイルシートの該当箇所を変更することで
可能になるのでしょうか？

現在は、サブカテゴリも含め数も少ないので、デフォルトのまま作業を進めておりますが
今後のことを考え、変更できるものはわかりやすく変更したいと思います。

変更箇所とその例をあわせて教えて頂けますか？

宜しくお願い致します。

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

カテゴリについてです。

http://kamakura-obs.ocnk.net/product-list/139
このページの場合は、maincategory139となります。

このmaincategoryを別の名称等に変更されたいということでしょうか？

基本的には、JavaScript処理にてポップアップ等の表示を行っていますので、現状変更して動作している場合でも、今後仕様が変更される可能性もあります。
可能であれば、既存のclass名は残した状態で、ご自身で管理用にclass名と追加していただく方法での対応を推奨致します。

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

戻りました。

失礼いたしました。

KAZZさん、こんにちは。

まず、カテゴリのタイトル部分の「BRAND」を画像する場合についてです。
自由記入欄へ記載しているHTMLを、下記のように変更してください。

例)
<div class="section_title">
<h2>BRAND</h2>
</div>
　↓
<div class="section_title">
<h3><img alt="BRAND" src="https://wtdwe.ocnk.net/data/wtdwe/image/画像ファイル名" /></h3>
</div>


次に、グループ一覧も個別画像にする場合についてです。

カテゴリと同様に、「配置/画像/コメント」ページにて、サイドカラムへ自由記入欄を追加してください。
ブラウザでショップ(トップページ)のHTMLソースを開き、「<div class="side_box pickupcategory"></div>」内をコピーして、追加した自由記入へ貼り付けます。
自由記入欄の内容欄下部にある「改行は<br />タグに置換する」のチェックは外してください。
貼りつけたHTMLのAタグ内をIMGタグにすることで、個別画像表示が可能です。

例)
<li class="pickupcategory1">
<a class="item_list_link" href="http://wtdwe.ocnk.net/product-group/1">JACKET</a>
</li>
　↓
<li class="pickupcategory1">
<a class="item_list_link" href="http://wtdwe.ocnk.net/product-group/1"><img alt="JACKET" src="https://wtdwe.ocnk.net/data/wtdwe/image/画像ファイル名" /></a>
</li>

「ITEM CATEGORY」のタイトル部分も画像にする場合は、下記のように変更してください。

<div class="section_title">
<h2>ITEM CATEGORY</h2>
</div>
　↓
<div class="section_title">
<h3><img alt="ITEM CATEGORY" src="https://wtdwe.ocnk.net/data/wtdwe/image/画像ファイル名" /></h3>
</div>


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

maoさん、こんにちは。

(1) バナーについてです。
「配置/画像/コメント」ページにある「バナー画像」の設定欄で、「表示モード」を「自由記入欄」にし、以下の内容をコピーして「自由記入欄」へ貼り付けてください。

<a href="http://instagram.com/garagedays_jp" target="_blank">
<img src="https://garagedays.ocnk.net/data/garagedays/image/instagram-logo2.jpg" alt="Instagram" width="250" height="40" />
</a>


(2) メニューバーについてです。

メニューバーのフォントサイズの変更は、「スタイルシート編集」ページにて下記の内容を最下部に貼り付けてください。
font-size の値を100%から変化させることで、メニューバーの文字サイズを変更することができます。

#globalnavi .nav_box {
font-size: 100%;
}

メニューバーを均等に配置して中央揃えする指定は、「スタイルシート編集」ページにて下記の内容を最下部に貼り付けてください。

#globalnavi .header_nav {
width: 20%;
}

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

伊藤さん、こんにちは。

NP後払いの手数料無料設定についてですが、
改善課題として検討させていただきます。

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

中村さん、こんにちは。

表示についてです。
こちらのiPhone4s、iPhone5s、iPhone6等の複数環境で確認しました。
OSについては、iOS7、iOS8で確認しておりますが、特に問題がありません。
同様のお問い合わせもございません。

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

刑部様

お世話になります。
お手数をおかけいたしました。

ios系の端末を所持しておらず、昨日立ち寄った量販店で確認をしたところ
確認した数台が写真のようでしたので・・
問題がなければ、良かったです。

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

中村さん、こんにちは。

表示についてです。
写真を拝見する限り、なんらかの原因でスライド表示のJavaScriptが動作していない可能性があります。
該当端末のJavaScriptがoffになっている場合やページ読み込み時に外部サービスの読み込み部分が遅くページ読み込みが完了していない等が考えられますが、明確な原因は分かりませんが、こちらで確認する限りは、問題ございません。

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

お手数おかけいたしました。
ありがとうございした。

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/

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