ムーさん、こんにちは。

ご質問についてです。

●ショップ名画像について
自由記入欄に設定した画像で下部の余白を調整することは可能です。
ただし、ログイン後はログイン情報、ユーザー名等が表示されますので、ある程度横幅が必要となります。
特に会社名や会員グループ等が表示される場合は、ショップ名画像に重なる可能性があります。

よろしければ、スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※この指定は、HTML5テンプレートでのみ有効です。

設定例）黒い画像が350×90の画像です。
http://cafe0101.ocnk.net/

#shoptext {
position: absolute;
}

#header_middle {
min-height: 50px;
}


●希望小売価格について
バリエーションの希望小売価格については、改善課題となっております。
順次対応して参ります。

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

早速のお返事ありがとうございます。
ショップ名画像が無事調整できました。

バリエーションの希望小売価格につきましては
実装されるまでは代替え案で進めていきたいと思います。

新たに２点ほど質問がございます。

１．サムネイルの追加について
現状は商品の詳細ページにはメイン写真１枚とサブ写真４枚、
それと他の写真３枚で合計８枚の写真を商品の詳細ページに表示できますが、
構造が複雑で高額な商品の場合は写真を数十枚用意することがあります。
その場合は商品説明欄に写真を読み込みすれば別サーバーに用意している
商品画像も多く表示されますが、そうすると詳細ページが縦長になってしまいます。
サブ写真のような見せ方を追加する方法はないでしょうか？
商品説明欄になんらかのタグを入力することで
サブ写真のようにサムネイルと拡大写真を表示する方法はありませんか？
クリックして拡大写真を表示する方法はありますが、
サブ写真のようにスライドボタンがありませんので
その都度写真を閉じて新しい画像を開き直すという手間が出来てしまいます。


２．商品詳細ページの背景画像・背景色
添付している写真にある質問２のように
商品説明欄のHTMLに枠となる画像を読み込んで表示させていますが
これをスタイルシートの編集で組み込むことはできませんでしょうか？
１つ１つの商品に枠のタグを入力していますので
今後レイアウトなどを変えなければならなくなった時に
すべての商品の枠のタグを修正しなければなりません。
スタイルシートの編集でクリアできればそういった心配もなくなりますので
良い方法がありましたら教えていただけないでしょうか？

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

ムーさん、こんにちは。

ご質問についてです。

１．サムネイルの追加について
現状は、メイン1枚、サブ5枚の登録が可能ですが、今後この枚数については、増やす予定となっております。
サーバーへの負荷も考慮する必要があるため、しばらくお時間がかかりますが、改善させていただきます。

２．商品詳細ページの背景画像・背景色
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

上下の角丸画像、tableの背景色は、削除いただき下記の指定をご利用いただければ、設定可能です。#FF0000はご自身で変更してください。
※ただし、角丸については、IE9以上の対応となります。

.item_desc_text {
background-color: #FF0000;
border-radius: 20px;
padding: 10px 0px;
}

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

早速のご対応ありがとうございます。
サムネイルの件承知しました。
こちらはひとまず詳細説明の欄に画像を読み込む形で対応したいと思います。

角丸の方法をありがとうございます。
これで作業が随分と楽になりました。
今回のHTML5はレイアウトも素晴らしく
お客様の使いやすさも格段にアップしていると思いますので
頑張って作りこんでいきたいと思います。
今後ともよろしくお願いいたします。

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

Paypalウェブペイメントプラスについてです。

１．カート内でPaypalウェブペイメントプラスの支払画面内に、再読み込みすると注文が重複する恐れがある旨の表示がしたい。
----------------------------------------------------------
HTML5テンプレートでは、Paypalウェブペイメントプラスの支払画面が表示される際に、読み込み中を表示するように改善しております。
スマートフォン版については、まだ対応できておりませんが、対応予定となっております。


２．スマートフォン版は、決済画面が１画面に収まらず横に遷移しないと入力できないので、さらに高い確率で失敗されます。なんとか１画面内に収まるようにならないものでしょうか？
----------------------------------------------------------
この部分は、Paypal側の画面となりますので、スタイルシートにて表示を変更することができません。
Paypal側には、こちらからも改善を依頼させていただきます。

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

１は対応いただけるとのこと、期待して待っています。

