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>

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

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指定の問題で、リンクが無効となっておりました。

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

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

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