七海さん、こんにちは。

表示についてです。
カート内は、SSL保護下のページとなりますので、画像やCSS、JavaScriptを読み込む場合は、https://～のURLで記載していただく必要があります。

●CSSについて
下記の2つのCSSを外部サーバーから読み込んでおられますが、正常に読み込みができませんので、デザイン管理→スタイルシートの編集内に記載し、下記は削除してください。

<link rel="stylesheet" type="text/css" href="http://namidesign.net/SIOUXXSIE/css/css.css"; media="all" />
<link rel="stylesheet" type="text/css" href="http://namidesign.net/SIOUXXSIE/css/top.css"; media="all" />

●画像について
現状すべて独自ドメインURLのパスで記載されておりますので、全てhttps://共用ドメインURLの形に変更してください。
IEではセキュリティ警告の原因となります。

http://www.siouxxsiejapan.com/data/battychups/image/menu6.jpg
↓変更後
https://battychups.ocnk.net/data/battychups/image/menu6.jpg

●JavaScriptについて
外部サーバーから読み込んでおられますが、こちらもIEではセキュリティ警告の原因となりますので、SSLに対応したサーバーに設置していただき読み込んでいただく必要があります。
または、カート内では必要ないJavaScriptの場合、メタタグ設定→ヘッダー内で読み込むのではなく、メタタグ個別設定→各キャッチフレーズ欄を利用して必要なページに読み込むように変更をお願い致します。

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

おちゃのこネット刑部様

いつもお世話になっております。
先日ご丁寧にご回答いただき、誠にありがとうございます。
おかげさまで、無事レイアウトのことを解決いたしました。
ありがとうございます。

またいくつか御質問がありますので、ご教授いただければと思います。
①サイトマップページのthispageの|SITE MAPの表示をもう少し左に１０pxくらいずらしたいですが、同じく他のページの同一箇所は位置はすでに期待している位置にありますが、サイトマップとほかいくつかのページだけは違うようです。その調整方法を教えていただきたいです。
②各商品の詳細ページのタイトルのところ、金額の「：」を消したいです。
③カートの中身のページにあるテーブルなどの上と下に付いている文字、例えば、「商品の数量を変更する場合は、リストボックスの数量を変更後、「更新」ボタンを押してください。。。。。。などなど」消す方法ありますでしょうか？
④商品一覧ページの「前のページ」と「次のページ」の表示を変えたいですが、例えば、「＞」「＜」などに変更する場合、設定方法を教えていただけますでしょうか？

いろいろ質問が多くて、申し訳ありません。
お忙しい中、ご返答の程よろしくお願い申し上げます。

七海さん、こんにちは。

ご質問についてです。

--------------------------------------------------------
1.サイトマップページのthispageの|SITE MAPの表示をもう少し左に１０pxくらいずらしたいですが、同じく他のページの同一箇所は位置はすでに期待している位置にありますが、サイトマップとほかいくつかのページだけは違うようです。その調整方法を教えていただきたいです。
--------------------------------------------------------
パンくずリストを左に移動させるよりも、他のページと同様にコンテンツを右に移動する方法でご紹介します。

フリーページ内の全コンテンツを下記のようなhtmlタグで囲んでください。
<div style="width: 755px; padding-left: 25px;">
内容
</div>


--------------------------------------------------------
2.各商品の詳細ページのタイトルのところ、金額の「：」を消したいです。
--------------------------------------------------------
スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。
※貼り付け位置は、最下部にお願い致します。

.detail_page_body .detail_item_text #price_label {
display: none;
}


--------------------------------------------------------
3.カートの中身のページにあるテーブルなどの上と下に付いている文字、例えば、「商品の数量を変更する場合は、リストボックスの数量を変更後、「更新」ボタンを押してください。。。。。。などなど」消す方法ありますでしょうか？
--------------------------------------------------------
カート内全てでしょうか。下記の指定では、カートの中身ページと、登録情報入力ページまでの説明リストを非表示にすることができます。
基本的には、<li>タグを利用していますので、ページ内の<li>タグは全て非表示となります。

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

