おちゃのこ広場

おちゃのこユーザー様同士の情報交換BBS!
活発な意見交換の場としてご利用下さい。

開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報(住所、電話番号など)の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
記事を閉じて表示
記事を閉じる カートの中身のページについて 投稿者:七海 No.15092 URL

おちゃのこ刑部様

いつもお世話になっております。

カートの中身のページ設定に苦戦しております。

TOPページと同じな構造にしたいですが、なぜかグローバルメニューバーやレフトナビやフッターなど全部崩れております。

下記ご確認願います。
https://battychups.ocnk.net/cart/0/

どういうふうに設定すればよろしいでしょうか?
お忙しい中、恐れ入りますが、ご返答とお待ちしております。
よろしくお願い申し上げます。

Re 表示について 投稿者:おちゃのこ刑部 No.15094 URL

七海さん、こんにちは。

表示についてです。
カート内は、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の場合、メタタグ設定→ヘッダー内で読み込むのではなく、メタタグ個別設定→各キャッチフレーズ欄を利用して必要なページに読み込むように変更をお願い致します。

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

Re カートの中身ページといろいろ設定について 投稿者:七海 No.15097 URL

おちゃのこネット刑部様

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

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

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

Re ご質問について 投稿者:おちゃのこ刑部 No.15098 URL

七海さん、こんにちは。

ご質問についてです。

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

フリーページ内の全コンテンツを下記のような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.商品一覧ページの「前のページ」と「次のページ」の表示を変えたいですが、例えば、「>」「<」などに変更する場合、設定方法を教えていただけますでしょうか?
--------------------------------------------------------
この部分の表記を変更することはできません。
ご了承くださいませ。

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

Re フッター部分崩れについて 投稿者:七海 No.15102 URL
添付画像

おちゃのこネット刑部様

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

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


Re フッターについて 投稿者:おちゃのこ刑部 No.15103 URL

七海さん、こんにちは。

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

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

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


-->
</style>

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

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

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

記事を閉じる カートに入れるボタンが出てこない 投稿者:aya No.15100 URL

一度、カートに入れるボタンを消すためにスタイルシートを
編集したのですが、もう一度出したいのですが、やり方がわかりません。

宜しくお願い致します。

Re カートについて 投稿者:おちゃのこ刑部 No.15101 URL

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;
}

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

記事を閉じる 一覧表示の件 投稿者:みずえ No.15085 URL

いつも、お世話になりありがとうございます。
実は、ショップの右の欄に「チタン鍋の使い方」という表題で、料理法など
を纏めている最中です。

実は、別の店舗を持っておりますが、この別店舗の方を閉じて、今後おちゃ
のこさん1本にしたいと思い移行作業をしております。
その別店舗のページの左の欄に「チタン鍋の使い方」を載せておりますが、
ここでは表題をクリックすることにより、全項目を一覧で見られるので大変
便利になっております。(ちなみに、「お買い物のご案内」なども同様です。)
http://miracle-titan-shop.jp/

つきましては、おちゃのこさんでも表題をクリッックすることにより、項目
全部を一覧で見て頂ける様にする方法はないでしょうか?
今は14項目しかありませんが、これを更につぎつぎと増やして行きたいと
思っております。お客様の要望もありました。
よろしくお願い致します。

Re 一覧について 投稿者:おちゃのこ刑部 No.15086 URL

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

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

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

●フリーページの作成
・一覧フリーページを作成する
・個別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>

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

Re いつも、ありがとうございます。 投稿者:みずえ No.15087 URL

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

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

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

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

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

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

Re フリーページについて 投稿者:おちゃのこ刑部 No.15088 URL

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

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

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>

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

Re わがままばかり言いまして、済みませんでした。 投稿者:みずえ No.15095 URL

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

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

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

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

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

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

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

Re 一覧について 投稿者:おちゃのこ刑部 No.15096 URL

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

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

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

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

記事を閉じる ペイパルのカート内での表記について 投稿者:*mieze* No.15090 URL

いつもお世話になっております。
この度ペイパル導入を検討中なのですが、1点困ったことがあるのでお尋ねします。

