おちゃのこユーザー様同士の情報交換BBS!活発な意見交換の場としてご利用下さい。
こんにちわ。 ショップバナーについて下記2点質問です。 1.現行バナーを同じサイズで作った新しいものに差し替えようとするとサイズが小さくなり位置がずれる。 2.新しいバナーがUP前は鮮明な画像なのにUPすると荒い画像になる。 よろしくお願いします。 ショップURL:http://kino.ocnk.net/
kinoさん、こんにちは。 バナーについてです。 下記のトップ画像位置に挿入されている画像でしょうか。 http://kino.ocnk.net/data/kino/image/top/1.jpg 現状画像サイズは、845×250ピクセルとなっておりますが、これよりも大きいサイズの画像をご登録いただいてるということでしょうか。 基本的には、元のご登録画像が200KB以下の場合は、こちらでは縮小や圧縮処理はしておりませんので、ご登録画像表示されます。 また、位置については、どの位置に配置されるご予定でしょうか。 左右位置については、こちらで拝見する限り中央に配置されております。 よろしくお願い致します。
下記のトップ画像位置に挿入されている画像でしょうか。 http://kino.ocnk.net/data/kino/image/top/1.jpg →はい、その通りです。 差し替えようとしている画像の情報は、 幅845ピクセルx高さ250ピクセルで解像度は27940dpiです。 プレビューで差し替えてみた画像を添付します。既存のバナーと同じサイズの画像なのに右端が短くなります。 また画像は画像専用管理画面にUPした時点で荒い画像に(添付画像のように)なってしまいます。(50kbしかこちらにUPできないので全体的に荒いですが、バナー部分は元画像は非常にクリアなものです)
kinoさん、こんにちは。 登録いただいた画像の画像容量が200KB以上ではございませんでしょうか。 200KBを超える場合は、下記のように横幅を800pxに自動縮小します。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=765&artlang=ja 200KBを超える場合は、画像編集ソフトで圧縮をお願い致します。 よろしくお願い致します。
200を超えていました。 やっと分かりました。ありがとうございました。
お世話になっております。 受注通知メールの件名ですが、お客様が会社名を記入されている場合は、件名にその会社名が表示されています。管理画面で受注内容を管理している場合は問題ないですが、メールフォルダでお客様のお名前を探す場合は手間が掛かりますので、これを会社名未記入の場合と同じように、お客様のお名前を表示するようには改善できないものでしょうか。そのほうが作業がはかどると思うのですが・・。 よろしくお願いします。
アティック.さん、こんにちは。 メールについてです。 現状の設定を変更することはできませんので、オプションで件名の設定を追加する必要がございます。 今後検討させていただきます。 よろしくお願い致します。
おちゃのこ刑部 様 お返事ありがとうございます。 ぜひご検討くださいますようよろしくお願いします。
お世話になっております。 たびたびここに挙がっていたと思うのですが、SOLD OUT画像表示をもう少し明るく改善してほしいと思います。 現状ではsold out商品が並ぶと、シャッター通りの印象になっています。 sold out商品もお店によっては、大事な商品サンプルであったり、リクエストのための参考画像であったりします。 最近は画像検索をされる方も多く、SOLD OUT画像でおちゃのこネットを使っているのがすぐにわかりますが、それ以外のメリットはありません。 何より、来訪者または検索者の目を楽しませません。 すりガラスをす素通しのガラスに変えるか、もう少し、いえもっと明るく商品がある程度見えるようにして戴きたいのです。 お忙しいこととは存知ますが、ご検討のほどよろしくお願い申し上げます
hiroさん、こんにちは。 Sold Out表示については、改善課題となっております。 改良が遅れて申し訳ございませんが、順次改良して参りますので、お待ちいただけますようお願い致します。 よろしくお願い致します。
早々のご返信ありがとうございました。 期待してお待ちします。
自由記入欄を使って、 twitterの公式ガジェットでトップページにつぶやきを表示することはできますか?
vividさん、こんにちは。 Twitterについてです。 下記のメルマガバックナンバーに記載がございますので、ご覧ください。 http://www.ocnk.net/ocnk_ma/ocnkmagazine_asm093.html#spec よろしくお願い致します。
トップページの商品の写真についてですが、 画像を小さくすると横並びに4点でるようになっていますが、 もう少し画像と画像の間を小さくして5点並べるようにはできませんか? できれば画像をもう少し大きくして、横並びにできるだけ商品を表示したいです。 それからトップ以外のページで 枠線の右側と下が消えてしまいました。 色々いじってしまいどこを直せばいいのかわからなくなってしまいました。 よろしくお願い致します。
NSOYNさん、こんにちは。 トップページの画像についてです。 画像については、画像サイズと陳列数が決まっています。 下記の仕様で表示されます。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=442&artlang=ja 列数を増やす場合は、2カラムを選択していただければ、5列表示が可能ですが、サムネイル画像のサイズは、80ピクセルを選択していただく必要があります。 また、トップページ以外の枠線については、初期設定で右側と下側については表示されていません。 よろしくお願い致します。
お世話になります。 現在開店に向けて準備中です。 トップページヘッダー部分に横並びにメニューリストを配置する予定です。 ここの過去記事などを参考にトップページは表示できるようになりました。 しかし商品別にキャッチフレーズを記入し、商品詳細ページに行くとメニュー部分が表示されなくなってしまいます。 どこを修正したら良いのでしょうか?
epoさん、こんにちは。 キャッチフレーズ欄についてです。 ショップ基本設定→メタタグ個別設定でキャッチフレーズ欄を設定されたということでしょうか。 その場合は、画像とコメントの設定のキャッチフレーズ欄の内容を上書きする形でメタタグ個別設定のキャッチフレーズ欄が優先表示されます。 画像とコメントのキャッチフレーズ欄の内容を埋め込みタグとして利用することができます。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281594&id=662&artlang=ja {Catch}という埋め込みタグは、画像とコメントの設定→キャッチフレーズ欄で記載いただいた内容を表示するための埋め込みタグとなります。 例えば、メニューは共通でキャッチフレーズのみ変更したい場合 画像とコメントの設定→キャッチフレーズ欄には、下記のメニューのみを設定します。 ------------------------------------------------------- <a href="リンク先"><img srcf="メニュー画像" width="100" height="30" alt="" /></a> ------------------------------------------------------- 次に、メタタグ個別設定のキャッチフレーズ欄に下記のように設定すると、{Catch}の部分が、上記の画像とコメントの設定で設定したhtmlタグに置換されます。 ------------------------------------------------------- キャッチコピー {Catch} ------------------------------------------------------- ご検討ください。 よろしくお願い致します。
いつもお世話になってます。 「受注一覧と明細」のページで、購入回数で検索できるんですけど これって同じ方の受注伝票が重複で検索されちゃいますよね? これってどう使うことを想定されて作られた検索機能なんでしょう? 私はご購入回数の多いお客様に割引サービスが作れないかを検討しているので、 回数で検索して、グループを作る、というのが流れなのかと思うんですが、 「受注一覧と明細」で検索しても、 受注伝票が重複してしまい、検索結果のデータがうまく使いこなせません。 購入回数によってグループ分けをしたい場合、 どうするのが一番良いと思いますか?
ナッツさん、こんにちは。 受注一覧の検索については、基本的には受注の検索用となります。 購入回数についても回数を購入されている方の受注を一覧で確認するためのものとなります。 なお、購入回数を絞ってのメールマガジン配信については、オフィスで可能となっております。 ご検討くださいませ。 よろしくお願い致します。
いつもお世話になっています。 下記1点解決出来ないのでよろしければ教えて頂けないでしょうか? 当方のトップページヘッダー部分に3つバナーを配置しています。 「OUTLET」「SUMMIT SERIES」「送料について」の部分ですが、IE以外のブラウザでは問題なく見れているんですが、IEで確認するとロゴマークと被ってしまっているかと思います。 他のブラウザと同様にもっと下に配置したいのですが、CSS部分どこをいじればよろしいでしょうか? 色々試してみて解決しなかったので、お答えお願いします。
エフさん、こんにちは。 ヘッダーについてです。 IE7のみかと思いますが、marginをposition指定に変更してお試しください。 位置調整は、topの値で行うことが可能です。 #topcatch { width: 860px; position: relative; top: 120px; } よろしくお願い致します。
教えて頂いたCSS箇所を修正後正しく表示されました。 ありがとうございました。
問い合わせページ内のテーブル(問い合わせフォーム)の個別のクラス(ID?)名教えて頂けますか? レイアウトが崩れてしまい、困っています。
すみません質問の補足ですが、 支払い方法などのテーブルも崩れてしまっていて、 カートの中身テーブルだけ個別に設定してあとは共通で大丈夫なので、 カートの中身テーブルの固有idを教えて頂けると幸いです。
vividさん、こんにちは。 カートの中身についてです。 固有のclass名は、.cart_contents_tableとなります。 カートの中身、カート最終確認画面、カート購入完了画面、購入履歴画面の上部の商品や金額が記載されているtableが対象となります。 よろしくお願い致します。
こんばんは☆ 教えてください メタタグ設定でせっていしたキーワードが SHOP左上に表示されてしまいます・・・ なぜなのでしょうか?
ayaさん、こんにちは。 キーワードについてです。 サイト上部に表示されているのは、画像とコメントの設定→キャッチフレーズ欄に入力いただいている内容となります。 キャッチフレーズ欄に入力いただいた内容は、ページ最上部に表示されます。 メタタグのキーワードに設定される場合は、ショップ基本設定→メタタグ設定または、メタタグ個別設定から入力をお願い致します。 よろしくお願い致します。
おちゃのこ刑部さま ありがとうございままいした。 キーワードは非表示ではないのでしょうか? メタタグ設定では非表示ですとなっていたと思うのですが・・・
ayaさん、こんにちは。 申し訳ございません。 画像とコメントの設定→キャッチフレーズ欄ではなく、メタタグ個別設定のPC版キャッチフレーズ欄に入力いただいた内容が表示されております。 メタタグ個別設定のキャッチフレーズ欄については、画像とコメントの設定と同様にページの最上部に表示されます。 よろしくお願い致します。
ショッピングカートページについて、 カートの中身は余白を大きく使って目立たせたいけれど、 会員登録欄は最小の余白で詰めたいと思っています。 それぞれを固有で設定するクラスなどありましたら教えて頂けると嬉しいです。
vividさん、こんにちは。 お客様情報登録部分のtableには、.form_boxというクラス名をつけておりますので、そのクラス名をご利用くださいませ。 よろしくお願い致します。
ありがとうございます! 無事に対応できそうです!
いつもお世話になっています。 1枚の画像がら複数のリンクを貼る方法はありますか? HP上のショップ名下にNEW,OUTER,TOPSなどのメニューを作りました。 ひとつひとつにリンクを貼りたいです。 また、その下の画像も1枚の画像ですが 3つに分けてあるのでそれぞれリンクさせたいです。 よろしくお願い致します。
もうひとつすみません>< 900×422の画像を中央に設置したのがなぜかボケてしまいます。 画像をそのまま鮮明におくことはどうすればいいでしょうか?
NSOYNさん、こんにちは。 メニューについてです。 imgタグで配置するには、ボタンを分けて作成していただき各ボタンに<a>タグでリンクを設定していただく必要があります。 ボタンのレイアウトについては、tableタグまたはliタグ等で行ってください。 この点については、サポート外となりますので、ご自身で作成をお願い致します。 tableを利用した例は、下記のFAQに記載しておりますので、ご確認ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281597&id=271&artlang=ja 画像については、ご登録いただいた画像が横900×縦422ピクセルの場合、画像容量が200KBを超えていたため、自動縮小された可能性があります。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281572&id=765&artlang=ja ご登録画像が200KBを超えている場合は、お手元の画像編集ソフトで、横900×縦422ピクセルの状態で、200KB以下になるように調整をお願い致します。 よろしくお願い致します。
ありがとうございます。できました! 横メニューを自力で入れてみたのですが 文字の大きさ、マウスをあわせたときの範囲?の大きさを変えるには どこにタグを設置したらよいですか? また、ご利用案内、お問い合わせがかぶってしまい 直そうとすると崩れてしまいました。 これを動かすにはどこを直せばいいでしょうか。
NSOYNさん、こんにちは。 ご質問についてです。 メニューについては、現状下記の指定が適用されていない状態です。 #navigation li aに}が抜けているため、その下部の指定が適用されていません。下記のように追加ください。 ただし、追加し下部の指定を適用させると、テキストが非表示となる指定ですので、メニューの各文字は表示されません。 どのように表示されるご予定なのでしょうか。 #navigation li a{ display: block; } #navigation li a{ display: block; overflow: hidden; width: 100%; /*Windows IE対策*/ height: 0 !important; height /**/: 30px; padding-top: 30px; } ご利用案内については、下記の指定にて左からの位置を調整されているかと思います。値を大きくすると右に移動します。 .top_page_body .subnavi { padding-left: 840px; } よろしくお願い致します。
解決しました。ありがとうございました。 メニューに画像を入れ、横並びにしようとやってみましたが、 うまく横並びになりません。 どこが間違ってるのでしょうか? それと今あるHP上のOUTER画像の少し右上にマウスを合わせると なにもないところで反応してカートにリンクされているようです。 こちらもどの部分を直せばいいでしょうか?
NSOYNさん、こんにちは。 ご質問についてです。 まず、キャッチフレーズ欄内のhtml記載で2か所漏れがございます。 1.<div class="header_area">に対する</div>が抜けている キャッチフレーズ欄の最下部に</div>を1つ追加してください。 2.<a href="http://nnshop.ocnk.net/cart">に対する</a>が抜けている </a>を<img>タグの後ろに追加してください。 上記を修正していただいて上で、スタイルシートの編集から下記の箇所を編集してください。 メニューが2行に改行するのは、この部分のwidth指定がないためですので、数値を設定してください。 また、1行で表示した際に、コンテンツの重ね順の問題でボタンがクリックできない箇所がございますので、下記のようにposition指定とz-index指定を追加してください。 #globalnavi{ margin: 0; padding: 0; width: 980px; height: 30px; position: relative; z-index: 99; } ※補足 htmlタグを修正した際に。.subnaviの位置が少し変わります。 前回同様に.top_page_body .subnavi内のpaddingを調整してご対応ください。 よろしくお願い致します。
ありがとうございます!! やっと希望の形に出来上がりました!
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●ショッピングカートの画面レイアウト、各フォーム仕様を変更しました 本日、事前告知させていただいておりました、ショッピングカートの画面レイアウト、各フォーム仕様変更をアップいたしました。 変更点の詳細は下記のページをご覧ください。 http://www.ocnk.net/cart/index.html 管理画面内の機能追加は、既にアップしておりましたが、ショップ基本設定→お客様情報登録ページ設定のみとなっております。 詳細については、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281589&id=833&artlang=ja なお、今回の改良にあわせて、スマートフォン版でもカート内にステップ表示を追加しております。 よろしくお願い致します。
トップページに新商品・オススメ商品を一部のみ表示して 商品一覧ページにて、各々の全商品を表示したいと思っているのですが、 URLにどのような指定をすれば、 検索結果として表示することができるのでしょうか?
vividさん、こんにちは。 新商品とおすすめ商品のみの一覧ページについては、検索にて絞り込んで表示することができませんので、検索URLにてページを作成することができません。 別途カテゴリ、グループで新商品やおすすめ商品を作成していただきご登録いただく方法となります。 よろしくお願い致します。
返答ありがとうございます。 カテゴリー名を表示しないようにして、 サブカテゴリーなどを駆使すれば、 少し管理が大変そうですができそうですね。 新商品を一覧させたいけれどトップページで全商品をページ送りもなく表示するのはさすがに乱暴なので、 要望は他の方もあるような気がしますので対応の検討をお願いできればと思います。 よろしくお願いいたします。
WRMの長部です。 いつもお世話になります。 お客様へのアンケートのお礼や クイズの正解者向けにクーポン機能がとても便利で 毎週のように使っています。 このクーポン機能の拡張のお願いなのですが 今あるクーポンはどの商品にも一律で使えるクーポンなので こちらが指定した商品だけに使える機能を持った クーポン機能を持たせる事はできないでしょうか? 新しいメルマガの機能と 商品を限定させるクーポンの発行ができれば ご購入後、30日たったお客様向けへの リピート販売のクーポンの発行など、、、 とても強力なツールになると思います。 ご検討のほどよろしくお願い致します。
WRM店長さん、こんにちは。 クーポン機能についてです。 商品を限定したクーポンについては、改善課題とさせていただきます。 よろしくお願い致します。
サイトをウィンドウの幅に合わせて可変するリキッドにしたいと考えているのですが、 #centertd のwidthを100%にしても画面いっぱいに幅が広がらず困っています。 どうしたら良いかご教授頂けると幸いです。
vividさん、こんにちは。 お問い合わせフォームへも同様のお問い合わせをいただいているかと思います。 同様の回答となりますが、スタイルシートの編集から下記の指定を追加いただければ、横幅100%で表示可能ですが、商品一覧の列数は固定となりますので、横幅を大きくしても変更することはできません。 table, td, #column2 .center_box { width: 100%; } よろしくお願い致します。
お世話になります。 現在「カフェカラー」のテンプレートをベースにしているのですが、こちらのheader部分がデフォルトでは860×300になっているのを、860×250や860×225等、高さの変更をしたく思っています。 CSSの ------------------------------ /* ヘッダー */ #header { padding: 5px; ------------------------------ に height; 225px を挿入し、使用画像も860×225サイズのものに変更しましたところ、画像の表示サイズは変わったのですが、headerの下に余分なスペースが残ったままとなっています。 ご利用案内やお問い合わせの部分を上に移動し、センターボックスや左右のボックスを上に詰めるようにしたい(headerの領域をせばめたい) のですが、CSSのどの部分を触ればよいのでしょうか。 似たようなご質問がないか探したのですが、見当たらず、お忙しいところ恐れ入りますが、ご教示のほどよろしくお願いいたします。
tokkiさん、こんにちは。 headerについてです。 スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 なお、ご利用案内、お問い合わせの位置については、.subnavi内のtopの値で調整できます。 値を小さくすると上に移動できます。0が最上部です。 #header { height: 190px; } #bline { height: 0px; } .subnavi { top: 50px; } よろしくお願い致します。
おちゃのこ刑部様 お忙しいところ、早々のご教示ありがとうございました。 無事headerの高さ変更とその下のスペースの縮小できました。 追加で恐縮ですが二点教えてください。 *回答いただいた記述で以下のようにheaderの高さが190pxとなっていますが、こちらがheader画像として登録した画像ファイルは860×225です。 それにもかかわらず、下部が欠けることなくきちんとheader部におさまっています。通常header画像の縦サイズをheightで指定すると思っていたのですが、違うのでしょうか。 #header { height: 190px; } *ご利用案内やお問い合わせを表示する部分の背景を透明にしたいのですが、可能でしょうか。色を変える方法はマニュアルでわかったのですが、透過は無理でしょうか。 たびたび恐れりいりますがよろしくお願いいたします。
tokkiさん、こんにちは。 最上部のキャッチフレーズ欄とヘッダー欄の背景にトップ画像が入りますので、キャッチフレーズ欄の縦幅+ヘッダーの縦幅がトップ画像サイズとなります。 ただし、キャッチフレーズ欄については、固定でhaightは指定されていませんので、文字サイズや文字数によって縦幅は可変で変わります。 さらにトップ画像下部に余白が少し入りますので、これらの点を考慮してheaderの縦幅を決めていますが、基本的には、画面を確認しながら作業いただくのが良いかと思います。 ご利用案内部分についてですが、完全に透明にされたいのであれば、.subnaviの背景色指定を削除いだければ、背景は非表示となります。 下記の箇所の、background-color: #FFFFFF;を削除ください。 .subnavi { background-color: #FFFFFF; padding: 1px 20px; position: absolute; top: 260px; margin-left: 380px; height:25px; } 透明度を調整する場合は、下記のような指定が必要です。 この場合は、background-color: #FFFFFF;は必要ですので、削除しないでください。 下記のの3行が、透明度の指定となります。 値を小さくすると透明度が高くなります。 filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; .subnavi { background-color: #FFFFFF; padding: 1px 20px; position: absolute; top: 260px; margin-left: 380px; height:25px; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; } よろしくお願い致します。
おちゃのこ 刑部様 いつも迅速なご回答ありがとうございます。 ご説明いただきました件、理解しました。 詳細なご説明に深くお礼申し上げます。 できるだけ過去の投稿など拝見し、解決できるよう努めておりますが、行き詰った時にスムーズにご教示いただけますのは、心強く、感謝しきりです。 今後ともどうぞよろしくお願いいたします。 では、朝晩肌寒くなってまいりました。 くれぐれも体調崩されませんよう。
いつもお世話になっております。 スタイルシートについて、お聞きします。 ⑴ショップページの商品カテゴリ等にwebフォントを使いたいです。 ⑵ランキングを左カラムに配置した時の枠指定をしたいです。どのclassになりますか。 お知恵をお借りしたく お手数かけますが、どうぞよろしくお願い致します。
オガワアヤコさん、こんにちは。 スタイルシートについてです。 Webフォントについてですが、フォントがアップロードされていれば、@font-faceを利用してスタイルシート内に記載していただければ、利用可能ですが、 Webフォント用としてフリーで提供されているフォント以外の通常市販されているフォントは、ライセンスでWebフォントとして利用できなかと思います。 その場合は、Webフォント用のライセンスを購入して利用する必要があります。 ※各フォントのライセンスについては、こちらではわかりかねますので、ご自身でご確認ください。 ランキングを左エリアで利用した場合の指定については、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281584&id=645&artlang=ja よろしくお願い致します。
おちゃのこ刑部様 迅速なご回答ありがとうございます。 (2)の左カラムの件はうまく行きました。ありがとうございます。 (1)のwebフォントですが、フリーのwebフォントをダウンロードして使用させていただくつもりです。アップロードとは、当方でするのでしょうか。管理画面の画像アップロードでできるのでしょうか。.ttfと.eotファイルです。 恐れ入りますがご回答よろしくお願いします。
オガワアヤコさん、こんにちは。 フォントファイルについては、おちゃのこネットのサーバーにはアップロードいただくことはできませんので、外部のサーバーにアップしていただく必要があります。 よろしくお願い致します。
いつもお世話になっております。 商品詳細の上部にあるパンくずリストについてですが、カテゴリーで表示されているのですが、グループでも、表示できるようになりますでしょうか? 他のショッピングサイトでは、いくつもパンくずリストが表示されていて、自分がどこから商品に辿り着いたかがわかりやすく感じます。 どうぞよろしくお願いいたします。
Fukuさん、こんにちは。 パンくず表示についてです。 グループ一覧から詳細に遷移した場合も上部のパンくずにはカテゴリ一覧が表示されます。 この部分をグループに変更することはできません。 今後、検討して参ります。 よろしくお願い致します。
お返事ありがとうございました。 現状、了解いたしました。 グループのパンくず表示と共に、グループの段階層化もできれば大変にうれしく思います。 どうぞよろしくお願いいたします。
いつも、大変お世話になります。 実は、納品書請求書の金額内訳項目は、お買上額、送料、手数料、梱包代等となっておりますが、その「梱包代等」の欄を使って、「刻印手数料」を記載しております。 ここを、管理画面で「刻印手数料」と変更することはできますか? よろしくお願い申し上げます。
みずえさん、こんにちは。 納品書、請求書の包装代等の文言についてです。 ご要望の箇所の文言については、背景画像を利用している箇所となりますので、変更いただくことはできません。 現状もご利用かと思いますが、備考欄等に説明を記載いただきご対応をお願い致します。 よろしくお願い致します。
*必須項目