#shoppingcart_page_step0 .page_table_middle li,
#shoppingcart_page_step0 .page_table2_middle li,
#shoppingcart_page_step1 .page_table_middle li,
#shoppingcart_page_step1 .page_table2_middle li {
display: none;
}


--------------------------------------------------------
4.商品一覧ページの「前のページ」と「次のページ」の表示を変えたいですが、例えば、「＞」「＜」などに変更する場合、設定方法を教えていただけますでしょうか？
--------------------------------------------------------
この部分の表記を変更することはできません。
ご了承くださいませ。

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

おちゃのこネット刑部様

いつもお世話になっております。
先日ご丁寧にご回答いただき、誠にありがとうございます。

ご指示の通り、フリーページに下記コードを追加したのですが、
パンくずリストの位置が希望通り表示されました。しかし、フッター部分のコピーライター部分の文字が変な位置で表示されてしまいます。
添付画像をご確認のほどよろしくお願いいたします。
大変恐縮ですが、その解決方法を教えていただければ幸いです。
何卒よろしくお願い申し上げます。

七海さん、こんにちは。

フッターについてです。
ずれのあるページ内で各ブロック単位に下記のようにスタイルシートの指定を直接記載いただいるかと思います。
<style type="text/css">

<!--
body{ font-family:"Arial","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Helvetica;}

t
td{ font-size:10px; line-height:17px; color:#333333;}


-->
</style>

この記載を削除いただき、スタイルシートの編集内に指定を追加いただけますでしょうか。
各ブロックには、<div>タグが入っているようですので、クラス名を付けていただければ、指定可能かと思います。

※なぜこの指定が影響しているかまでは、申し訳ございませんが分かりかねます。ブラウザの仕様上なんらかの影響が出ていると思われます。

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

ayaさん、こんにちは。

現在、まだ承認待ちの状態ですので、カートに入れるボタンは表示されていないかと思います。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281596&id=160&artlang=ja

スタイルシートを拝見しましたが、お問い合わせボタンは、非表示にされているようです。
スタイルシートの編集から下記の指定を削除いただければ、商品詳細ページのお問い合わせボタンは、表示されます。
.detail_item_text .item_bot_box .inquiryinput {
display: none;
}

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

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

フリーページの一覧についてです。
各フリーページをカテゴリ分けして管理する機能が必要となりますが、現状のところは、予定にございませんので、手動でご対応いただく必要がございます。
今後、検討させていただきますが、現状は下記の方法をご検討くださいませ。

基本的には、一覧用のフリーページと個別用のフリーページを作成していただき、左エリアの表示を階層表示します。
下記をご覧の上、ご検討ください。

●フリーページの作成
・一覧フリーページを作成する
・個別1のフリーページを作成する
・個別2のフリーページを作成する
・個別3のフリーページを作成する

フリーページの各メニューは、メニュー非表示に設定してください。

●自由記入欄にて階層メニューを作成する
左エリアの商品カテゴリ表示用のhtmlを利用します。

<h3><a href="一覧フリーページリンク先">一覧フリーページ</a></h3>
が一覧用のメニューとなります。

<li><a href="個別フリーページ3リンク先">個別フリーページ3</a></li>
の行を追加いただくことで、個別用のメニューを追加できます。


<div class="side_box">
<div class="category_title">
<h3><a href="一覧フリーページリンク先">一覧フリーページ</a></h3>
</div>
<div class="category_list">
<ul>
<li><a href="個別フリーページ1リンク先">個別フリーページ1</a></li>
<li><a href="個別フリーページ2リンク先">個別フリーページ2</a></li>
<li><a href="個別フリーページ3リンク先">個別フリーページ3</a></li>
</ul>
</div>
</div>

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

この度は、ご丁寧なご説明を頂きありがとうございました。

その中で、
「●フリーページの作成
・一覧フリーページを作成する
・個別1のフリーページを作成する
・個別2のフリーページを作成する
・個別3のフリーページを作成する」
とのことですが、「チタン鍋の説明が現状14個あるので、それを5個ずつに
分けるという感じでしょうか？

又、「フリーページの各メニューは、メニュー非表示に設定してください。」
とのことですが、これについては、始めは殆どの方が各メニューを見に来ら
れて、こんなに沢山あるのだったら全部一緒に見られないかなと思われる
場合に、一覧で表示できたら便利だと思った次第で、内容を現す項目名は
必須だと思いますので、各メニューを非表示には出来ないのです。

>今後、検討させていただきますが、現状は下記の方法をご検討下さいませ。
とのことですので、いつの日かシステムの変更がある日を、楽しみにお待ち
したいと思います。

いつも、本当にありがとうございます。
おちゃのこネット様には、心から感謝しております。

その思いを先日、ブログに書いてしまいました。（恥ずかしながら…）
お時間のある時に、ご覧頂けると嬉しく存じます。
（「2013.05.21　走り廻りたいぐらい嬉しいこと、そして…。」）
http://blog.goo.ne.jp/miracle-titan/e/b66b6f1ac285f506a2bf54b254d7252c

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

フリーページについてです。

14個の説明ページについては、それぞれをフリーページとして作成してください。
そのフリーページが個別フリーページとなります。
14ページ個別フリーページ(01ご飯炊き～14お茶煎じ)が作成されます。

個別ページの他に、14個の説明ページを一覧できるフリーページを作成します。そのフリーページが一覧フリーページ(※チタン鍋の使い方)となります。

その上で、14個の個別フリーページと1個の一覧フリーページを全て「コンテンツ管理」→「フリーページ設定」からメニュー非表示に設定してください。
これで、左エリアに自動的に生成されるフリーページメニューは、非表示となりますが、各フリーページは存在している状態となります。

ただし、この状態では、メニューがない状態ですので、自由記入欄を利用して左エリアに下記のようにメニューを挿入します。

下記のメニューは、カテゴリのようにタイトルとコンテンツ一覧のように表示されますので、タイトル部分に一覧用のフリーページリンク先とフリーページ名(※チタン鍋の使い方)を設定してください。

各<li>タグ～</li>タグが個別フリーページ用のメニューとなりますので、それぞれ個別フリーページリンク先と個別フリーページ名(※01ご飯炊き～14お茶煎じ)を設定してください。
14個ありますので、<li>～</li>の行が14行できることになります。

※リンク先については、「コンテンツ管理」→「フリーページ設定」のページタイトル欄のタイトル名下をご参照ください。


<div class="side_box">
<div class="category_title">
<h3><a href="チタン鍋の使い方フリーページリンク先">チタン鍋の使い方</a></h3>
</div>
<div class="category_list">
<ul>
<li><a href="01ご飯炊きフリーページリンク先">01ご飯炊き</a></li>
<li><a href="02スープ・カレーなどフリーページリンク先">02スープ・カレーなど</a></li>
<li><a href="03天ぷら・揚げ物などフリーページリンク先">03天ぷら・揚げ物など</a></li>
<li><a href="04野菜や料理の保存フリーページリンク先">04野菜や料理の保存</a></li>
<li><a href="05おでん・煮物などフリーページリンク先">05おでん・煮物など</a></li>
<li><a href="06炒め物・きんぴらなどフリーページリンク先">06炒め物・きんぴらなど（やかんに、ポットに）</a></li>
<li><a href="07湯沸かし（やかんに、ポットに）フリーページリンク先">07ご飯炊き</a></li>
<li><a href="08鍋物などフリーページリンク先">08鍋物など</a></li>
<li><a href="09たまご料理フリーページリンク先">09たまご料理</a></li>
<li><a href="10豆ご飯・炊き込みご飯フリーページリンク先">10豆ご飯・炊き込みご飯</a></li>
<li><a href="11お寿司フリーページリンク先">11お寿司</a></li>
<li><a href="12赤飯・ぜんざいなどフリーページリンク先">12赤飯・ぜんざいなど</a></li>
<li><a href="13マーマレード作りフリーページリンク先">13マーマレード作り</a></li>
<li><a href="14お茶煎じフリーページリンク先">14お茶煎じ</a></li>
</ul>
</div>
</div>

ブログ拝見しました。ご丁寧にありがとうございます。
よろしくお願い致します。

刑部様
親切なご説明を頂きまして、本当にありがとうございます。
教えて頂いた方法で只今頑張っている最中ですが、どうもまだ疑問があるのです。
どうも、私の説明不足で、趣旨が伝わっていないのではないかと思ったのです。

参考の為、画像を１つリンクします。ショップのトップページ右の欄です。
（画像が大きすぎて添付できませんので、HPにUPしましたので、下にリンク
させて頂きます。）
私が質問させて頂いた趣旨は、この画像のAとB群のことです。
http://www.mizue-kobo.jp/130528tukaikata-click.jpg

本来は、お客様にBの画像を１つずつクリックして見て頂く為に作りましたが、
現状14個もあり、更に今後増やして行く予定ですので、全体を見たいと思われる
方に、一度に閲覧して頂く方法があればと思ったのです。
たまたま、私の別ショップ（来月解約予定）では、その様になっていますので、
できたら、同様にできたら便利だと思いました。

そこで、もう一度そのページをリンク致します。
（http://miracle-titan-shop.jp/hpgen/HPB/categories/2934.html）
14項目が全部、下へ下へと連結表示されています。

教えて頂いた方法は、カテゴリー分けだけの様に感じます。
せっかくUPした画像は非表示になるのでしょうか？

なお、
「個別ページの他に、14個の説明ページを一覧できるフリーページを作成します。
そのフリーページが一覧フリーページ(※チタン鍋の使い方)となります。」…
ということは、全体（14項目）が繋がったフリーページを作るということですか？
もちろん、この方法は最初に考えたのですが、でもこの14項目は、まだ未完成の
ページもあり、又今後更新を継続するものであり、いずれ20〜30項目以上なった
場合煩雑な作業になるので、避けたいと思っています。

そんなことで、私の希望することは、現状無理ではないかと思いましたが、質問の
趣旨だけお知らせ申し上げます。
いつも、わがままばかり言いまして申し訳ありません。
お忙しいところ，かき回して本当に済みませんでした。

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

度々申し訳ありません。
別サイトの左エリアのメニュー構造を作成する方法について記載しておりました。

一覧のフリーページを自動で作成することは現状できません。
この点については、フリーページのカテゴリ化が必要となりますので、今後検討して参ります。
現状ですと既にご検討いただいておりますが、手作業で14コンテンツをまとめたページを作成していただく必要があります。

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

*mieze*さん、こんにちは。

PayPalについてです。
PayPalのメール決済を行う場合は、「ショップ運用設定」→「お支払い方法設定」→決済方法【PayPal】を利用するのではなく、ご自身にて「支払い方法の欄を追加する」を選択して任意の支払い方法を追加する方法をご利用いただく方法となります。
ショップオーナー様にて「支払い方法の欄を追加する」より支払方法を追加いただい場合は、購入時にPaypalの画面に遷移しません。

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

刑部様ありがとうございました！
その方法がありましたね、全く気が付きませんでした。

教えていただいたやり方で、無事にペイパルを導入できました。
こちらの掲示板でのやりとりはとても丁寧で、いつも感謝しております。
本当にありがとうございました。

七海さん、こんにちは。

商品検索についてです。

1.検索の追加について
下記のFAQをご覧ください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=276&artlang=ja

2.ログインについて
ご自身で挿入された文言かと思いますが、CSSにてログイン後に文言を変更することはできません。

3.商品詳細について
.detail_item_textの横幅を変更してください。
380px→350pxに変更をお願い致します。

4.画像について
基本的には、クリック時に拡大画像を表示します。
既存の商品詳細画像に外部のJavaScriptを適用することはできません。

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

おちゃのこ刑部様

お世話になっております。
早速の御返事ありがとうございます。

ログイン後のページについて、やはりログアウトという表示が必要かと思いますが、ログイン後のページを新規製作か何らかの方法がございますでしょうか？

ぜひ教えていただければと思います。
何卒よろしくお願いいたします。

七海さん、こんにちは。

ログイン後のページについてですが、ログインされた場合、左エリアにログイン情報が表示されます。
上部にご自身で配置された文言を変更することはできません。
ご了承くださいませ。

別の方法としては、ヘッダーにログインエリアを移動させる方法がございます。
下記のデモサイトをご覧くださいませ。
http://cafe0909.ocnk.net/

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

七海さん、こんにちは。

SSLバナーについてです。
バナーの非表示は、下記の指定で可能です。

#ssl_banner {
display: none;
}

フッターへの配置は、コピーライト欄にご自身で追加をお願い致します。

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

おちゃのこ刑部様

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

おかげさまで、SSLバナーをフッターに設置できました。

ですが、レフトナビに依然表示されています。
スタイルシートでご指示のどおり設定したにもかかわらず、表示されてしまいます。

非表示方法をほかにありますでしょうか？もしかしてスタイルシートに追加場所とか間違っていたのかもしれません。
是非教えていただければと思います。

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

七海さん、こんにちは。

SSLバナーについてです。
#ssl_banner指定前後の記載が原因です。

<style type="text/css">と</style>
<!--------SSLバナー非表示----------->と<!------------->
を削除してください。
CSS内のコメントアウトは、/* */をご利用ください。

<style type="text/css">
<!--
body {
background-color: #ffffff;
background-image: url(***.jpg);
background-position: left top;
background-repeat: repeat-y;
background-attachment: fixed;
}
-->
</style>

<!--------SSLバナー非表示----------->
#ssl_banner {
display:none;
}
#rss_banner{
display:none;
}
#address2_status {
color: #E4007F;
font-size: 12px;
}

