新しいパソコンは大丈夫でしたので、パソコン側の問題だと思います。

井ノ上さん、半谷さん。

本日、ヤマト運輸側でのメンテナンス以降、クロネコwebコレクトのクレジットカード払いがご利用いただけない状況になっております。
現在、ヤマト運輸側と対応方法について検討しております。
ご迷惑をお掛けいたしまして大変申し訳ありません。

今後の対応状況については、障害情報にてご連絡させていただきます。
https://www.ocnk.net/failure/

井ノ上さん、半谷さん

ご迷惑をおかけ致しまして、申し訳ありませんでした。
先ほど、20時10分頃に弊社側で、一時的な処置を入れまして、
決済が正常に可能な状態に復旧しております。

ヤマト運輸側に根本的な不具合対応を求めております。

長時間にわたり、ご迷惑をおかけいたしまして、申し訳ありませんでした。

有本さん
ありがとうございます。ヤマトからは、こちらが気がついて、連絡するまで報告無し。
これを機会に決済会社の変更も検討しますが、代引きをどうするか情報不足です。
アドバイスあればよろしくお願いします。

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

ページサイドについてです。
https://www.titan-shop.com/data/gbshop/image/sayuu-bar.gif
上記の画像でよろしければ、画像編集ソフトで画像の文言を変更してください。
その上で、画像専用管理画面より上書きアップロードしていただければ変更することが可能です。

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

早速のご返事、ありがとうございました。
新しい画像をアップしました。「上書きアップロードしました」とのメッセージをいただきましたが、
入れ替わりません。
何度やり直しても、同じです。
よろしくお願いいたます。

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

画像についてです。
こちらの画像が更新されていないということでしょうか。
https://www.titan-shop.com/data/gbshop/image/sayuu-bar.gif
キャッシュの可能性もありますので、画面更新等を行っていただき再度ご確認いただけますでしょうか。

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

大変、恐れ入ります。
まだ上書きされないようです。
よろしくお願いいたします。

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

画像についてです。
変更された画像を下記メールアドレスに添付してお送りいただけますでしょうか。
info@ocnk.net

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

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

伊藤さん、こんにちは

Core Web Vitalsへの対応についてですが、現在対応を検討中です。
なにか進捗がありましたら、ご報告させていただきます。

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

Google Serch Consoleの「CLS に関する問題: 0.25 超（モバイル）」のステータス:不良について、改善のためにトップページの画像全てに「width」と「height」を記載しました。

しかし、改善されませんでした。

詳しく調べてみると、「width」は検知していますが、「height」は確認できないようです。Google ChromeのDevToolsで確認しても、「height」はなぜか消されています。

試しに[HTML5テンプレート] パソコン用・スマホ用に切り替えると「height」は吐き出されていましたが、[HTML5テンプレート] レスポンシブデザインでは「height」が吐き出されていないように見えます。

レスポンシブデザインで「height」を吐き出すためにはどのようにすればよろしいでしょうか？

トントンハウス井藤さん、こんにちは。

レスポンシブテンプレートの画像についてです。
これまで高さは出力しておりませんでしたが、高さを吐き出すように仕様変更致しました。
対応した画像は、自由記入欄、フリーページ、HTMLタグ利用可能エリアとなります。

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

早急にご対応いただき、ありがとうございます！
今後もよろしくお願いします！

ホルダーマートさん、こんにちは。

PCとスマートフォンの出しわけについてです。
スマートフォンでは非表示にしたいブロックを下記のようなdivタグで囲んでください。
<div class="pconly">自由記入欄内容</div>

その上で、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は最下部にお願い致します。
下記では、横幅500px以下では非表示となります。
@media only screen and (max-width: 500px) {
.pconly {
display: none;
}
}

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

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

何度も申し訳ございませんが、
PCではなく、スマホのみに表示することはできますか？

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

ホルダーマートさん、こんにちは。

パソコン、スマートフォンの出しわけについてです。
下記のようにmaxをminに変更いただくことで、500px以上の横幅に対して指定を適用できます。
pconlyのclass名は、phoneonlyなどに変更いただく方が分かりやすいと思います。

<div class="phoneonly">自由記入欄内容</div>