２はやはりPaypal側の問題なのですね。
お伝えいただけるとの事ですので、改善されるように願ってます。

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

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

Paypalウェブペイメントプラスについてです。
スマートフォン版についても読み込み中が表示されるように改善させていただきました。

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

ご対応ありがとうございます。

読み込み中の表示ももちろんなのですが、読み込みが長いと画面を戻ってしまうお客様が後を絶ちません。

画面を戻ると注文が重複する恐れがあることや場合によっては時間を要する事などをカート内ウェブペイメントプラスの画面が表示される、「おちゃのこさん部分」で目立つように案内できないでしょうか？

たとえばウェブペイメントプラスの表示部分の一番上、商品の明細の直下あたりです。

決済画面から戻る等してしまうと注文が重複しポイント等も使った状態となってしまいます。
当店の在庫もその都度減ってしまい、機会損失にもつながります。
先日は４回も失敗されたお客様がいらっしゃいまして、
４個あった在庫がSoldOut状態になってしまいました。

なにとぞよろしくお願い致します。

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

Paypalウェブペイメントプラスについてです。
ご指摘の箇所ですが、おっしゃるとおりだと思いますので、対応させていただきました。
パソコン、スマホとも目立つように赤字で注意を追加させていただきました。

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

ここ数日様子を見ていましたが、決済を失敗されるお客様がほとんどいなくなりました。
ありがとうございました。

Kittyさん、こんにちは。

お客様情報登録ページについてです。
設定については、下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=833&artlang=ja

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

おちゃのこ　刑部 様

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

勉強不足で申し訳ありません。
教えていただいた通り設定することができました。

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

友子さん、こんにちは。

文字色についてです。

スタイルシートの編集から下記の箇所を編集してください。
#555555を#000000に変更してください。

body {
background-image: url(img/bg.gif);
word-break: break-all;
color: #555555;
line-height: 140%;
}

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

M.Aさん、こんにちは。

HTML5テンプレートに切り替えた場合の検索順位への影響につきましては、検索エンジン側の仕様にもよるため正確な影響については分かりかねますが、W3CやGoogleの推奨する形式を適用したテンプレートのため、大きな影響を及ぼす可能性は低いと考えられます。

現在のところ、HTML5テンプレートへ移行したことが直接の原因となった事例は、確認しておりません。

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

おちゃのこ刑部様

ご返信ありがとうございます。
そうなのですね。
ありがとうございます。
メインキーワードでは外れましたが
複合キーワードでは残っているため
私もテンプレートが直接の理由ではないと　今思っています。
いつもおちゃのこ様には感謝しています。
今後ともどうぞよろしくお願いいたします。

PLAYEDさん、こんにちは。

会員グループについてです。
文字色、太さを変更する場合は、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.signin .member_group {
font-weight: bold;
color: #CC0000;
}


グループ名を画像に置き換えることはできませんが、アイコン画像をグループ名先頭に追加することは可能です。

下記の例では、15ピクセル×15ピクセルの画像を表示する例となります。
画像については、作成後に画像専用管理画面→コンテンツフォルダにアップロードしていただき、ファイル名部分を変更してください。

.signin .member_group {
padding-left: 15px;
display: inline-block;
background-image: url(image/ファイル名);
background-position: left top;
background-repeat: no-repeat;
}

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

丁寧に有り難う御座います。
早速変更してみます。

表示出来る画像サイズは15ピクセル以上でも大丈夫でしょうか？
今作成している画像のサイズが60ピクセルなので、表示出来ないのであれば
修正をする必要がありますので。

宜しくお願い致します。

PLAYEDさん、こんにちは。

グループについてです。
padding-leftの値が画像のサイズとなります。
左に余白を入れることで、その部分に背景画像を表示します。

60pxの画像であれば、padding-left: 60px;と変更してください。

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

PLAYEDさん、こんにちは。

お届け先についてです。
カートのお届け先選択部分で、追加/変更ボタンを非表示、マイページにてお届け先情報追加/変更欄非表示ということでしたら、下記の指定で可能です。

スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※この指定は、HTML5テンプレートでのみ有効となります。

.global_btn .recipientaddinput {
display: none;
}

#member_recipient {
display: none;
}

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