<!------------->

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

おちゃのこ刑部様

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

SSLバナーの非表示はできました。

スッキリいたしました。

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

みさん、こんにちは。

デモサイトのどの部分を適用されたいのでしょうか。
また、タグをコピペされたとのことですが、スタイルシートをコピーされたのでしょうか。

お手数をお掛けしますが、詳細をお教えいただけますでしょうか。

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

ゼログラさん、こんにちは。

トップ画像についてです。
スマートフォン版のトップ画像については、縦幅の大きい画像をご登録いただければ、そのままのサイズで表示されます。

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

おちゃのこ刑部 さま

お世話になります。
この度はご面倒をお掛けいたしました。
お尋ねする前に、まずトライしてみるべきでした。
問題なく、推奨サイズより大きいサイズの画像に変更できました。

ゼログラさん、こんにちは。

画像についてです。
バナー画像を「デザイン管理」→「画像とコメントの設定」→「キャッチフレーズ欄」に記載いただいておりますが、「ショップ基本設定」→「メタタグ個別設定」の該当カテゴリのPC版キャッチフレーズ欄に文言の記載があるため、そちらが優先して表示されております。

「画像とコメントの設定」→「キャッチフレーズ欄」に記載いただいているバナー画像の内容を「メタタグ個別設定」の該当カテゴリの「PC版キャッチフレーズ欄」にも記載をお願い致します。

