calさん、こんにちは。

移行モードについてです。
移行モード中に管理画面内のショップ表示からショップを閲覧した場合、HTML5テンプレートで表示されます。

ただし、作業せずに一定時間が経過し閲覧すると管理画面内からショップ表示したという状態が解除されますので、通常のユーザー閲覧時と同様にXHTMLテンプレートで表示されます。

コンクリート画像が背面に表示されているということは、おそらくXHTMLテンプレートが表示されていると考えられます。
ご確認いただけますでしょうか。

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

移行モードは完全に切り替えてるのですが、途中から移行するとずっとこの状態が続くということでしょうか？作業を中断でなく終えて数時間するとこの状態になっているのですが...

calさん、こんにちは。

移行モードについてです。
キャプチャ画像を拝見する限り、HTML5ではなく移行前のXHTMLテンプレートで表示されています。

移行モードに設定後、管理画面内の「ショップを表示」ボタンから閲覧した際は、HTML5テンプレートで表示されます。

その後、数時間作業を行わずに再度、ご自身のショップをご覧いただいた場合は、移行前のXHTMLテンプレートで表示されます。

その場合は、再度、管理画面の「ショップを表示」ボタンからショップのご確認をお願い致します。
管理画面内のボタンからのみ移行モードは有効となります。

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

ナッツさん、こんにちは。

スタイルシートで設定可能です。

現状ヘッダー、ヘッダーナビゲーションの背面にトップ画像が入っていますが、このままの状態か、背面に表示せずヘッダーナビゲーションの下部からにするかで指定が異なります。

●背面に入れる場合
画像の大きさは、横幅1600ピクセル、縦幅500ピクセル用の指定となります。

高さが600ピクセルとなる場合は、各heightに100ピクセル追加してください。
.wide_slide .list_item_cell imgのheightに記載している!importantは、初期の数値を上書きするために必要ですので、削除しないでください。

.has_wide_slide #headerのmargin-bottom: 450px;の値にも100ピクセル追加してください。

また、複数枚表示についても外に出しています。
#999999が通常時の色、#000000が選択中の色となります。

/* ---------------------------------------------- */
.wide_slide .list_item_cell {
height: 500px;
}

.wide_slide,
.wide_slide .swipe_list {
height: 550px;
}

.wide_slide .list_item_cell img {
height: 500px!important;
}

.has_wide_slide #header {
margin-bottom: 450px;
}

.wide_slide .pointer_box .pointer {
position: relative;
bottom: 0px;
}

.wide_slide .swipe_list .pointer span {
background-color: #999999;
}

.wide_slide .swipe_list .pointer span.current {
background-color: #000000;
}


●下部に配置する場合
heightの数値については、上記と同様大きくする場合は、その分を足してください。
.has_wide_slide #headerのmargin-bottomについては、この場合は、必ず0pxにしてください。

/* ---------------------------------------------- */

.wide_slide .list_item_cell {
height: 500px;
}

.wide_slide,
.wide_slide .swipe_list {
height: 550px;
}

.wide_slide .list_item_cell img {
height: 500px!important;
}

#photo,
.wide_slide .fix_center,
.wide_slide .swipe_list,
.has_wide_slide #globalnavi {
position: relative;
}

.has_wide_slide #header {
margin-bottom: 0px;
}

.wide_slide .pointer_box .pointer {
position: relative;
bottom: 0px;
}

.wide_slide .swipe_list .pointer span {
background-color: #999999;
}

.wide_slide .swipe_list .pointer span.current {
background-color: #000000;
}

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

今のままにしたいので「背面に入れる」だと思うんですが、、、

/* ---------------------------------------------- */
.wide_slide .list_item_cell {
height: 500px;
}

.wide_slide,
.wide_slide .swipe_list {
height: 550px;
}

.wide_slide .list_item_cell img {
height: 500px!important;
}

.has_wide_slide #header {
margin-bottom: 450px;
}

.wide_slide .pointer_box .pointer {
position: relative;
bottom: 0px;
}

.wide_slide .swipe_list .pointer span {
background-color: #999999;
}