ご対応頂き、有り難う御座います。

また何か御座いましたら、宜しくお願い致します。

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

HTML5テンプレートについてです。
デザイン管理→コンテンツ商品表示設定のトップページ設定より、カートに入れるボタンを非表示に設定していただければ、トップページから非表示に設定することができます。

カート内の背景色ですが、どちらの部分でしょうか。

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

お返事いただきまして、誠にありがとうございました。

教えていただいた通り、ボタンを非表示にする事が
できました。とても助かりました！ありがとうございます。

また、カート内の背景色は、商品購入画面の「カートに入れる」
のボタン背景色なのですが…。

宜しくお願い申し上げます。

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

ボタンについてです。
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。
※この指定は、HTML5テンプレートでのみ有効となります。

下記は、背景色で指定する方法となります。#000000で黒となります。

.detail_item_data .add_cart .global_btn .btn_color_emphasis {
background-image: none;
background-color: #000000;
color: #FFFFFF;
}

背景画像で指定する場合は、下記のようにbackgrond-image部分に背景画像を指定してください。
元画像は、下記となります。
http://www.tigersbro-online.com/data/tigersbro/pc/img/btn_main_b.gif

※グラデーション画像を利用される場合は、グラデーションに合わせて背景色も、変更してください。

.detail_item_data .add_cart .global_btn .btn_color_emphasis {
background-image: url(image/ファイル名);
background-color: #000000;
color: #FFFFFF;
}

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

早速のお返事ありがとうございます！

早速教えていただいた通りにやってみます。
いつもご丁寧にありがとうございます。

友子さん、こんにちは。

表示についてです。
tableタグ等のレイアウトでよろしいでしょうか。
おちゃのこネットにて初期で読み込んでいるCSSにて、table関連の属性をリセットしておりましたが、本日そのCSSを修正させていただきました。

現状の状態でも問題がある場合は、お手数ではございますが、具体的な箇所を教えていただけますでしょうか。

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

早速の対応ありがとうございます。
おかげさまでデザイン崩れの問題が解決しました。

併せて教えていただきたいことがございます。
以前画像にマウスオーバー効果をつけておりましたが、HTML5のテンプレートにしたところ、その効果が無くなってしまいました。
再度スタイルシート最下部に、下記の指定をコピーして貼り付ければよろしいでしょうか？

td A img:hover {
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
}

友子さん、こんにちは。

スタイルシートについてです。
XHTMLテンプレート時に編集いただいた内容は、移行してされません。
HTML5テンプレートは、初期の状態からの利用となりますので、追加していただく必要があります。

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

Yougaさん、こんにちは。

店長日記についてです。
外部ブログは、別ページとなりますので、ページ内で表示させることはできません。
ご了承くださいませ。

スマートフォン版のデモサイトは下記となります。
http://demoshop.ocnk.net/phone/

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

こんにちは。
お返事ありがとうございます。

そうですか、残念です・・！
フリーページで載せてみたいと思います。

デモページありがとうございました☆

宮部さん、こんにちは。

表示についてです。
現在、XHTMLテンプレートにてjquery1.6を読み込んでご利用いただいておりますが、HTML5テンプレートでは、jquery1.6では利用できない機能がありエラーとなっています。

HTML5テンプレートでは、最新のjqueryを利用しておりますので、HTML5テンプレートご利用時には、メタタグ設定→PC版ヘッダー欄の下記を削除してご利用ください。
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js'></script>

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

なるさん、こんにちは。

カテゴリ商品、グループ商品についてです。
大変申し訳ございませんでした。
システムに一部不具合がございました。

先ほど、修正させていただきました。

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

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

おちゃのこ刑部さん

ありがとうございました。
在庫切れ商品は表示されないようになっておりました。

今後ともよろしくお願いいたします。

Kittyさん、こんにちは。

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

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

#666666が枠線の色となりますので、ご自身で変更してください。

.item_desc table {
float: none;
}

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


2.他の写真について
申し訳ございません。写真がない場合も写真表示枠のみ残っておりますので、削除させていただきました。
ご確認をお願い致します。


3.商品詳細、フリーページについて
XHTMLテンプレートでは、pタグに対するpadding等が有効なままだったため、余白が入っていました。

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