メタタグ個別設定についての詳細は、下記のFAQをご覧くださいませ。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281594&id=570&artlang=ja

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

おちゃのこ刑部 さま

お世話になります。
早々にご回答を有難うございました。
その２カテゴリーのみ個別にキャッチフレーズ欄に記載していたことを忘れていました。
変更できました。併せてスマホサイトも同様に変更しました。

有難うございました。

土谷さん、こんにちは。

商品検索についてです。
現在のところ、スペース区切りのAND検索のみの対応となっています。

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

そうですか・・・

了解しました～

かるさん、こんにちは。

枠線についてです。
このテンプレートには、全体を囲む枠線はございません。
初期設定で左右の余白部分に背景色は設定されております。
http://www.ocnk.net/sample/index237.html

この部分ということでしたら、スタイルシート内の下記の箇所を編集してください。
下記の、background-color: #000000;をご希望の色に変更してください。

body {
background-color: #000000;
word-break: break-all;
margin: 0px;
padding: 0px;
font-size: small;
color: #CCCCCC;
line-height: 140%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

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

ayaさん、こんにちは。

トップ画像についてです。
基本的には、ご利用テンプレートでは静止画がしか設定することができませんので、キャッチフレーズ欄へのhtmlタグ設定とスタイルシートでの位置調整が必要です。

下記の手順で作業を行ってください。

STEP1　キャッチフレーズ欄にhtmlタグを設定する
画像とコメントの設定→キャッチフレーズ欄から下記のようなhtmlタグを設定してください。
<div class="flash_area">Flashを挿入</div>

Flashの挿入については、下記のFAQをご覧ください。
※全ページに表示されますので、必ずhttps://～のURLで記載してください。
http://www.ocnk.net/faq/index.php?action=artikel&cat=281574&id=221&artlang=ja

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

Flashの表示位置は、.flash_areaで設定できます。
topの値を大きくすると下に移動します。
leftの値を大きくすると右に移動します。

#container {
background-image: none;
}