.wide_slide .swipe_list .pointer span.current {
background-color: #000000;
}

これをそのままコピーして、
いつものように、一番下に貼付ければ良いんでしょうか？

すいません、スタイルシートの修正方法がわからなくて
いっつも刑部さんに書いてもらったものを、そのまま
貼付けているだけなので、、、

ほんと、スイマセン。も１回、教えてください。

ナッツさん、こんにちは。

画像についてです。
スタイルシートの編集から最下部に貼り付けて下さい。

背面に入れない場合は、下記のようにナビゲーション下から画像が表示されます。
http://cafe0101.ocnk.net/

なお、画像サイズは、現状のサイズのままの場合、上記サイトのように縦幅に合わせて縮小されますので、横幅の大きい画像をご登録ください。

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

さかいさん、こんにちは。

自由記入欄についてです。
現状ページを拝見しましたが、右エリアに表示されております。
ご自身で修正いただいたのでしょうか。

HTML5テンプレートでは、tableレイアウトではなくCSSにてレイアウトを作成しておりますので、</div>等の閉じタグが抜けていた場合、レイアウト崩れの原因となります。

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

早速のご返信ありがとうございます。

旧テンプレートから新テンプレートに移行中の為、新テンプレートは作業中になっておりました。
改めて新テンプレートにてサイトを表示できるようにしましたので申し訳ございませんが、再度確認頂けないでしょうか？

質問内容は前回と同様になります。

さかいさん、こんにちは。

表示についてです。
現状拝見する限り、3カラムで表示されております。
右エリアに設定されているバナー画像等も表示されております。

画面を更新、キャッシュ削除等をしていただいても解消されないでしょうか。
その場合は、ご利用のブラウザ(※バージョンもお願いします)と可能であれば画面のキャプチャを画像欄より添付していただけますでしょうか。

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

ブラウザの問題との事で表示設定のズームサイズを１００％に変更したら崩れることなく表示されました。
無事に解決できました。
初歩的なミスでお時間をとってしまい申し訳ございませんでした。

また、100％以下の表示サイズにすると自動で崩れてしまうものなのでしょうか？
100％以下の表示でも崩れない方法ってありますか？
ブラウザはグーグルクロームを使用しております。

さかいさん、こんにちは。

横幅についてです。
基本的には、100%表示で表示されていれば、問題はないと思います。
このテンプレートでは、各カラム枠にborderを指定しています。
100%の段階では、横幅980pxで問題ありませんが、縮小時には数ピクセルずれが出ている可能性があります。

スタイルシートにて下記の指定を追加いただければ、90%では問題なく表示されるかと思います。

.fix_center {
width: 982px;
}

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

重ねて質問させて頂きます。

テンプレート「オールドデイズ」をカスタマイズさせて頂いています。

トップ画像のスライドショーを利用したいのですが、画面設定？が大きすぎるので小さいサイズに変更したいのですが、設定画面にはその設定がありません。

トップエリア自由記入欄にスライドショーを入れるとトップページ以外にも表示されてしまうので、できれば「トップ画像」のサイズを幅980×高さ300くらいで表示させたいのですが、方法があればご教授下さい。

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

土谷さん、こんにちは。

ご質問についてです。

●商品一覧について
HTML5テンプレートより、横幅100%表示が追加されております。
デザイン管理→商品一覧ページ設定のレイアウト欄の「一覧の表示幅」で固定幅を設定していただくことで980pxにて表示できます。

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

画像の幅は、横幅980ピクセル、縦幅300ピクセルで作成してトップ画像欄よりご登録ください。

.has_wide_slide #header {
margin-bottom: 0px;
max-width: 100%;
}

.has_wide_slide #globalnavi {
position: relative;
margin-bottom: 0px;
}

#photo,
.wide_slide .fix_center,
.wide_slide .swipe_list {
width: 980px;
position: relative;
}

#photo,
.wide_slide .fix_center {
margin: auto;
}

.wide_slide .pointer_prev_box {
margin-left: 0px;
}