ペイパルでの支払いを設定した際に、
カート内「お支払い方法の選択」欄でペイパルの右に自動で記載される

「完了画面後にPayPalの画面で決済手続きをおこなってください。」

という一文を表示させたくないのですが、どうすればよいでしょうか。


ご注文後に送料の金額変更や追加注文などがちょくちょく発生するため、
カート手続き終了直後でのペイパル決済はしないでいただいて、
こちらから請求メールを送付してからの決済をお願いしようと考えているのですが
そういった説明文を記載したとしても、上記の文章があると説明と矛盾してしまいます。

おちゃのこさんを利用されている他店様で、上記文章の記載がないお店を
発見しましたので可能だとは思うのですがやり方がわかりませんので
教えていただけますでしょうか。

何卒宜しくお願いいたします。

Re PayPalについて 投稿者:おちゃのこ刑部 No.15091 URL

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

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

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

Re ありがとうございます! 投稿者:*mieze* No.15093 URL

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

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

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.15089 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●SOLD OUT画像のデザイン設定が可能になりました。
在庫なしの場合に表示されるSOLD OUT画像のデザイン設定が可能になりました。
文字色や文字サイズ等の設定が可能です。

詳細は下記のFAQをご覧ください。

・SOLD OUT画像設定について
http://www.ocnk.net/faq/index.php?action=artikel&cat=281576&id=864&artlang=ja

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

記事を閉じる 検索機能ページについて 投稿者:七海 No.15079 URL

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

下記四つお聞きしたいです。

①ページの右上部分にある検索枠とリンクについて、検索機能の追加方法を教えていただければ幸いです。

②ログイン後、TOPヘッダーに表示される部分はLOGINをLOGOUTに変更したいですが、どういうふうに設定すればよろしいでしょうか。

③商品詳細ページについて、google chromeで表示される画面は右へ飛び出ています。IEとFirefoxでは通常表示ですが、直す方法ありますでしょうか?

④また、同じ商品詳細ページですが、商品画像をズームでみるようなJSを入れたいですが、できますでしょうか?

以上です。
オープン間近ですので、迅速なご回答をいただけると助かります。
何卒宜しくお願い致します。

Re 商品検索について 投稿者:おちゃのこ刑部 No.15081 URL

七海さん、こんにちは。

商品検索についてです。

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を適用することはできません。

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

Re ログイン後のページ設定について 投稿者:七海 No.15083 URL

おちゃのこ刑部様

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

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

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

Re ログインについて 投稿者:おちゃのこ刑部 No.15084 URL

七海さん、こんにちは。

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

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

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

記事を閉じる SSLバナーの位置設定について 投稿者:七海 No.15068 URL

お世話になります。
SSLバナーをフッターの右下に移動したいですが、可能でしょうか

Re SSLバナーについて 投稿者:おちゃのこ刑部 No.15069 URL

七海さん、こんにちは。

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

#ssl_banner {
display: none;
}

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

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

Re SSLバナーの位置設定について 投稿者:七海 No.15078 URL

おちゃのこ刑部様

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

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

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

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

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

Re SSLバナーについて 投稿者:おちゃのこ刑部 No.15080 URL

七海さん、こんにちは。

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;
}

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

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

Re ご回答ありがとうございます。 投稿者:七海 No.15082 URL

おちゃのこ刑部様

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

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

スッキリいたしました。

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

記事を閉じる what's new ページ内について 投稿者: No.15076 URL

what's new ページ内をこちらのページのようにhttp://cafe0808.ocnk.net/news#12見やすくしたいと思っています。ノンデザインのテンプレートを使っています。他テンプレートからその部分のタグをコピペしたのですが全く反映されません。どうしたらよいのでしょうか?すみませんが、よろしくお願い致します。

Re スタイルシートについて 投稿者:おちゃのこ刑部 No.15077 URL

みさん、こんにちは。

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

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

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

記事を閉じる スマホトップ画像 投稿者:ゼログラ No.15073 URL

お世話になります。

スマホサイトのトップ画像に関し、お尋ねいたします。
推奨サイズは700x130pxですが、画像の縦方向を大きく、例えば700x230pxの画像を使いたい場合、どの様にスタイルシートを変更すれば宜しいでしょうか?