@media only screen and (min-width: 500px) {
.phoneonly {
display: none;
}
}

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

マルヤスさん、こんにちは。

クーポンについてです。
クーポンコードについては、同じコードは登録することができません。
現状、ご回答のとおり1種類のみ利用可能な仕様となっております。
今後、ご要望をお聞きして検討させていただきます。

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

ターナーさん、こんにちは。

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

@media screen and (min-width: 840px) {
.responsive .layout_photo .lower_slider_controller .swiper-button-next,
.responsive .layout_photo .lower_slider_controller .swiper-button-prev {
width: 25px;
height: 25px;
position: relative;
top: auto;
border-radius: 50%;
}

.responsive .slider_box .layout_photo .swiper-container {
margin: 0px 31px;
padding: inherit;
}
}

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

ご多忙のところご回答ありがとうございました。
すっきりして見やすくなりました。
ありがとうございました。
今後ともどうぞよろしくお願いいたします。

おちゃさん、こんにちは。

購入個数についてです。
1度のご注文で、1つだけしか購入できないように設定することは可能です。
商品管理→商品登録/編集画面→「必須項目のみ表示」のチェックを外す→一度に購入できる商品点数欄にチェックを入れていただき1に設定してください。
ただし、購入を完了し、再度購入する場合は購入可能となります。

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

ホルダーマートさん、こんにちは。

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

フォントについては、下記がHTML5テンプレートの初期セットになります。
余白は、margin-bottom: 15pxの値を大きくすると余白も大きくなります。

body {
font-family: "Lucida Grande", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
}

.shop_name_box {
margin-bottom: 15px;
}

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

おちゃのこ　刑部様

ご回答ありがとうございました。
とても助かりました。

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

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

お客様から「メールアドレスを変更したら、ログインもパスワードの再発行も出来なくなった。」と問い合わせがありました。
この方は、大文字、小文字が混在するアドレスをご利用でした。

アドレス登録時は「一律、大文字を小文字に変換して登録」されるようになったとのことですが、ログインやパスワード再発行のアドレスフォームに入力されるアドレスの大文字、小文字はそのままにアドレスの存在チェックを行っているように見受けられます。

動作をご確認の上、問題があれば改善をお願い申し上げます。

萩野さん、こんにちは。

恐れ入りますが、過去に大文字小文字を混ぜたメールアドレスにて複数の会員登録されている方がいらっしゃるため、現在のところ、ログインやパスワード再発行につきましては、大文字小文字を区別してチェックを行っております。こちらにつきましては、仕様変更させていただきますので、お待ちいただけますでしょうか。

それまでの間、お手数ではございますが、登録者情報一覧ページより、該当の方のメールアドレスで検索していただき、１件のみヒットするということでしたら、ショップオーナ様の方で、メールアドレスを全て小文字に変更していただけますでしょうか。また、変更されたお客様には、ログイン時・パスワード再発行時には、全て小文字のメールアドレスにて入力していただくよう、ご案内していただけますでしょうか。

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

萩野さん、こんにちは。

メールアドレス仕様についてです。
ショップでのログイン時と、パスワード再発行時に、メールアドレスの大文字小文字を区別するようにしていましたが、区別しないように仕様変更しました。

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

刑部様、修正を確認いたしました。
ご対応ありがとうございました。

トントンハウス井藤さん、こんにちは。

買い物を続けるボタンについては、最後に表示した商品一覧系 (カテゴリ一覧、検索一覧、グループ一覧、おすすめ一覧等) に遷移する仕様となっております。

HTMLの追加についてですがイレギュラーな方法となりますが、下記のJavaScriptを追加いただくことでレジへ進む下部に追加可能です。
追加は、カートフォーム設定のカートの中身の自由記入欄へお願いします。
※ただし、カート内では利用いただいて問題ありませんが、トップページや詳細ページなどの通常ページでの利用は推奨できません。

<script>
$(function() {
$('#shoppingcart_page_step0 div.cart_member_login_btn_box').append('<div class="flex_layout"><div class="cartlist_box"><a href="リンク先">メニュー名</a></div><div class="cartlist_box"><a href="リンク先">メニュー名</a></div></div>');
});
</script>

追加後、下記のCSSなどでデザインを調整してください。
.cartlist_box {
width: 50%;
}