.wide_slide .pointer_next_box {
margin-right: 0px;
}

.wide_slide .list_item_cell {
height: 300px;
}

.wide_slide,
.wide_slide .swipe_list {
height: 300px;
}

.wide_slide .swipe_list {
margin-left: -490px;
}

.wide_slide .swipe_list .annotation_left_top {
left: 60px;
top: 30px;
}

.wide_slide .swipe_list .annotation_right_top {
right: 60px;
top: 30px;
}

.wide_slide .swipe_list .annotation_left_bottom {
left: 60px;
bottom: 30px;
}

.wide_slide .swipe_list .annotation_right_bottom {
right: 60px;
bottom: 30px;
}

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

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

ページ下部にメニューカラムがありました。
レイアウトが崩れてしまっているようです…

土谷さん、こんにちは。

右エリアについてです。
商品詳細ページ設定の自由記入欄に挿入いただいている内容が原因です。
最下部の</div>は必要ありませんので、削除してください。

XHTMLテンプレートでは、tableレイアウトを利用していたため、</div>等の閉じタグが抜けていた場合でも、表示可能な場合がありましたが、HTML5テンプレートは、全てCSSでレイアウトしていますので、閉じタグ漏れにはご注意ください。

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

すみません。
お手数おかけしましたm（_ _）m

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

リンクについてです。
申し訳ございませんでした。
CSS指定の問題で、リンクが無効となっておりました。

先ほど修正させていただきましたので、ご確認ください。

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

修正ありがとうございます！

kazuさん、こんにちは。

いらっしゃいませと私が店長ですについてです。
大変申し訳ございませんでした。

表示に一部不具合がございました。
先ほど修正させていただきましたので、ご確認ください。

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

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

後払いについてです。
大変申し訳ございません。
システムに一部不具合がございました。
先ほど、修正させていただきましたので、ご確認いただけますでしょうか。

ご迷惑をお掛け致しました。

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

やまもとさん、こんにちは。

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

パソコン版は、デザイン管理のスタイルシート編集から、スマートフォン版はスマートフォン管理のスタイルシートの編集から設定してください。

●パソコン版

.delivery_option {
display: none;
}

●スマートフォン版

.charge_weight {
display: none;
}

また、先日のtableの罫線についてですが、商品詳細説明欄内のtdに一括で指定する方法をご案内させていただきます。
罫線の色については、ご自身で変更してください。

.item_desc td {
border: 1px solid #666666;
padding: 5px;
}

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

早々のご回答ありがとうございます

テーブル表示の件も合わせて使わせていただきます！

clvさん、こんにちは。

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

#photo {
background-color: #FFFFFF;
}

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

ご迷惑かけます。ありがとうございました。

伊藤さん、こんにちは。

ヘッダーナビについてです。
大変申し訳ございません。ご指摘のとおりpaddingが15px適用されておりましたので、0pxとなるように変更させていただきました。

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

千葉さん、こんにちは。

大変申し訳ございません。
ご回答が遅くなりました。

お問い合わせフォームにもいただいておりましたので、同様の内容となりますがご確認くださいませ。

●404エラーについて
恐れ入りますが、404エラーページの設定をお客様側で行っていただくことは
できません。ご了承くださいますようお願いいたします。

●canonicalタグについて
おちゃのこネットでは、正規化が必要なページについては、canonicalタグの
挿入を行っております。類似ページで自動的にcanonical指定を出力するよう
随時追加しております。
お客様側で追加していただくことはできませんので、ご了承くださいませ。

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

吉田さん、こんにちは。

新商品についてです。
こちらでもサイトを確認させていただきましたが、現状は問題なく動作しておりませんでしょうか。

6/10、6/12の該当時間帯にファイル変更等があったか確認しましたが、特にこちらで変更は行っていませんでした。
また、サーバーの動作も特に問題ありませんでした。

申し訳ございませんが、しばらく現状で様子を見ていただき、再発するようであれば、再度その際にお問い合わせいただけますでしょうか。
また、その際、ページ内に何かエラーが表示されていないかとご利用のOS、ブラウザ(バージョン)等もお願い致します。

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

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

