おちゃのこユーザー様同士の情報交換BBS!活発な意見交換の場としてご利用下さい。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●掲示板にログイン機能とメール送信機能を追加しました。 掲示板に下記の機能を追加しました。 ・ログイン機能 これまでは、誰でも新規/返信の投稿・変更・削除が可能でしたが、ログイン機能を利用すると会員のみに限定することができます。 ※掲示板の閲覧にログインは必要ありません。 ・メール送信機能 新規/返信の投稿時、担当者メールアドレス宛にメールを送信します。 ※変更・削除時にメールは送信されません。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281617&id=572 よろしくお願い致します。
おちゃのこ刑部さん、こんにちは。 掲示板の改良、ありがとうございます! これで掲示板への書き込みを見逃すことがなくなりそうです。 改良ありがとうございます!! 一つ要望なのですが、書き込みにログイン機能を利用することが出来るのであれば、書き込みに返信があった時、返信投稿の連絡メールを担当者メールアドレス宛だけではなく、書き込みされた方にもお送りすることはできませんでしょうか? 掲示板はショップとお客様との連絡に使うのではなく、お客様同士のコミュニケーションツールとして利用したいと考えています。 掲示板の返信があった時、お客様にメールで連絡があれば掲示板の活性化が期待できると思います。 ご検討のほどよろしくお願いします。
お世話になっております。 おちゃのこ通信の「デザイン道場」を参考にしております。 しかしPC版ばかりなので、スマホ版のデザインのレクチャーも今後お願いいたします。
TOMさん、こんにちは。 スマホ版についても、デザイン道場で取り上げるようにさせていただきます。 よろしくお願い致します。
お世話になっております。 お客様情報登録ページ設定についてです。 弊社の場合、外国籍のお客様からのお申込みも多いのですが、会員情報の確認でお名前をご記入いただく際に、中国の簡体字など(いわゆる機種依存文字)を入力されてしまうとすべて ????? と表示されて注文確定メールが弊社に届き、またお客様側のお申込み確認メールにも ????? とお名前欄に表示されたものが届いてしまいます。 そこでお名前入力欄の下もしくは上に「※外国籍のお客様のお申込みは、パスポートと同じローマ字スペルでお名前をご入力ください。」といった注記文を差し込みたいのですが、現状の仕様では出来ないようです。 メールアドレス注記文掲載設定と同様に、お名前欄にも注記文を追加する設定を追加していただけないでしょうか? もしくは、最初からお名前欄に「※外国人のお客様はパスポートと同じローマ字スペルでお名前をご入力してください」と標準で表示掲載いただけないでしょうか? ご一考の程お願い申し上げます。
かわさん、こんにちは。 お客様登録ページについてです。 注記については、検討課題とさせていただきます。 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●後払い支払いに、請求手数料無料設定を追加しました。 後払い支払いに、商品合計金額に応じて、手数料が無料になる設定を追加しました。 「ショップ運用設定」→「お支払い方法設定」 → 後払いの「詳細を設定する」より設定いただけます。 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●クロネコ代金後払いサービスに対応しました ヤマトクレジットファイナンスが提供いたします、クロネコ代金後払いサービスに対応しました。 http://www.yamato-credit-finance.co.jp/service/deferred.html 後払い決済は、購入者が購入した商品を受け取った後に、代金を支払いことができる決済サービスです。 購入者は、請求書発行後14日以内に、コンビニ、郵便局にてお支払いいただけます。 「ショップ運用設定」→「お支払い方法設定」 → 後払いの「詳細を設定する」より クロネコ代金後払いサービスの設定ならびに、お申し込みいただけます。 よろしくお願い致します。
お世話になっております。 こちらは複数のおちゃのこアカウントの収容は可能でしょうか? 弊社だとおちゃのこさんで3アカウントを使用しています。 それらを収容できればと考えております。 また現在のキャンペーンの価格はいつまで半額となりますか? よろしくお願いいたします。
株式会社アヴァンサさん、こんにちは。 専用サーバープランをご検討いただきありがとうございます。 申し訳ございませんが、1アカウントのみ収容となります。 キャンペーンについては、2016年4月30日のお申込み分まで適用されます。 https://www.ocnk.net/campaign/ よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●商品登録画面のメイン画像欄に「全て削除」ボタンを追加しました。 商品登録画面のメイン画像欄には、最大20枚画像を登録可能ですが、これまではそれぞれの画像単位でしか削除できませんでした。 登録している画像を一括で削除できる「全て削除」ボタンを追加しました。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281571&id=663 よろしくお願い致します。
お世話になります。 「特定商取引法表示」にメールアドレスの項目が必須になっておりますが、画像表示にはできるものの、迷惑メールが増えてくるに従いこれまで何度もアドレスを変更していますので、アドレスを最初は公開したくありません。 検索してみると、特定商取引法表示で迷惑メールに悩まされているケースも見掛けます。そこで、アンチスパム・イメージで、対応する文字列を入力してもらうことでメールアドレスを見ることができる仕様もあるようです。 特に最近はこちらのページは商品陳列だけになってしまっており、購入は実店舗でされるケースが多いものですから、なおさらデフォルトでメールアドレスを表示させたくはありません。ご検討いただければ幸いです。よろしくお願いいたします。
アティック. さん、こんにちは。 特定商取引法についてです。 基本的に全てのショップさまは、経済産業省の「特定商取引に関する法律」に従って、正確な住所、電話番号、メールアドレスを入力していただく必要がございますので、必須にしております。 よろしくお願い致します。
お世話になっています。 HTML5で制作中ですが、左側のカテゴリ(弊社ブランド別)を画像で表示したところ少しボケて表示されます。 何が原因なのでしょうか?
NexYankさん、こんにちは。 カテゴリについてです。 paddingの分、横幅が200pxより狭くなっています。 imgタグには、max-width: 100%が指定されていますので、横幅の範囲内で縮小表示されます。 等倍で表示されたい場合は、下記の指定をスタイルシートの編集から追加してください。 貼り付け位置は、最下部にお願い致します。 .category_list li a { padding: 0px; } よろしくお願い致します。
お世話になっています。 おちゃのこ通信「デザイン道場」Lesson171で表題の「ページ最下部へのボタンを表示」を行ってみましたが表示されません。 どこが間違いなのでしょうか? また同様にスマートフォーンサイトにも表示させたいのですが、方法は同じでしょうか?
NexYankさん、こんにちは。 ページ最下部についてです。 デザイン管理→配置/画像/コメントのキャッチフレーズ欄に記載いただいておりますが、ショップ基本設定→メタタグ個別設定の内容が優先されますので、そちらに記載していただく必要があります。 記載については、PC版、スマホ版ともに同様です。 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●商品カテゴリ管理に開閉ボタンを追加しました。 「商品管理」→「商品カテゴリ管理」ページの一覧の右上に「(+)全て開く」と「(-)全て閉じる」ボタンを設置し、「(-)全て閉じる」を選択した場合のみ、「(+)サブカテゴリ」のボタンが各メインカテゴリに表示され、任意のサブカテゴリのみを表示可能です。 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●レコメンド機能で在庫切れ商品の非表示が可能になりました。 これまでは、「在庫表示設定」で「在庫切れ商品を非表示」に設定していない場合、在庫切れ商品もレコメンド商品一覧に表示されていましたが、レコメンド商品一覧でのみ非表示にすることが可能になりました。 よろしくお願い致します。
皆さん、こんにちは。 本日の改良点のご報告です。 ------------------------------------ ●PC版フリーページのパンくずリストに表示/非表示設定を追加しました。 これまでは、PC版フリーページでは必ずパンくずリストが表示されていましたが、非表示の設定が可能になりました。 ご自身でPC版フリーページ内にパンくずリストを入れる場合などにご利用ください。 詳細は、下記のFAQをご覧ください。 http://www.ocnk.net/faq/index.php?action=artikel&cat=281586&id=1097 よろしくお願い致します。
お世話になっています。 現在HTML5へ移行準備しております。 ヘッダーの背景カラーとヘッダーメニュー背景カラーを変更しました。 ①ヘッダー部分で赤い部分、文字サイズの「普通」「大」のカラー変更の方法。 ②ヘッダー部分、カートの中身赤い部分のカラー変更。 ③ヘッダーメニュー、ホーム下の赤い部分。 ④ヘッダーメニュー、各メニューの文字カラーの変更。 以上の変更方法を教えてください。
NexYankさん、こんにちは。 ヘッダーについてです。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ●フォントサイズ変更部分について ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ フォントの普通、大は、背景画像にて指定しております。 スタイルシート内の下記の箇所が該当箇所となります。 /* 高解像度ディスプレイ対応 */ については、Macのratinaディスプレイ等の高解像度ディスプレイ用の画像となります。 基本的には、2倍画像を指定し、background-sizeにて縮小させています。 ※高解像度指定を行わない場合は、/* 高解像度ディスプレイ対応 */以下指定を全て削除してください。 ※元画像 下記より元画像をダウンロードできますので、その画像を元に画像を変更していただき、画像専用管理画面にアップロード後、background-image部分の背景画像URLを変更してください。 スタイルシート内に画像専用管理画面→コンテンツフォルダ内にアップロードした画像URLを記載される時は、image/ファイル名のようにimageからの相対パスで記載してください。 画像は、選択時、未選択時が同じ1枚画像として作成されています。 ・普通画像通常サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/font_default.gif ・普通画像高解像度サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/font_default_x2.gif ・大画像通常サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/font_large.gif ・大画像高解像度サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/font_large_x2.gif ↓以下スタイルシート指定箇所 ━━━━━━━━━━━━━━ /* 普通画像 */ .set_font_normal { background-image: url(img/font_default.gif); } /* 高解像度ディスプレイ対応 */ /*-----------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /*-----------------------------------------------------------*/ .set_font_normal { background-image: url(img/font_default_x2.gif); background-size: 30px 40px; } /*-----------------------------------------------------------*/ } /* 大画像 */ .set_font_large { background-image: url(img/font_large.gif); margin-left: 5px; } /* 高解像度ディスプレイ対応 */ /*-----------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /*-----------------------------------------------------------*/ .set_font_large { background-image: url(img/font_large_x2.gif); background-size: 30px 40px; } /*-----------------------------------------------------------*/ } ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ●カートの中身部分について ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ○カートの中身ボタン枠 スタイルシートの編集から下記の箇所を編集してください。 border: 1px solid #FF0000; の#FF0000を変更することで、色を変更できます。 ↓以下スタイルシート指定箇所 ━━━━━━━━━━━━━━ /* カート中身背景 */ .cartbtn { border-radius: 5px; position: relative; border: 1px solid #FF0000; } ○カートの中身アイコン カートアイコンは、背景画像にて指定しております。 スタイルシート内の下記の箇所が該当箇所となります。 ※高解像度ディスプレイの説明については、上記フォント分の画像と同様です。 ※元画像 下記より元画像をダウンロードできますので、その画像を元に画像を変更していただき、画像専用管理画面にアップロード後、background-image部分の背景画像URLを変更してください。 スタイルシート内に画像専用管理画面→コンテンツフォルダ内にアップロードした画像URLを記載される時は、image/ファイル名のようにimageからの相対パスで記載してください。 ・アイコン通常サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/icon_cart.png ・アイコン高解像度サイズ http://nexyank.ocnk.net/data/nexyank/pc/img/icon_cart_x2.png ↓以下スタイルシート指定箇所 ━━━━━━━━━━━━━━ /* カート中身アイコン */ .cartbtn A { display: block; width: 85px; height: 25px; padding: 6px 0px 0px 43px; background-image: url(img/icon_cart.png); background-repeat: no-repeat; background-position: 5px center; font-size: 12px; line-height: normal; } /* 高解像度ディスプレイ対応 */ /*-----------------------------------------------------------*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) { /*-----------------------------------------------------------*/ .cartbtn A { background-image: url(img/icon_cart_x2.png); background-size: 30px 30px; } /*-----------------------------------------------------------*/ } ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ●ナビゲーション選択時の色 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ スタイルシートの編集から下記の箇所を編集してください。 マウスオーバー時と選択時の下線の色を指定しています。 border-bottom: 3px solid #FF0000; の#FF0000を変更することで、色を変更できます。 ↓以下スタイルシート指定箇所 ━━━━━━━━━━━━━━ /* 各ナビゲーションマウスオーバー */ #globalnavi li A:hover, #globalnavi li.hover > div > .nav_link, #globalnavi li.toggle_drill_down.hover .toggle_link { border-bottom: 3px solid #FF0000; } /* 選択中 */ #globalnavi li.nav_on { border-bottom: 3px solid #FF0000; } ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ●ナビゲーション文字の色 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ スタイルシートの編集から下記の箇所を編集してください。 color: #333333; の#333333を変更することで、色を変更できます。 ↓以下スタイルシート指定箇所 ━━━━━━━━━━━━━━ #globalnavi li A { display: block; background-image: url(img/navi_line_bg.gif); background-repeat: no-repeat; background-position: right center; text-align: center; color: #333333; max-width: 250px; border-bottom: 3px solid #FFFFFF; } よろしくお願い致します。
お世話になります。 今回、希望小売価格に打ち消し線を入れたく 下記のスタイルシートを入力したのですが、 販売価格の税込価格の金額まで打ち消し線されてしまいます。 希望小売価格のみを打ち消し線をする場合はどのように したらよろしでしょうか。 宜しくお願い致します。 (希望小売価格を通常販売価格に変更しております) .detail_item_text div.text-normal { text-decoration: line-through; }
むろいさん、こんにちは。 打消し線についてです。 スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .detail_item_text div.text-normal { text-decoration: line-through; } .detail_item_text div.price_tax_in { text-decoration: none; } よろしくお願い致します。
いつもすぐに対応して頂きありがとうございます。 今回も無事、解決できました。 ありがとうございました。
何度もすみません。 商品一覧ページも打ち消し線をしたいのですが、 今回のように 希望小売価格のみを打ち消し線をする場合を教えていただけますでしょうか。
むろいさん、こんにちは。 商品一覧ページについてです。 スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .list_table_middle .style1_text .text-normal { text-decoration: line-through; } .list_table_middle .style1_text .price .text-normal { text-decoration: none; } よろしくお願い致します。
ありがとうございました。
お世話になっております。 いつも改善が早くて助かっております。 1点改善希望です。 問い合わせ管理画面で 商品名や品番で検索が可能になれば、 再入荷の際に、問い合わせのお客様を探しやすく、再入荷連絡をしてあげる事が可能ですが、 現在はスクロールでその品番を追う事しか出来きず、検索で探す事が出来ません。 とても不便なので改善を宜しくお願いします。
シュガーさん、こんにちは。 お問い合わせ管理についてです。 フォームの方からもご要望いただいておりましたが、改善させていただく予定となっております。 よろしくお願い致します。
刑部様 お世話になります。 現在、2カラムで運用しています。 パンくずリストは標準ではヘッダー直下に配置されますが メインカラムの最上部に配置を変更することは可能でしょうか? また、パンくずリストの上下の余白(余白を少なくする)ことが可能でしたらその設定方法もお知らせください。 よろしくお願いいたします。
中村さん、こんにちは。 パンくずリストについてです。 スタイルシートの編集から下記の指定をコピーして貼り付けて下さい。 ※貼り付け位置は、最下部にお願い致します。 メインエリア上部に位置指定で動かしています。 margin-top: 60px;でメインエリア上部に余白を入れ、その部分に絶対位置指定でパンくずを表示させる方法となります。 #maincol2 #main_container .page_box { margin-top: 60px; } #inner_contents { position: relative; } #pan { position: absolute; left: 270px; top: 0px; } よろしくお願い致します。
ありがとうございます。 いつもすみません。
いつもお世話になります。 商品カテゴリの親カテゴリのタイトルタグの最後に「(Page 1)」と自動で入るのですが、この表示を消すことは可能でしょうか?
MAX.店長さん、こんにちは。 カテゴリのタイトルタグ表示ですが、Googleのタイトル重複エラー対策として入れております。 よろしくお願い致します。
お世話になっております。 おちゃのこネットさんは、カート周りのUIと、選択肢の豊富さが使いやすく、助かっています。 レビューの投稿ですが、garittoの会員登録とログインが必須となりますと、 投稿者にとって非常に敷居が高いように感じられます。 投稿へのハードルを下げることと、投稿内容がページ上で表示されるように 変更する予定はないでしょうか。 ご検討のほど、よろしくお願い致します。
tenさん、こんにちは。 レビュー機能についてです。 これまで、おちゃのこネットでは、garittoのレビューのみしかご利用できませんでしたが、現在おちゃのこネットの機能としてレビュー機能を実装しております。 既に、着手しておりますので、今しばらくお待ちくださいませ。 よろしくお願い致します。
お返事ありがとうございます。 了解致しました。 楽しみにお待ちしております。
いつもお世話になっています。 (おちゃのこさいさいのお問い合わせに投稿しようと思ったのですが、画像が添付できなかったので、こちらに投稿しています。おちゃのこさいさいだけでなく、こちらにも共通した内容ですので併せてご質問させて頂きます) フリーページの編集についてお伺いしたいのですが、実際のページの表示と作業時の表示があまりに違いすぎてデザインがしずらいのですが、何か良い方法はありますでしょうか? 確認ブラウザは通常クロームでしていますが、IEでも表示はかわりません。 作業はDWCS5.5を使用しています。 cssはDWでも全て読み込んで作業しているつもりですが… このブラウザとコーディングソフトとの表示の違いは、おちゃのこさいさいだけでなく、 おちゃのこネットの方でもそうで、HTML5になってからページのデザインをするのに 非常に時間がかかってずっと困っていました。 XHTMLのテンプレートを使用していた時はこの現象がまったくなく作業もスムーズだったのですが… HTML5になって以来、ずっと困っていました>< 何卒ご教授いただけますようお願い致します。
画像が添付されていなかったので、こちらに添付します。
土谷さん、こんにちは。 デザインについてです。 CSSファイルは、サーバー上のファイルを直接読み込んで作業されていますでしょうか。 その場合は、一度手元にCSSファイルをダウンロードし、ローカル環境で作業をお試しください。 よろしくお願い致します。
ありがとうございます! cssの3つをローカルで読み込んでみたのですが、全くかわりませんでしたTT ちゃんと読み込んではいるようなのですが… ローカルにおくのはcssだけでいいのですよね? common template オリジナルcss
土谷さん、こんにちは。 デザインについてです。 ファイルについては、3ファイルとなります。 こちらでも同様にDreamweaverCS6となりますが、サーバー上から読み込み試した後、ローカルに保存して表示してみたところ、文字サイズ等の表示は改善が見られました。 HTML上の読み込み部分も変更いただいておりますでしょうか。 デザイン編集モードではDreamweaver上のレンダリングとなりますので、ある程度通常のブラウザとの表示が異なる可能性があります。 ライブビュー等をご利用いただければ同様の表示となります。 基本的には、作成後、通常のブラウザで確認していただく方法となります。 よろしくお願い致します。
ありがとうございました!!
*必須項目