お忙しいところ申し訳ございませんが、宜しくお願いいたします。

Re トップ画像について 投稿者:おちゃのこ刑部 No.15074 URL

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

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

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

Re 無題 投稿者:ゼログラ No.15075 URL

おちゃのこ刑部 さま

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

記事を閉じる 画像の非表示 投稿者:ゼログラ No.15070 URL

いつもお世話になっております。

1点お尋ね致します。
トップ画像上部(矢印の赤で囲んだ部分)に各種支払い方法を画像表示していますが、下記2カテゴリーページのみその部分が表示されておりません。
iPhone 5 http://zerogravityshop.ocnk.net/product-list/5
iPhone 4/4s http://zerogravityshop.ocnk.net/product-list/4

他のページ同様に表示をさせたいのですが、理由が判明せずに困っております。

お手数をお掛け致しますが、何卒よろしくお願い申し上げます。

Re 画像について 投稿者:おちゃのこ刑部 No.15071 URL

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

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

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

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

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

Re 無題 投稿者:ゼログラ No.15072 URL

おちゃのこ刑部 さま

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

有難うございました。

記事を閉じる 「商品検索」について 投稿者:土谷 No.15063 URL

いつもお世話になります。

条件検索についてお伺いします。

「商品検索」は A AND (B OR C) のような条件検索に対応されていますでしょうか?

よろしくお願いします。

Re 商品検索について 投稿者:おちゃのこ刑部 No.15064 URL

土谷さん、こんにちは。

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

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

Re 無題 投稿者:土谷 No.15067 URL

そうですか・・・

了解しました~

記事を閉じる おたずねします!! 投稿者:かる No.15065 URL

HP上、テンプレートを囲む白い枠線が消えてきているのですが、どのように直したらよいでしょうか?教えてください。宜しくお願い致します。

Re 枠線について 投稿者:おちゃのこ刑部 No.15066 URL

かるさん、こんにちは。

枠線についてです。
このテンプレートには、全体を囲む枠線はございません。
初期設定で左右の余白部分に背景色は設定されております。
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,'MS Pゴシック',sans-serif;
}

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

記事を閉じる 本日の改良点のご報告 投稿者:おちゃのこ刑部 No.15062 URL

皆さん、こんにちは。

本日の改良点のご報告です。
------------------------------------
●ショップ休会とアカウントのクレジットカード自動更新が可能になりました。
おちゃのこネットのショップ休会とアカウントのクレジットカード自動更新ができるようになりました。

詳細は下記のFAQをご覧ください。

・休会について
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=860&artlang=ja

・自動更新について
http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=861&artlang=ja

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

記事を閉じる top画面をFLASHにしたい! 投稿者:aya No.15033 URL

いつもありがとうございます。
教えてください。

TOP画面が現在画像で設定されていますが、それをflashにしたいと考えています。
TEST flshですが・・・

http://nanianela.ocnk.net/data/nanianela/image/test.swf

こちらを設定したいです。

サイズは860×220で作成しています。

理想は下記のSHOPさんです。

http://m-losier.ocnk.net/

Re トップ画像について 投稿者:おちゃのこ刑部 No.15037 URL

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;
}

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

Re 無題 投稿者:匿名 No.15046 URL

おちゃのこ刑部様

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

間違ってますね?

何が違うかわかりません(涙)

すみません・・・

ご指摘ください。

Re Flashについて 投稿者:おちゃのこ刑部 No.15047 URL

ayaさん、こんにちは。

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

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

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

Re 無題 投稿者:匿名 No.15051 URL

おちゃのこ刑部様

これであってますか?

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

Re 無題 投稿者:匿名 No.15052 URL

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


これでどうでしょう?

Re 無題 投稿者:匿名 No.15053 URL

何度もすみません。

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

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

なぜでしょう?

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

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

Re Flashの挿入について 投稿者:おちゃのこ刑部 No.15054 URL

ayaさん、こんにちは。

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

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

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

Re 無題 投稿者:aya No.15055 URL

おちゃのこ刑部様

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

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

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

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