実は今、その現象が起こってます＞＜

商品の並び替えは当ショップにとってとても重要な作業ですので、再びこの現象がおこらないようにしたいのですが…

こちらで確認しました状況です。

6/10（火）午後6時頃～
6/12（火）午後6時頃～
今～

windows 7×3台
windows XP×1台

chrome（35.0）
IE（11）
Firefox（12）

どのマシンでも同じ状況でした。

並び替えを実行すると「順番を変えられませんでした」と赤文字で表示されました。

週末に並び替えをできないのは、当ショップとしては大きなダメージですので、早急にこの状況を脱したいです。
お手数おかけしますがよろしくお願い致します。

吉田さん、こんにちは。

新商品の並び順についてです。
お調べしたところ、登録商品が多かったことが原因となっていました。
サーバーの設定を調整させていただきましたので、現状は問題なく設定可能となっております。

お手数をお掛けして申し訳ございませんでした。

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

PLAYEDさん、こんにちは。

新着商品についてです。
現状左エリアに設定いただいておりますが、センターに表示されるということでしょうか。

それでしたら、配置/画像/コメントの設定のメインエリア内にある新商品設定内でサムネイル (横幅)：120pxを選択していただければ、5列表示となります。

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

設定を変更してみたのですが、横５列表示になっていません。
配置/画像/コメントの設定のメインエリア内にある新商品設定内でサムネイル (横幅)：120pxに設定済みです。

他に変更する箇所はありませんか？

匿名さん、こんにちは。

新商品についてです。
ご指摘のとおり表示崩れがございました。
大変申し訳ございません。

先ほど、修正させていただきましたので、ご確認ください。

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

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

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

新着商品の表示崩れの修正を頂き、有難う御座いました。
これでまたスッキリしたレイアウトになってホッとしています。

また何か御座いましたら、ご教授のほど宜しくお願い致します。

たびたび失礼します。

1）の件について、下記のページを参照し、以前は「BCCメールアドレス」のアドレスに転送設定をしていたのですが、
http://www.ocnk.net/faq/index.php?action=artikel&cat=281595&id=174&artlang=ja&highlight=%E8%BB%A2%E9%80%81
「担当者メールアドレス」の方で転送をしたら携帯側でも変更後のメールアドレスで受信できるようになりました。

ちなみに、上記ページでは「受注時の自動返信メールを任意のメールアドレスに送信したい」場合、そのメールアドレスが携帯アドレスの場合、「作成したアドレスから携帯アドレスへ転送設定」するように書かれていますが、「担当者メールアドレス」から転送するのと「BCCメールアドレス」から転送するのと何が違うのでしょうか。

また、「BCCメールアドレス」に携帯メールアドレスを直接登録して問題なく受け取れていれば、わざわざ転送する必要はないのでしょうか？
上記ページでは「上記に携帯アドレスを登録された場合、迷惑メールとして処理され受信できない可能性もございます。」とあり、”その場合は”転送設定をするようなニュアンスに受け取ったのですが、ショップマネージャーの「特定商取引法設定」のBCCメールアドレスの注記には「携帯アドレスで受信するには、担当者メールアドレスから転送設定をしてください。」とあるので携帯アドレスで受信するには転送設定が必須のようにも受け取れるのですが、設定方法のパターンの優先順位的なものはありますか？

tokkiさん、こんにちは。

「担当者メールアドレス」から転送する場合と「BCCメールアドレス」から転送する場合についてです。
一般的にBCCに指定したメールを転送すると、受信メールサーバ側で迷惑メール判定を受けるケースが多いことから、「担当者メールアドレス」からの転送をおすすめしています。

「BCCメールアドレス」に携帯メールアドレスを直接登録した場合につきましては、携帯電話のメールサーバ側で迷惑メールと判定される可能性が高いため、携帯メールアドレスで受信される場合は、現在設定中の「担当者メールアドレスから転送設定方法」の優先順位が高くなります。

メールアドレス設定画面については、通常は自動ログインとなります。
パスワード画面が表示された場合は、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281595&id=240&artlang=ja

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