.item_desc p,
.free_contents p {
padding: 5px;
}

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

おちゃのこ 刑部 様

ご返信いただきありがとうございます。

早速教えていただいた通り挿入してみましたが、
1. 表の線
3. 段落の間の一行空白
が、うまく表示されません。

恐れ入りますが、お時間ございます時に再度ご教示いただけますと幸いです。
よろしくお願い致します。

おちゃのこ　刑部 様

度々恐れ入ります。

今一度確認しましたところ、きちんと表示されておりました。
ありがとうございました。

Kittyさん、こんにちは。

枠線についてですが、こちらで確認する限り表示されております。
画面の更新等はしていただけましたでしょうか。

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

３）の参考画像です

土谷さん、こんにちは。

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

1)読み込みについて
おちゃのこネットでは、ページへの初回アクセス時にサーバー上でページのキャッシュを生成しています。
これは、次回ページアクセス時の表示を速くするための処理となります。
なお、この処理については、XHTMLテンプレートでも同様の処理となります。

新テンプレートに移行モードでアクセスされている場合は、各ページのキャッシュが生成されていない状態ですので、キャッシュ作成までの間、読み込みに時間がかかる可能性があります。
ご了承くださいませ。
※キャッシュについては、設定内容が変更された時点でクリアされますので、設定内容が反映されないということはございません。


2)検索について
大変申し訳ございませんでした。
ご指摘のとおりでございましたので修正させていただきました。
再度ご確認をお願い致します。


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

.center_category_list li A {
width: 158px;
}


4)マニュアルについて
作成の予定はございますが、現状まだ着手できていない状況です。

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

了解＆確認しました！！
お手数おかけしましたm(_ _)m

まやさん、こんにちは。

背景についてです。
通常のスタイルシート内にbackground-imageの指定があるため、そちらが表示されております。

扉ページでは、非表示にする必要がありますので、下記のようにbackground-image: none;の1行を追加してください。

.intro_page_body {
background-color: #333333;
background-image: none;
}

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

MYCALLさん、こんにちは。

ヘッダーについてです。
HTML5テンプレートより商品一覧ページで、横幅100%表示機能が追加されています。
現在100%表示が選択されているため、横幅が広くなり左に寄って見えています。
表示が崩れているわけではありませんので、ご安心ください。

デザイン管理→ 商品一覧ページ設定の一覧の表示幅から固定幅を選択していただければ、トップページと同様の横幅で表示可能です。

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

duelkingさん、こんにちは。

カテゴリーについてです。
既存のカテゴリー一覧には、必ず表示されます。

方法としては、既存のカテゴリー一覧についても非表示に設定していただき、自由記入欄を利用して作成していただく方法となります。

新テンプレートでカテゴリ一覧メニューを作成する場合は、下記のようなhtmlタグをご利用ください。

<section>
<div class="side_box category">
<div class="section_title">
<h2>カテゴリ一覧</h2>
</div>
<ul class="side_contents category_list side_category_popup">
<!-- メインカテゴリ1　※サブカテゴリあり -->
<li class="parent_category">
<div class="parentcategory">
<a class="parentcategory_link item_list_link" href="javascript:void(0);">メインカテゴリ1</a>
</div>
<!-- メインカテゴリ1　サブカテゴリ -->
<div class="sub_category_box" style="visibility: hidden;">
<ul class="subcategories">
<li class="postop">
<a class="item_list_link" href="リンク先">サブカテゴリ</a>
</li>
<li class="posbottom">
<a class="item_list_link posbottom" href="リンク先">サブカテゴリ</a>
</li>
</ul>
</div>
<!-- メインカテゴリ1　サブカテゴリ -->
</li>
<!-- メインカテゴリ1 -->
<!-- メインカテゴリ2 -->
<li class="parent_category">
<div class="maincategory">
<a class="parentcategory_link item_list_link" href="リンク先">メインカテゴリ2</a>
</div>
</li>
<!-- メインカテゴリ2 -->
<!-- メインカテゴリ3 -->
<li class="parent_category posbottom">
<div class="maincategory">
<a class="parentcategory_link item_list_link" href="リンク先">メインカテゴリ3</a>
</div>
</li>
<!-- メインカテゴリ3 -->
</ul>
</div>
</section>

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