Re Flashについて 投稿者:おちゃのこ刑部 No.15056 URL

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版キャッチフレーズ欄に文言を設定いただいているということはございませんでしょうか。

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

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

Re 無題 投稿者:aya No.15061 URL

おちゃのこ刑部さま

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

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

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

勉強をつづけます。

記事を閉じる facebookとの連動について 投稿者:ctrl No.15059 URL

先日申し込みさせていただいて、オンラインショップを開店致しました。
商品ページにfacebookいいね!ボタンを設置して、
いいね!ボタンをお客様に何件か押していただいたきました。

おちゃのこカートには件数が反映されているのですが、
弊社facebookにはいいね!の反応があった旨が反映されません。

すみませんが、設定の方法を教えていただけませんでしょうか?

Re Facebookについて 投稿者:おちゃのこ刑部 No.15060 URL

ctrlさん、こんにちは。

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

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

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

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

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

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

記事を閉じる スマホ版商品検索窓の背景 投稿者:マキウチ No.15057 URL

いつもお世話になっております。
スマホサイトの編集についてです。
商品検索窓の背景部分のみカラーを変えたいのですがどうしたらよいでしょうか?

Re スマホ版の商品検索 投稿者:おちゃのこ刑部 No.15058 URL

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

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

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

↓ 変更後

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

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

記事を閉じる トップ画像について 投稿者:かる No.15048 URL

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

トップページ左上の商品カテゴリ一覧の文字の背景が削れて
バナーの写真画像になってしまうのですが
これはどうしてなるのでしょうか
黒に直したいです。

教えてください。よろしくお願い致します。

Re 背景について 投稿者:おちゃのこ刑部 No.15049 URL

かるさん、こんにちは。

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

#lefttd {
background-color: #000000;
}

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

Re 背景について 投稿者:かる No.15050 URL

おちゃのこ刑部さま

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

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

記事を閉じる 画像の貼り付け方向について 投稿者:トリセン No.15041 URL

おちゃのこ刑部様へ

いつもお世話になっております。
トリセンです。

画像の貼り付け方向について教えてください。

http://walkingassist.ocnk.net/page/28で、
靴とカウベル(鐘)の画像が横方向に並んでいるのですが、
カウベル画像の下に靴の画像を縦方向に付けたいと思っております。

どうぞよろしくお願いいたします。



Re 画像について 投稿者:おちゃのこ刑部 No.15043 URL

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

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

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

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

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

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

Re 画像の貼り付け方向について 投稿者:トリセン No.15045 URL

おちゃのこ刑部様へ

トリセンです。

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

ありがとうございます。

記事を閉じる 右側上の余白と両サイドの余白 投稿者:RM No.15034 URL

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

なぜか、右上が開いてしまっています。真ん中の”ブラウス”などの画像を入れ替えたところ、こうなっていました。
どうすればいいでしょうか?

もうひとつ

両サイドが妙に余白がありすぎています。
もう少し真ん中を広くしたいです。

お願いします。

kisskissjp.ocnk.net

Re 余白について 投稿者:おちゃのこ刑部 No.15038 URL

RMさん、こんにちは。

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

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

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

Re ありがとうございます。 投稿者:RM No.15044 URL

修正できました。

ありがとうございます!

記事を閉じる 右側にも、バーは付けられますか? 投稿者:みずえ No.15035 URL

刑部様

私も、左側にバーを付けさせて頂きました。
ありがとうございました。

ところで、右側にもバーは付けられますか?

Re バナーについて 投稿者:おちゃのこ刑部 No.15039 URL

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

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

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

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

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

body {
background-position: center top;
}

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

Re 出来ました。 投稿者:みずえ@管理人 No.15040 URL

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

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

Re ありがとうございます 投稿者:おちゃのこ刑部 No.15042 URL

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

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

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

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

新規登録

*必須項目

お名前
題名
コメント*
画像
※掲載可能な画像は、500kB以下のJPG・PNG・GIFファイルです。
アカウントID*
※半角英数字。記事にはショップのURLが表示されます。
ログインパスワード*
※管理画面ログイン時のパスワード

以下のフォームから自分の投稿記事を修正・削除することができます