.flash_area {
position: absolute;
top: 90px;
left: 0px;
}

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

おちゃのこ刑部様

ありがとうございます。
やってみたのですが、表示されません・・・

間違ってますね？

何が違うかわかりません（涙）

すみません・・・

ご指摘ください。

ayaさん、こんにちは。

Flashについてです。
STEP1のキャッチフレーズ欄へhtmlタグを挿入する部分は、設定いただけましたでしょうか。

現状ページを拝見する限り、設定されておりません。

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

おちゃのこ刑部様

これであってますか？

<div class="flash_area"><script language="JavaScript" type="text/javascript">
<!--
flwrite("("https://nanianela.ocnk.net/data/nanianela/image/test.swf";, "860", "200");
//-->
</script>
</div>

<div class="flash_area"><script language="JavaScript" type="text/javascript">
<!-- flwrite("("https://nanianela.ocnk.net/data/nanianela/image/test1.swf", "860", "200");//-->
</script>
</div>


これでどうでしょう？

何度もすみません。

作成したFlashファイルを画像管理からアップロードしようと思たのですが、アップロード先をコンテンツフォルダに指定しても、アップロートフォルダに勝手に変わってしまいます。

その後、アップロードしたら、コンテンツフォルダに保存されているのですが、クリックしてみるとno imageと表示されます。
テキスト表示にしてクリックするとプレビューできます。

なぜでしょう？

上手く表示されないことに関係してますか？

何度もお手数おかけします。

ayaさん、こんにちは。

Flashの挿入についてです。
下記のようにキャッチフレーズ欄に記載してください。
<script language="JavaScript" type="text/javascript">
<!--
flwrite("https://nanianela.ocnk.net/data/nanianela/image/test1.swf ", "860", "200");
//-->
</script>

画像専用管理画面については、調査させていただきますが、上記にも記載しておりますswfファイルのURLを直接ブラウザで表示することができておりますので、サーバー上にはアップロードされております。

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

おちゃのこ刑部様

そのままコピペしたのですが、表示されません・・・
何か間違っているのでしょうか？

STEP1　キャッチフレーズ欄にhtmlタグを設定する
画像とコメントの設定→キャッチフレーズ欄から下記のようなhtmlタグを設定してください。
<div class="flash_area">Flashを挿入</div>

↑　これは挿入しなくていいのですか？

初心者すぎてすみません・・・

ayaさん、こんにちは。

Flashについてです。
<div class="flash_area">と</div>も必要です。

<div class="flash_area">
<script language="JavaScript" type="text/javascript">
<!--
flwrite("https://nanianela.ocnk.net/data/nanianela/image/test1.swf ", "860", "200");
//-->
</script>
</div>

1点ご確認ですが、ショップ基本設定→メタタグ個別設定のトップページ欄や他のページのPC版キャッチフレーズ欄に文言を設定いただいているということはございませんでしょうか。

その場合、画像とコメントの設定→キャッチフレーズ欄に設定がある場合でもメタタグ個別設定の設定が優先されるため、設定内容が反映されません。

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

おちゃのこ刑部さま

こんにちは！
最後の方法で無事にアップする事ができました♪

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

何とかそれらしくなりました。

勉強をつづけます。

ｃｔｒｌさん、こんにちは。

商品詳細ページに表示されるいいねボタンは、ご覧いただいたユーザーさまご自身のFacebook内に表示されるものです。
ご自身のFacebookページへ誘導されたい場合は、Likeboxをご利用くださいませ。

下記のページより設置用のコードを取得してください。
左右エリアに配置する場合は、横幅160pxとなります。

取得したコードを画像とコメントの設定→自由記入欄に設定してください。

https://developers.facebook.com/docs/reference/plugins/like-box/

なお、下記のデモサイトで設置しておりますので、参考にご覧ください。
http://cafe0808.ocnk.net/

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

マキウチさん、こんにちは。

スマホ版の商品検索についてです。
スマートフォン管理のスタイルシートの編集から下記の箇所を編集してください。
下記の場合、＃FFFFFFで白色になります。ご希望のカラーコードに変更してください。

.search {
background-color: #000000;
padding: 5px;
color: #FFFFFF;
text-align: center;
}

↓　変更後

.search {
background-color: #FFFFFF;
padding: 5px;
color: #FFFFFF;
text-align: center;
}

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

かるさん、こんにちは。

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

#lefttd {
background-color: #000000;
}

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

おちゃのこ刑部さま

無事に直すことができました。
ありがとうございました。

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

トリセンさん、こんにちは。

画像についてです。
下記の箇所を変更してください。

・divタグ
divタグのheignt値を308pxに変更してください。
<div style="height: 308px; float: right">

・imgタグ
両imgタグのalign="right"を削除してください。
divタグにてfloatしておりますので、imgタグ内には必要ありません。

上記変更後、上下画像の間に<br />タグを挿入していただければ、画像は改行します。

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

おちゃのこ刑部様へ

トリセンです。

ちょっと変更しましたけど、思ったようにいきました。

ありがとうございます。

RMさん、こんにちは。

余白についてです。
画像とコメントの設定のいらっしゃいませ欄と自由記入欄5内に記載いただいている各<TABLE><TR><TD>に対する</TD></TR><TABLE>が記載されていないためtableタグの構造が崩れております。
ご確認をお願い致します。

基本的には、横幅幅を広げることは可能ですが、各横幅、背景画像は、現状の860pxをベースに最適化して作成してあります。
そのため、各箇所の横幅調整、タイトル画像等が必要となります。
ご検討ください。

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

修正できました。

ありがとうございます！

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

ご質問を別のスレッドにもいただいておりますので、同様のご回答となりますが、こちらにも記載させていただきます。

バナーについてです。
左右両方に設定される場合は、横幅の大きな画像を作成していただく必要があります。
ただし、現状のように画面表示エリアの左端や右端から何ピクセルといった位置での表示はできません。

方法としては、中央のコンテンツ部分860px～900pxくらいの余白を設け、その左右にバナー画像が配置される画像の作成してください。

その上で、bodyに対して背景画像が中央寄せで表示されるように設定してください。

body {
background-position: center top;
}

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

刑部様
出来ました。
信じられないです。
左のバーも、自分では出来ないと思っていましたが、念の為やってみると出来たので、信じられない程でしたが、今回は左右のバーも出来ました。
まさか、私がこんなことが出来るなんて…。
その辺を走り回りたいぐらい嬉しいです。ほんとです。（＾＾；；）

刑部様のお陰です。
おちゃのこさんのお陰です。
本当にありがとうございました。

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

ご丁寧にありがとうございます。
綺麗に表示されています。

またわからないことがございましたら、ご質問ください。

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