お礼が遅くなり申し訳ありません。
転送の件、詳しくご説明いただきありがとうございました。
毎回迅速にご対応いただき感謝しております。
にもかかわらず、こちらからのお礼が遅くなりましたことお詫び申し上げます。
今後ともどうぞよろしくお願いいたします。

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

コース変更についてです。
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=825&artlang=ja

なお、ドメインを他でご利用の場合は、移管が必要となりますので、管理画面のお問い合わせフォームよりご連絡ください。

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

おちゃのこ刑部 様

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

FAQに沿って手続きさせていただきます。

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

やまもとさん、こんにちは。

tableについてです。
tableタグを利用されたページを確認できなかったのですが、html5では廃止となっているtableに関する属性がございます。
bgcolorはそれに該当します。

下記のようにstyle属性を利用して背景色を指定してください。
<table style="background-color: #000000">

フリーページについてです。
こちらについては、従来のテンプレート用のclass名やid名は利用できません。
新テンプレートは新規に作成しておりますので、新しいclass名、id名がつけられています。

フリーページで枠を表示する場合は、下記のようなhtmlタグをご利用ください。
<!-- コンテンツ -->　～　<!-- コンテンツ -->を繰り返すことで、複数のコンテンツを並べることができます。

<div class="page_box">

<div class="page_title">
<h2>メインタイトル</h2>
</div>

<div class="page_contents">
<div class="inner_page_contents">

<!-- コンテンツ -->
<div class="contents_box">

<!-- サブタイトル -->
<div class="section_title">
<h3>サブタイトル</h3>
</div>
<!-- サブタイトル -->

<!-- 内容 -->
<div class="inner_contents_box">
内容
</div>
<!-- 内容 -->

</div>
<!-- コンテンツ -->

</div>
</div>

</div>

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

アヴァンサさん、こんにちは。

テンプレートについてです。

●今後の改良について
技術的に可能な点は、XHTML、HTML5テンプレートともに改良を行います。
最近チェックしたアイテムについては、技術的にHTML5テンプレートでしか実装することができませんので、XHTMLテンプレートに導入することができません。
ご了承ください。

●価格で選ぶについて
従来のグループ機能を利用しております。

●自由記入欄について
基本的には、通常のhtmlタグを利用して問題ありませんが、HTML5にて廃止されている属性等もございますので、その点については、ご自身でご確認をお願い致します。
ただし、従来のテンプレートでは、<table>タグにてレイアウトしていたため、<div>タグ等の閉じタグ</div>が抜けていた場合も表示できていたケースがありました。
今回のテンプレートでは、CSSのみでレイアウトを行っていますので、<div>タグ等のブロック要素タグの閉じタグが抜けていた場合、大幅なレイアウト崩れになる可能性がありますので、ご注意ください。

●HTML5非対応ブラウザについて
HTML5については、OSではなくブラウザにより非対応となりますが、JavaScriptを利用して非対応ブラウザでも表示可能なように対応しております。
ただし、角丸やボックスシャドウ等のCSS3を利用している箇所がございます。
IE7、IE8ではそういった箇所の角丸や影は適用されません。

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

HTML5のテンプレートで画像を縦に続けて表示させると、間にスペースが入りますが、これは仕様でしょうか？

伊藤さん、こんにちは。

画像についてです。
自由記入欄内の画像等でご指摘の通り余白が入っておりましたので、先ほど修正させていただきました。

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

kobayashiさん、こんにちは。

画質についてです。
基本的には、下記の画像が背景画像として表示されております。
http://www.bzar.jp/data/bzar/image/logindf.jpg

こちらで拝見する限り表示上の画像とアップされている画像に違いはありません。

※補足
スタイルシート内の背景画像URLを独自ドメインURLで記載された場合、SSL保護下のページでセキュリティ警告表示の原因となりますので、image/ファイル名の相対パスに変更ください。

例）
background-image: url(http://www.bzar.jp/data/bzar/image/logindf.jpg);
↓
background-image: url(image/logindf.jpg);

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