.cartlist_box A {
display: block;
background-color: #F5F5F5;
padding: 20px;
margin: 10px;
text-align: center;
}

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

わざわざjQueryを使って記載までいただいて、ありがとうございます。しかしながら、挿入したかったメニューはBootstrapも組み込まれていたりとdiv要素が大量にあるため、appendでは対応できそうにありません。

ショッピングカードで「レジに進む」ボタンの下にカテゴリやグループのバナーリンクがあると、アップセルがかなり期待できると思うのですが、自由記入欄を新設するとなると、大掛かりな作業になるでしょうし、なにか簡単な方法でHTMLを挿入する方法はありませんでしょうか？

例えば、footerの「ホーム」の上でもいいので、挿入する方法がありましたらお知恵をお貸しください。

トントンハウス井藤さん、こんにちは。

下部フッターということでしたら、コンテンツの順番を変更することで可能です。
現状このページは、タイトル→自由記入欄→カートコンテンツの順番になっておりますが、flexレイアウトにし、orderで順番を変更できます。
自由記入欄に追加されたいHTMLを設置いただければ最下部に表示できます。

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

#shoppingcart_page_step0 .shoppingcart {
display: flex;
flex-wrap: wrap;
}

#shoppingcart_page_step0 .page_title,
#shoppingcart_page_step0 .custom_note,
#shoppingcart_page_step0 .shoppingcart_contents {
width: 100%;
}

#shoppingcart_page_step0 .custom_note {
order: 2;
}

また、補足ですが、既存の自由記入欄の内容のみ上に設置されたい場合は、上に表示したいコンテンツをdivなりで囲んでいただき、position: absolute;でtop: 70px等設定してください。
上部に余白を作る必要がありますので、.page_titleにpadding-bottom: 70px;を設定していただければ、既存の部分のみ上に移動できます。

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

おちゃのこ刑部さん、こんにちは。

思い描いていた通りのショッピングカートの中身になりました！
ご提案ありがとうございます。

回遊性が格段に良くなり、滞在時間が長くなり客単価が上がりそうです！
とても嬉しいです！

くまさきさん、こんにちは。

配送についてです。
ご要望の例、6時を過ぎた時点で翌日が選択できない設定については課題となっています。
地域別については現状予定にございませんでしたが、配送設定については他にも多数要望をいただいておりますので、順次対応して参ります。

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

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

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

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

本日もお客様から注文が入ったのですが、納期が間に合わないのでその旨をお電話で伝えたところ、それなら必要ないとキャンセルされました。

お客様の言い分は「日にち指定ができたから」その日に届くと思ってそのまま安心して注文したとのことです。

納期が間に合わない注文が入った場合、

１、こちらから納期が間に合わないことをどうにかお客様と連絡を取って伝える。

２、お客様は納期が間に合うようにまた一から他の所から商品を調達しなければならない。

３、お客様は注文から納期までの時間のロスが発生する。

４、せっかく入力した注文フォームやクレジット手続きもすべて無駄になってしまう。

５、注文のキャンセル手続きやクレジット等の支払いキャンセル手続きも発生する。

６、注文部門から発送部門に対するオペレーションの連絡をしなければならない。

納期が間に合わない注文が入ってしまった場合、お客様にとっても、ショップ側にとってもお互いがとても手を煩わせてしまうだけでなく、おちゃのこネットのショップ全体としても信頼を失いますので、どうにかこういったキャンセル注文が入らないような地域別の配達時間可能指定設定の改善をしていただけると幸甚です。。

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

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

本日、大変ご親切な方からお悩みの解決策の一例を教えていただきました。

ショッピングカート内の
ーーーーーーーーーーーーーーーーーーーーー
お届け日時の指定

お届け日を指定する場合は、以下のフォームで日付を選択してください（ご希望に添えない場合もございます）。
商品のお届け指定可能日は2018年 12月 08日から2019年 06月 05日までです。

ーーーーーーーーーーーーーーーーーーーーー

の文章のうち、
「商品のお届け指定可能日は2018年 12月 08日から2019年 06月 05日までです。」

という文字を消すと、急ぎのお客様も勘違いしなくて良いというものでした。

