おちゃのこユーザー様同士の情報交換BBS!活発な意見交換の場としてご利用下さい。
お世話になります。 スマートフォンサイトの製作についてご質問がございます。 カートの横にカート画像と同じサイズの画像を持ってくるやり方を 過去ログで見てやってみたのですがうまくいきません。 キャッチフレーズ欄に <div class="header_free"><img src="*********></div> と記載し、 スタイルシート欄に #copy { position: relative; min-height: 15px; } .header_free { position: absolute; top: 80px; right: 60px; z-index:99; } と記載したのですが、ページ上に反映されていないようなんです。 どこが間違ってますでしょうか。 また、別件で、 カートのリンク、画像を既存の場所から消して .shoplogo の下に移動させた場合、 他のページに移動したときに消えてしまいますか? 予定ではカートとログインを画像表示させたいと考えております。 以上2点、宜しくお願い致します。
まやさん、こんにちは。 ヘッダーのログインについてです。 メタタグ個別設定に記載があるため、そちらの指定が優先されております。 メタタグ個別設定にログイン画像の記載を追加ください。 スマートフォン管理→画像とコメントの設定→キャッチフレーズ欄の内容をそのまま記載いただいても結構ですが、埋め込みタグ{Catch}をご利用いただく方法もございます。 例) <marquee>HID,LED販売、取り付けも承っております。他に、LED照明や、電子部品、LED加工等も承っております。</marquee> {Catch} これで、画像とコメントの設定画面のキャッチフレーズ欄の内容を表示できます。 ロゴの下に移動されたいということですが、ロゴ下に余白を入れ、その部分に配置されるということでしょうか。position指定を利用して、現在配置されているボタンを移動する方法もございます。 スマートフォン管理→スタイルシート編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 #header { padding-bottom: 50px; background-color: #2B313B; } .head_cart { position: absolute; top: 65px; left: 15px; } .header_free { position: absolute; top: 90px; left: 80px; } よろしくお願い致します。
先日はありがとうございました。 また質問がございます。 前回スマートフォン用サイトの質問で、 カートボタンの移動を教えていただいたのですが、 カートとログインボタンを.shoplogo の下に移動させたいのですが、 均等に2つにわけて配置することは可能でしょうか。 うまく説明できないので画像を添付しました。 そこで、もし出来るのであれば ログイン後はログイン画像のところはどうなりますか。 宜しくお願い致します。
いつもお世話になっております。 今回は質問ではなく要望です。 人気ランキングなんですが、あまりお使いになっている方がおられないようです。 おそらくなんですが、1位や2位などのアイコンにオリジナル画像を使用しても、 トップページの1位や2位の表示がアイコンにならない謎仕様になっているせいではないでしょうか? 改善されれば、使うショップさんも増えると思います。 宜しくお願い致します。
火山さん、こんにちは。 ランキングについてです。 今後検討させていただきます。 現状の対応策としては、スタイルシートにて背景画像を挿入することも可能です。 下記のように指定することで、No.1、No.2等に個別で背景画像を挿入できます。 文字は、非表示にできませんので、アイコン画像下に表示するように指定しています。 .item_data .rankno1, .item_data .rankno2 { width: 40px; min-width: auto; height: 23px; background-color: transparent; background-position: center top; font-size: 85%; padding-top: 30px; background-repeat: no-repeat; } .item_data .rankno { height: 53px; line-height: 53px; } .rankno1 { background-image: url(image/20150529_f18bbb.gif); color: #000000; } .rankno2 { background-image: url(image/20150529_28d6fe.gif); color: #000000; } よろしくお願い致します。
お世話になっております。 現在、GMOペイメントのクレジットカード決済を使っておりますが、 セキュリティコードの入力を無くす(省略する)方法はありませんか? まれにセキュリティコードのとこでうまくいかないお客さんがいます。 宜しくお願い致します。
南国さん、こんにちは。 クレジットカード決済についてです。 セキュリティコードの欄を無くすことはシステム上可能ですが、クレジットカード決済のセキュリティが弱くなりますので、お勧めいたしません。 クレジットカード各社より、セキュリティコードの入力を推奨されておりますので、現状のまま、セキュリティーコードの入力が必須にて運用をお願い致します。 よろしくお願い致します。
いつもお世話になります。 赤枠の部分を全体的に下へ押し下げたいのですが、なかなかうまくいきません。 #blineでもなさそうですし、教えていただければと思います。 宜しくお願い致します。
火山さん、こんにちは。 ヘッダーについてです。 キャプチャは、XHTMLテンプレートですが、現状はHTML5テンプレートでショップが表示されます。 どちらの場合かご連絡いただけますでしょうか。 スタイルシートの指定が異なります。 よろしくお願い致します。
お世話になります。お返事ありがとうございます。 すみません。適当な写真を加工したのが間違いでした。 HTML5テンプレート (幅: 980px)のリラックスを使用しております。
火山さん、こんにちは。 ヘッダーについてです。 ヘッダーに指定している背景画像を全て表示させたいのでしょうか。 その場合、デザイン管理→スタイルシート編集で記載している #header 指定部分を、下記のように変更してください。 height の値を増やし、背景画像が繰り返しにならないように background-repeat: no-repeat; を加えています。 #header { margin: 0 auto; width: 980px; height: 220px; background-image: url(image/yougandou.jpg); background-repeat: no-repeat; } 初期状態で入っている最上部の青色背景指定を消す場合は、 デザイン管理→スタイルシート編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 #inner_header { background-image: none; } なお、横幅が固定のデザインとなっているようですので、商品一覧も固定幅の設定にすることをお勧めします。 デザイン管理→商品一覧ページ設定にある「一覧の表示幅」の設定欄で、「固定幅」を選択可能です。 よろしくお願いします。
お返事ありがとうございました。 そのとおり記述することで出来ました。 おっしゃるとおり横980pxで固定です。 左カラム、中央カラム、右カラムを それぞれ(左、右170px)中央(640px)で固定したいのですが、 .side_boxを170px、中央640pxで固定してみたんですが弊害として 画像のような問題が出てしまいました。 どこを変更すればよいのでしょうか?
火山さん、こんにちは。 左カラムの商品カテゴリメニューについてです。 デザイン管理→スタイルシート編集から下記の指定をコピーして貼り付けてください。 #leftcol .side_category_popup .sub_category_box { left: 168px; } よろしくお願いします。
お世話になっております。 ありがとうございます。できました! もう2点ほど、じつは先日の画像の右側に質問が隠れてまして。 もう1回加工した画像を添付しますね。
すみません、自己解決しました。 .main_contentsでwidth指定してはいけなかったことに気づきました。
ご利用案内に「会員制限」設定に入れた「プレミアム会員について」が表示されるようになりました。 そこで、ご利用案内上部にあるメニューに「プレミアム会員」というのを追加して、該当箇所にリンクしたいのです。 やり方を教えて下さい。 まえに同じようなことを教えていただいたので、いじってみたのですが???です。
えびはらさん、こんにちは。 ご利用案内についてです。 デザイン管理→タイトル周り設定のご利用案内欄から「表示設定」をクリックして下記を追加してください。 <li class="help_customer_group_limit_btn"><a class="anchor_link" href="#help_customer_group_limit">プレミアム会員について</a></li> よろしくお願い致します。
又よろしくお願いします。
お世話になります。 送料元払いの場合、現状、送料は無料か、送料ありの場合は金額を入力しなければ商品登録ができませんが、発送の際に梱包してみないとサイズがわからないケースも多く、注文後に送料を連絡するという仕方も追加して頂けるとより使いやすくなるのですが、そういう仕様は可能でしょうか。 事前に送料を知りたい場合は、配送会社の運賃表をリンクで掲載しておけばトラブルになることもないと思いますから、ぜひご検討頂ければ幸いです。よろしくお願いいたします。
アティック.さん、こんにちは。 送料についてです。 各送料設定画面に「自動計算しない」というオプションがございます。 送料設定から各送料の「送料を設定する」ボタンをクリックしていただいた画面で設定可能です。 よろしくお願い致します。
ちゃのこ刑部 様 お返事ありがとうございます。 一括ではなく商品ごとに個別の設定が望ましいのですが、難しいでしょうか。 可能であればご検討頂けましたら幸いです。 よろしくお願いいたします。
アティック.さん、こんにちは。 送料についてです。 現状では、商品個別に設定いただくことができません。 今後検討させていただきます。 よろしくお願い致します。
スマートフォン版の「詳細を見る」をクリックすると、下の「お問い合わせ」と同じところにリンクされているように思うのですが?
福ちゃんさん、こんにちは。 リンク先についてです。 大変申し訳ございません。 ご指摘の通り、リンク先に不具合がございました。 先ほど修正させていただきましたので、再度ご確認をお願い致します。 よろしくお願い致します。
有難うございました いいように表示されました いつも使い勝手の良いように変更していただきまして 感謝しております これからもよろしくお願い致します
いつもお世話になります。 「Powered by おちゃのこネット」の帯の位置をコピーライトよりも下に持っていきたいのですが可能でしょうか?
火山さん、こんにちは。 ご質問についてです。 位置の変更はできません。ご了承くださいませ。 よろしくお願い致します。
お世話になります。 パソコン版の方のことなんですが 今日確認すると 指定してる数値よりすべて大きくなっているのですが 何が原因でしょうか、、 たとえば画像サイズや幅などです。 (245pxで指定しているのに実際見ると268pxになっているなど) なにか原因がわかりましたら宜しくお願い致します。
まやさん、こんにちは。 画像についてです。 どちらの画像になりますでしょうか。 お手数ですが、ページと画像をご連絡ください。 よろしくお願い致します。
扉ページも含めすべてページです。
まやさん、こんにちは。 画像サイズについてです。 こちらでも扉ページの画像を複数台のパソコンで確認しましたが、指定値で表示されております。 ご利用ブラウザとキャプチャ画像をお送りいただくことは可能でしょうか。 また、可能であれば一度複数のブラウザ(IE、Google chrome、Firefox)でご確認いただけますでしょうか。 よろしくお願い致します。
Firefox 38.0.1で見ております。 キャプチャ画像は扉ページの一部です。 表示の通り、この画像は width 268px で表示しておりますが 指定しているサイズは width="245" です。 他のページも数日前は横スクロールバーは出なかったはずが 今は全ページ出ているので全体的に大きくなっているのかと思います。 ちなみにIEで見てみたところ サイズ等は収まっているようですが、 扉ページの一番上の会社ロゴ、電話番号、住所の画像が表示されていませんでした。 あと、パワーLEDを使用したルームランプ~~~の画像下の 水色っぽいリンク先がバグってます。 内部に入るとフッター部分のhoverも無反応です。。 他のところもなんらかの不具合があるかも、、、 うちのパソコンが悪いんですかね、、、 いちお違うパソコンでも見てみますが 異常が起きている環境もあるので改善方法があれば教えていただきたいです。
まやさん、こんにちは。 表示についてです。 Firefoxについては、ブラウザのズームが適用されているようです。 上部のメニュー「表示」から「ズーム」→「リセット」をクリックしてご確認ください。 IEについては、こちらのIEで確認する限り、ロゴ等は表示されております。 IEのバージョンは、何をご利用でしょうか。 よろしくお願い致します。
ズームのリセットをクリックして確認したところ直りました。 そのページを見るときだけズーム表示になっていたようです。。不思議です。。。 このおちゃのこ広場など見ているときはズーム表示されていません。。 もちろん、他のサイトを見ているときもです。。 スタイルシート内にズーム表示される指定とかってあるんですかね(汗) それと、IE9で見てみました。 古いと見れないんですかね。。
まやさん、こんにちは。 IEについてです。 こちらのIE9で確認させていただきましたが、特に問題なく表示されております。 キャプチャを送っていただくことは可能でしょうか。 ※ただし、キャプチャでも原因が特定できない場合もあります。 よろしくお願い致します。
画像を添付します。 赤く囲っているところが現在見つけたおかしいところです。 ですが、解決できないようでしたら諦めます。 申し訳ございません。
まやさん、こんにちは。 表示についてです。 IE9ではなく、IE8または、IE9のモードでIE8を選択して表示されている可能性があります。 こちらでもIE8モードで確認すると不具合が発生しました。 float指定箇所に横幅指定がないためですので、下記の指定を追加してください。 #tobira_nav .left{ width: 186px; } #tobira_nav .right{ width: 340px; } #led-item li { width: 86px; } よろしくお願い致します。
上記追加したら直りました。 長らくありがとうございました。
お世話になっております。 よく見積りの依頼を受けるのですが、フォーム形式の問い合わせでなく 画面に表示されている商品、もしくはカートに入っている明細画面にて ボタンをクリックすると、自動で見積り発行(PDF等)がなされ 表示されるサービスはございませんでしょうか? 宜しくお願い致します。
匿名さん、こんにちは。 見積もりについてです。 自動的に作成する機能はございません。 お問合わせから、見積もり依頼を行っていただく方法となります。 よろしくお願い致します。
いつも大変お世話になっております。 現在のトップページが味気ないので、画像に動きをつけて見ようと 色々と試しているのですが、思ったような動きをしてくれません。 画像をホバーで上や横に少し飛び出すような動きをさせたいのです。 画像のホバーテストというフリーページで画像は表示されるのですが CSSの記述がおかしいのか、思った動きになりません。 理想の仕様は、大小2つの異なるサイズの画像を重ねあわせて、ホバーでそこから指定した小さい画像だけが飛び出す(出てくる)ようにしてみたいのです。 ご教授頂けますよう、お願い申し上げます。
かまくらOBSさん、こんにちは。 画像リンクの記述についてです。 スタイルシート内に「}」の閉じ括弧が不足しています。 スマートフォン管理→スタイルシート編集から、末尾の部分を下記のように変更してご確認いただけますでしょうか。 #sample ul li a{ padding: 8px 15px; div.img-move a:hover { position: relative; top: 5px; left: 5px; } ↓ #sample ul li a{ padding: 8px 15px; } div.img-move a:hover { position: relative; top: 5px; left: 5px; } よろしくお願いします。
おちゃのこ有本様、有り難うございます。 教えて頂いた箇所を訂正しましたが、動きに変化はありませんでした。 画像は表示されているのですが…。 他に原因となる箇所はございますか? 宜しくお願い致します。
おちゃのこ有本様、お世話になっております。 画像ホバーの件、原因が判明しました。 スタイルシートの色々追加した部分を削除して動作の確認を行ったところ、移動してくれました。 お手数をおかけいたしました。
いつも大変お世話になっております。 新しくなったトップページやおちゃのこ広場の右隅に、上に戻るボタンが表示されていますが こちらは自作しないと利用できませんか? シンプルで使い勝手がいいので、ショップページに利用できればいいなと思います。 よろしければ、作成の仕方を教えて下さい。 宜しくお願い致します。
かまくらOBSさん、こんにちは。 ページトップについてです。 デザイン管理→配置/画像/コメント設定のコピーライト欄に下記のHTMLタグを貼り付けてください。 <a href="#container" class="back_to_top" data-right="15px" data-bottom="20px" data-style="on" data-speed="500" data-pos="300">▲TOPへ</a> 画像にされる場合は、「▲TOPへ」の部分にimgタグで画像を挿入してください。 よろしくお願い致します。
おちゃのこ刑部様、いつも大変お世話になっております。 早速コピペして使ってみました。 非常になめらかな動きで一番上まで戻ってくれるので、感激です。 早速画像を作ってもらって、画像に差し替えてみたいと思います。 有難う御座いました。
かまくらさん、良いこと教えてもらいました。 さっそく私も真似しました。♪
便乗させてもらって、設定しましたが、私の方のトップページは、両脇ぎりぎりまで画像がありますので、 目立たないのですが、もう少し内側へ設定する方法はありますでしょうか? よろしくお願い致します。
みずえさん、こんにちは。 リンクの表示位置についてです。 Aタグ内の「data-right="15px"」の値を変更すると、右端からの位置を変更できます。 また、「data-bottom="20px"」の値を変更すると、ウィンドウ下部からの位置を変更できます。 FAQのページを追加しましたので、ご参照ください。 Q.「ページトップへ戻る」スクロールボタンを常時サイト右下に表示する http://www.ocnk.net/faq/index.php?action=artikel&cat=281623&id=1077&artlang=ja よろしくお願いします。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●カートに入れる等のボタンに画像登録が可能になりました。 HTML5テンプレート、スマートフォン版で、ボタンに画像を設定することが可能になりました。 ※XHTMLテンプレート、携帯版は非対応です。 カートに入れるボタンやお問い合わせボタン等の主要ボタンをご自身で作成された画像に変更できます。 各ボタン用にボタン素材もご用意しています。 また、今回の改良で、下記の点も改良しております。 ・変更できるボタンのラベルを追加しています。 ・商品詳細ページのお問い合わせボタンの表示設定 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281626&id=1037&artlang=ja よろしくお願い致します。
おちゃのこ刑部さま いつもお世話になっております。 先日質問した内容にすぐ対応していただきありがとうございました。
いつも、お世話になりありがとうございます。 トップページの「チタンカラーマグカップ」の以下の説明の文字は小さく(普通に)したいのですが、font4が適用されており最終末尾まで大きな文字となっておりますが、どこか間違っているか分かりません。 散々調べたのですが、文字を小さくすることがどうしても出来ません。 以前にも、同様のことでご質問させて頂き、回答頂いたのですが、分からないままでした。 大変お手数ですが、よろしくお願い致します。
みずえさん、こんにちは。 文字サイズについてです。 下記の箇所がfont-sizeが適用されております。 <HR ALIGN=LEFT><br><br> <center><font size=4><FONT COLOR="#ff0000"><b>☆日々の癒しのひとときに、そして楽しい集いのシーンに、<br><br> よろしくお願い致します。
大変済みません。 その場所は、大きな字に設定したいのです。 そのずっと下の方の、「チタンカラーマグカップ」から下の文字は全部、大きくする必要がないので、普通の字にしたいのですが、どうしてもできません。現在、全部大きくなっていて崩れております。 連日、調べておりますが、どうしても分からりませんので、大変ご迷惑をお掛けしますが、よろしくお願い致します。
大変ご迷惑をおかけしました。 ようやく分かりました。 本当に済みません。お詫び申し上げます。
お世話になっております。 現在、HTML5移行モードで準備中ですが、XHTMLのスタイルシートの変更箇所を確認しようとしても、HTML5のスタイルシートが表示されてしまいます。 お手数ですが、XHTMLのスタイルシートの確認の仕方を教えて頂けないでしょうか? よろしくお願いします。
fujitaさん、こんにちは。 移行モードについてです。 画面の確認は、下記FAQにも記載されておりますが、テンプレート選択画面の上部よりお願いします。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281565&id=965 スタイルシート編集の内容を確認されたい場合は、テンプレート選択でXHTMLテンプレートに戻していただく必要があります。 よろしくお願い致します。
登録者情報一覧の見方について教えて下さい。 「問い合わせ」では画像が添付できないのでコチラでおたずねします。 *度々質問の仕方で注意されていますm(_ _)m 「おちゃのこ広場会員版」にすべきでしょうか。 添付画像の丸囲み「R」はどういう意味ですか? それと ID欄の数字ですが、これはどうしてこの数字になっているのでしょうか。 1.2.3とつながっているなら自動で付与されたのかな、と思いますが・・・
えびはらさん、こんにちは。 登録者情報についてです。 「R」については、会員登録のみで受注がない方です。 IDについては、下記の場合にIDが飛びます。 (1)会員登録されたが退会された場合 (2)会員登録されずメルマガ読者の登録があった場合 (3)会員登録されずに受注が発生した場合 よろしくお願い致します。
テンプレートをいくつか見ましたが 画像で四角く囲んだ部分のカギ括弧は消せないのでしょうか。 なんかみっともないですよね。 わざわざ囲ってあるということは、この部分のカスタマイズが可能 という意味でしょうか?
えびはらさん、こんにちは。 テンプレートについてです。 オフィスのテンプレートは、画像を利用しておりますので、カスタマイズできません。 ご了承くださいませ。 よろしくお願い致します。
それにしてもみっともないですよね。 カギ括弧が意味なくあるのもみっともないけど どのテンプレートも仕様は同じなのも不満です。 複数の商品が買われるショップ用だけでなく 一点、せいぜい3点くらいしか購入されないショップ用のレイアウトも欲しいですね。 空き欄がやたらに広くて、その分記入されたところは圧縮されて文字が小さすぎます。 購入者目線では「納品書(請求書)、とりあえず入れておきます」という印象。 今後ご検討いただけるとありがたいです。
お世話になります。 HTML5テンプレートの、カートページに「Buy More!」(英語版)とありますが、こちらのテキストを変更することは可能でしょうか。 よろしくお願いします。
ひらさわさん、こんにちは。 ボタンについてです。 該当部分の文言については、現状変更いただくことはできません。 ボタン設定を改良中ですので、今しばらくお待ちくださいませ。 改良の際には、広報させていただきます。 よろしくお願い致します。
ご返信ありがとうございます。 承知いたしました。 改良を楽しみにしております。
お世話になっております。 ログインページの表示に関してです。 当サイトではXHTML版の頃から、 メタタグの個別設定(PC版キャッチフレーズ欄)で ナビ下の余白の設定などを行っていました。 HTML5版でもページによって余白の設定を変えているので、 上記の方法で対象ページだけの余白設定をして移行したのですが、 ログインページのみ、ヘッダーロゴの上部に 過去のメタタグ個別設定で配置していたメニューと画像が表示されて レイアウトが崩れてしまいます。 メタタグ個別設定の中にログインページの 設定箇所は見当たらないのですが、 何処を修正したら正常に表示出来るでしょうか? *evisatestというアカウントでもテストサイトを作っていて、 いつもそちらから質問をさせて頂いています。 そこで完成させたCSSをまるごと当サイトにコピーしているのですが、 そこに問題があるのでしょうか? ちなみにテストサイトのログインページは正常に表示されています。 何卒よろしくお願いいたします。
かわさん、こんにちは。 キャッチフレーズ欄についてです。 大変申し訳ございません。 一部設定により不具合があり、メタタグ個別設定にログインページが表示されておりませんでした。 先ほど修正させていただきましたので、再度ご確認の上、内容の削除をお願い致します。 よろしくお願い致します。
刑部様 お世話になっております。 早速のご対応ありがとうございます。 ログインページ用のメタタグ個別設定が表示され 設定出来ました。 ありがとうございました。
おちゃのこ刑部さま いつもお世話になっております。 2点質問がございます。 1.html5 のヘッダーの「検索ボタン」を変更できますでしょうか? (虫眼鏡等、以前同じ質問の方がいらっしゃいましたがその方法ではできませんでした) 2.「カレンダー機能」は英語表記にできますか? どうぞよろしくお願いいたします。
レッチェさん、こんにちは。 ボタンについては、現在改良を行っています。 画像を登録できるようにする予定ですので、今しばらくお待ちください。 カレンダーについては、文言の変更はできません。 今後検討させていただきます。 よろしくお願い致します。
おちゃのこ刑部さま ご回答ありがとうございました。 ご検討いただけるとのこと、よろしくお願いいたします。 それまで自分でできる範囲でデザインしてみます。 ありがとうございました。
*必須項目