大変、お手数をおかけしますが、スタイルシートのどこを変更すれば
この一文を消せるのでしょうか？

お手数をおかけいたしますが、ご教授いただけますようよろしくお願い致します。

くまさきさん、こんにちは。

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

なお、この指定はXHTMLテンプレートご利用の場合に有効です。
HTML5やレスポンシブテンプレートに変更された場合は無効となります。

#shoppingcart_page_step2 li.shipping_day {
display: none;
}

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

いつも大変お世話になっております。
当店でもお届け指定可能日の表示を消したいのですが、レスポンシブテンプレートです。
レスポンシブでの消し方を教えていただけますか。
どうぞよろしくお願い申し上げます。

luckchuckさん、こんにちは。

ご回答が遅くなり申し訳ございません。
スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
※HTML5固定幅、レスポンシブテンプレート用の指定となります。

#shoppingcart_page_step2 .shipping_day_period {
display: none;
}

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

お忙しい中ご返信いただきありがとうございました。
今後ともどうかよろしくお願い申し上げます。

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

スタイルシートの最下部に入力したら、例の一文が消えて解決しました。

これで少しは改善できたかと思います。

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

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

本日、またお届け日に間に合わない注文が入り、お客様に怒られてしまいました。

お届け日が指定できるようになっているから注文したのに、
お届けできないのはおかしいじゃないか、ということでした。

現状大手のネットショップ(Amazon、ヤフー、楽天)などでは
お届けできない日にちは注文時に表示できない仕様となっています。

一般のお客様は大手のこういう仕様がスタンダードになっているので、
表示されている日にちはお届けできる日にちだと思うのが当たり前だという認識です。


このままではおちゃのこネットのシステムが大手のショップサイトに
比べて不便だと思われてしまいますので、いち早く改善をしてほしいです。


私がこの問題を最初に提言してから、もう4年くらい経過しているのですが、
いつ改善されるのでしょうか？↓

ーーーーーーーーーーーーーーーーーーーーーーーー
配送について 投稿者:おちゃのこ刑部 2017/08/18(金) 17:36 No.18664 URL

くまさきさん、こんにちは。

配送についてです。
ご要望の例、6時を過ぎた時点で翌日が選択できない設定については課題となっています。
地域別については現状予定にございませんでしたが、配送設定については他にも多数要望をいただいておりますので、順次対応して参ります。

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

ーーーーーーーーーーーーーーーーーーーーーーーー

お忙しいとは思いますが、順次対応して参りますという言葉を信じて待っておりますので、

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

くまさきさん、こんにちは。

ご要望の件についてです。
大変遅くなり申し訳ございませんが課題には含まれております。
課題については、多数あり順次対応しております。
よろしくお願い致します。

いしはらさん、こんにちは。

アイコンの追加についてです。
商品一覧ページについては、グループのidを付けることで下記の方法で指定可能です。
セール関連のグループページの商品名後ろに[SALE]というアイコンを表示できます。

スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。
#categorylist_page_1 .item_list .item_name::after,
#pickuplist_page_702 .item_list .item_name::after,
#pickuplist_page_703 .item_list .item_name::after,
#pickuplist_page_705 .item_list .item_name::after,
#pickuplist_page_707 .item_list .item_name::after,
#pickuplist_page_708 .item_list .item_name::after {
content: "SALE";
display: inline-block;
width: 35px;
height: 18px;
background-color: #FF0000;
text-align: center;
line-height: 18px;
color: #FFFFFF;
font-size: 10px;
}

同じ方法で商品詳細も個別ページ単位で設定することは可能ですが、一括での設定はできません。
例えばこの商品の場合
https://www.tee-merch.com/product/7887

指定は下記のようになり、個別のid名(#detail_page_7887)を指定する必要があります。
そのため、全ての商品を指定するためには、その分行数を追加していただく必要があります。

#detail_page_7887 .detail_item_data .item_name::after {
content: "SALE";
display: inline-block;
width: 35px;
line-height: 18px;
background-color: #FF0000;
height: 18px;
text-align: center;
color: #FFFFFF;
font-size: 10px;
}

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

おちゃのこ刑部様

ご回答ありがとうございました。今後ともよろしくお願いいたします！