Home > おちゃのこ広場

おちゃのこ広場

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

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

警備用品・防犯用品販売 株式会社タンタカ やまもとと申します。

5月からPaypayオンライン決済を導入しているのですが、
おちゃのこネットの仕様でしょうか?
 Paypayオンライン決済の場合、受注のメールが、最初は
------------------------------------------------------------------------
【ご注意】
ただし、このメールを送信した時点では、
SBペイメントサービス決済は未完了の状態にあります。
SBペイメントサービス決済が正常に完了した場合は、
後ほど、改めて別のメールにてご案内いたします。

正常にSBペイメントサービス決済が完了した内容のメールが届かない場合は、
決済状況が未確認の状態となっていますので、
必ずSBペイメントサービスの管理画面でご確認ください。
--------------------------------------------------------------------------------

という内容のメールが届き、その後お客様がオンライン決済を完了すると
通常の受注確認のメールが届くようになっています

運営していてわかったのですが、この未決済状態の後
お客様が決済を完了されても、その後 正しい受注のメールが届かず
SBペイメントサービスの管理画面を見ると、正しく決済が完了されている場合があります

(実は、未決済のご案内を送ったお客様から、Paypay決済が完了していてお金が落ちているという連絡があり、後日この不具合に気づきました)

システムの仕様であれば、未決済の分は逐一決済完了の確認作業が発生し、
非常に扱いづらいので、改善を望みます。
取り急ぎ ご報告まで。

Re Paypayオンライン決済 投稿者:トントンハウス井藤 No.19596 URL

やまもとさん、こんにちは。ご無沙汰してます。

Paypayオンライン決済は、お客様が購入ボタンを押してPayPayに遷移した時点で【ご注意】のメールが届き、決済完了後にネットショップに戻って初めて通常の受注確認メールが届く仕様になっています。
https://www.ocnk.net/faq/index.php?action=artikel&cat=281591&id=1250&artlang=ja

ネットショップに戻らないと受注確認メールがお客様にも送られない仕様なので、問い合わせが頻発します。

注意事項に決済完了後にネットショップに戻るように注意喚起しても、ほとんど効果はありませんでした。
文章を読まないお客様多いですからね…

未決済なのかネットショップに戻らなかったのかをSBペイメントサービスの管理画面で確認しなければならず、その上管理画面がこれまで出会ったことがないくらい使いづらいため、Paypayオンライン決済を使うのを止めました。

LINEPayも同じ仕様なので、おそらく使わないだろうなと思いつつも…申請しました。

とても期待していたキャッシュレス決済ですが…購入するボタンの前に決済が完了する仕組みになるといいですね。

Re PayPayオンライン決済 投稿者:おちゃのこ有本 No.19597 URL

やまもとさん、トントンハウス井藤さん、こんにちは。

井藤さんのご回答いただいている内容と同じになりますが、下記のような動作になっております。

下記FAQをご確認ください。

◆PayPayオンラインの運用について
 https://www.ocnk.net/faq/index.php?action=artikel&id=1250

下記のような場合、注文確認メールは送信されず、「受注管理」→「受注一覧と明細」の受注情報は(SBペイメント未確認)が表示された状態となります。

・PayPayオンラインに遷移したが途中でお支払い手続きを止めた
・PayPayオンラインでお支払い手続きは完了したがショップの購入完了画面
 に戻らずページを閉じた

おちゃのこ側の管理画面の表示に関わらず、決済状況につきましては、必ずSBペイメント側の管理画面もご確認いただくこととなりますが、
おちゃのこ側の管理画面で(SBペイメント未確認)と表示されているにかかわらず、SBペイメントの管理画面で決済完了になっているケースもございます。

その場合は、「受注管理」→「受注一覧と明細」より受注明細の「未確認を外す」をクリックしていただきますと、
未確認状態を外すことが可能です。

決済代行会社の仕様上、上記動作となっておりまして、
改善を模索しておりますが、現状では解決策が見いだせておりません。
ご了承くださいませ。

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

Re 使いづらいですね・・・ 投稿者:やまもと No.19598 URL

トントンハウス井藤さま ご無沙汰しております。

トントンハウス様も導入済みで、今はやめたんですね(-_-;)
キャッシュレスはお客様の利便性を考えて導入しましたが、対応によっては
決済を辞めざるを得ないかもしれませんですね (;´д`)トホホ

Re おちゃのこ有本さま 投稿者:やまもと No.19599 URL

おちゃのこ有本様 早々の回答ありがとうございます。
改善策が見つかると嬉しいです。

記事を閉じる グループのアイコンについて 投稿者:トントンハウス井藤 No.19592 URL
添付画像

お客様の買い回りを良くするために、商品一覧ページや商品詳細ページのアイコンの位置にグループ名のアイコンを追加したいのですが、なにかいい方法はありませんでしょうか?

数量限定商品のように表示できると嬉しいです。(目立つようにアイコンだと更に嬉しいです)

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

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

ご質問についてです。
グループについては複数設定が可能で、かなりの数まで登録できますので、個別のclass名を一覧や詳細に付与していません。

そのため、代替案となりますが、特定のグループのみでしたら価格欄の上あたりにアイコンを追加することは可能です。

下記が例となります。
一度お試しください。
https://www.tontonshop.com/product/411

.item_list .list_item_411 .item_info::before,#detail_page_411 .detail_item_data .price_section::before {
content: "数量限定";
display: inline-block;
width: 53px;
height: 15px;
position: relative;
top: -3px;
background-color: #00A3D9;
font-size: 10px;
color: #FFFFFF;
text-align: center;
}

基本的には該当商品を商品単位で個別に追加していただく必要があります。
.item_list .list_item_411 .item_info::before,#detail_page_411 .detail_item_data .price_section::before
この1行が、1セットです。
前が商品一覧用、後が商品詳細用となります。

他のグループアイコンも追加する場合は、同様に上記サンプルを全てコピーして追加いただき、contentのアイコン名、背景色等を変更後、left: 68px;を追加していただき表示位置を右に移動させてください。

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

Re 無題 投稿者:トントンハウス井藤 No.19594 URL

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

さっそく実装しました!
ご指南ありがとうございます。

EC-CUBEのように力技でガリガリ書いていくのは大変ですし、スマホ表示のことを考えて、数量限定商品のみラベルを表示することにしました。

classが振られていないことは残念ですが、ひと目で分かるようになり買いやすくなったと思います!
ありがとうございます。

記事を閉じる Amazon Payについて 投稿者:Luckchuck No.19478 URL

いつも大変お世話になっております。
Amazon Payについて、非常に困っていることがあり、ご相談させていただきます。

当店はギフトでご購入される方が非常に多く、半数以上の方がお相手様宅への直送をお選びになるのですが
Amazon Payで買われたお客様が、
ログイン後に「別の住所にお届け」を選ばずに
「ご自宅にお届け」にチェックがはいったまま、お相手様の住所を入力し購入してしまうという事例が
非常に多く、本当に、本当に困っています。

例えばAさんがBさんに商品を贈りたい場合、
「ご自宅にお届け」に最初からチェックが入ってしまっていることに気づかず、
いきなりBさんの情報を入力してしまうので、
弊社にはBさんが購入し、Bさん宅にお届けという情報で注文が届きます。

実際にはAさんが注文・購入しているのですが、
おちゃのこネットの管理画面、及び弊社の注文メールにはAさんの名前は一切なく、
また、おちゃのこネットの管理画面上でAmazonPayの請求も済んでしまうことから、
弊社はAさんの存在を知ることなく、Bさんに金額の記載された納品書を同封した状態で
商品をお届けしてしまうこととなります。

結果、Bさんは誰から贈られた商品なのかわからないものが届き、
更には金額のわかる納品書が入っていたというクレームとなります。

そのため、現在弊社では、おちゃのこの管理画面と、AmazonPayの管理画面を照らし合わせながら、
ご注文者様のお名前が同一かどうか1件ずつ確認しなくてはならず、
また、Amazonにお客様が登録されているお名前がイニシャルやニックネーム等の場合もあり、
そうした場合は同一人物かもわからず、メールやお電話での確認作業をしています。

現在の仕様では、「ご自宅にお届け」に最初からチェックが入っており、
住所の入力欄がすぐ目に入りますので、
せめて
「ご自宅にお届け」
「別の住所にお届け」
のどちらかを選んでから、住所入力欄を表示させるという仕様にはならないでしょうか。

本当に困っています。
どうか改善をお願いいたします。

Re Amazon Payについて 投稿者:Luckchuck No.19479 URL

度々失礼いたします。Luckchuckです。
こうなってしまう原因についてなのですが、お客様はログインされた時点で
ご自身の情報が弊社に届いていると思われるようです。
実際、楽天Payはそういったシステムですし、その他のサイトでも通常は
ログインされた時点でご本人様の情報が店側に届くようになっているかと思います。

現在のおちゃのこネットさんでのAmazonPayのシステムでは、
ログインされた方の情報はおちゃのこネットの管理画面では一切表示されません。
そのため、こちらではログインされたご本人様の情報がわからず、
トラブルの元となります。

弊社といたしましても、こうしたトラブルを避けるために
AmazonPayへのログインボタンの上に注意書きを記載しておりますが
わかりにくい状態です。

AmazonPayでご購入されるお客様が増えておりますので、
何卒改善をお願い申し上げます。

Re Amazon Payについて 投稿者:おちゃのこ有本 No.19480 URL

Luckchuckさん、こんにちは。

Amazon Payについてですが、ご事情了解いたしました。
検討致しまして、何か対策を考えさせていただきます。

進捗がありましたら、またご連絡いたします。
よろしくお願いいたします。

Re Amazon Payについて 投稿者:Luckchuck No.19481 URL

おちゃのこネット 有本様

いつも大変お世話になっております。
この度はご返信いただきありがとうございます。
お忙しい中大変恐縮ではございますが、何卒よろしくお願い申し上げます。

Re AmazonPayについて 投稿者:LUCK*CHUCK No.19590 URL

いつも大変お世話になっております。
AmazonPayでのお届け先変更の不備につきまして
以前よりお願いしている件です。

お届け先が最初から「ご自宅にお届け」が選択されてしまっている状態は
改善されましたが、お客様より以下のご連絡をいただきました。

『Amazon PAYでの支払いを選択すると、iPhoneのSafari、MacのSafari共に送付先の変更と同時に送り主が送付先と同じものに変更されてしまい、注文できませんでした。その度にメッセージから何から入力し直しになり非常に面倒でした。別ブラウザを使用してくださいという案内だけでは不十分な対応だとかんじますので改善希望します。』

結局この方はAmazonPayでの支払いをやめ、違う方法でのお支払いをされました。

当店でのAmazonPayのご注文分で、10から15件に1件くらいが
お届け先様のお名前がご購入者様になってしまっています。

これが上記のブラウザの件でのエラーの場合は、早急な改善をお願いします。
また、案内が不十分という件に関しましても、早急な改善をお願いします。

どうぞよろしくお願い申し上げます。

Re AmazonPayについて 投稿者:おちゃのこ有本 No.19591 URL

LUCK*CHUCKさん、こんにちは

ご連絡いただいております件についてですが、アマゾンジャパンにも指摘をおこない、
改善を求めておりますが、改善される見込みがございません。
Amazon Payの新バージョンへの載せ替えも含めて検討しておりますので、
ご迷惑おかけ致しまして、申し訳ありませんが、お待ち頂けますでしょうか。

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

記事を閉じる Core Web Vitalsへの対応について 投稿者:伊藤 No.19587 URL

Google検索のランキング要因にCore Web Vitalsが2021年以降に組み込まれる予定となっています。

Web Vitalsの数値化で

Largest Contentful Paint (LCP)
First Input Delay (FID)
Cumulative Layout Shift (CLS)

が重要な指標となりますが、Google Serch Consoleで「ウェブに関する主な指標」を見たところ、「CLS に関する問題: 0.25 超(モバイル)」が200件以上不良となっていました。

PageSpeed InsightsやLighthouseで確認したところ、

■First Contentful Paint 2.9 s
▲Speed Index 6.0 s
▲Largest Contentful Paint 12.4 s
▲Time to Interactive 12.5 s
■Total Blocking Time 560 ms
●Cumulative Layout Shift 0.013

などの結果となっていました。

ショップ側でも画像を軽くするなどの改善は行いましたが、画像の表示されるまでにテキストが動いてしまうなど、ショップ側では改善できない部分があります。

Web Vitalsのスコアが改善されるような対応は検討されていますでしょうか。

Re Core Web Vitalsへの対応について 投稿者:おちゃのこ有本 No.19589 URL

伊藤さん、こんにちは

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

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

記事を閉じる タブメニューについて 投稿者:ヤマモト No.19569 URL

いつも大変お世話になっております。
デザイン道場レッスン221のタブメニューについて教えて下さい。
タブメニューの1に入力した内容と異なる内容をタブメニューの2に入力したのですが
反映がされません。
どこか修正する箇所があれば、ご教示下さい。
よろしくお願いいたします。

<div class="item_tab_area">
<div class="item_tabs">
<ul class="flex_layout flex_wrap">
<li class="tab_on"><a href="#tab_1">タブ1</a></li>
<li class="tab_on"><a href="#tab_2">タブ2</a></li>
<li class="tab_on"><a href="#tab_3">タブ3</a></li>
</ul>
</div>
<div class="tab_content">
<div id="tab_1" class="tab_box">
<div class="catecardww">
<div class="catecardwd">
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2>ゼンディカーの夜明け<span>Zendikar Rising</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2020 Autumn</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1164";>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1165";>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1166";>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1167";>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div id="tab_2" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div id="tab_3" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Re タブメニューについて 投稿者:おちゃのこ刑部 No.19571 URL

山本さん、こんにちは。

タブメニューについてです。
開始と閉じタグの位置関係に問題があるため、全ての内容がタブ1に含まれております。
HTML構造をどのようにされるかにもよりますが、下記のようにしていただくことでタブ機能は動作します。
コメントや改行等で開始と閉じタグの位置を確認されるとわかりやすくなります。
よろしくお願い致します。

<div class="item_tab_area">

<div class="item_tabs">
<ul class="flex_layout flex_wrap">
<li class="tab_on"><a href="#tab_1">タブ1</a></li>
<li class="tab_on"><a href="#tab_2">タブ2</a></li>
<li class="tab_on"><a href="#tab_3">タブ3</a></li>
</ul>
</div>

<div class="tab_content">
<div class="catecardww">
<div class="catecardwd">

<!-- ↓tab1↓ -->
<div id="tab_1" class="tab_box">
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2>ゼンディカーの夜明け<span>Zendikar Rising</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2020 Autumn</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1164"; >レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1165"; >アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1166"; >コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1167"; >絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- ↑tab1↑ -->

<!-- ↓tab2↓ -->
<div id="tab_2" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
</div>
<!-- ↑tab2↑ -->

<!-- ↓tab3↓ -->
<div id="tab_3" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
</div>
<!-- ↑tab3↑ -->

</div>
</div>
</div>

</div>

Re タブメニューについて 投稿者:ヤマモト No.19572 URL

おちゃのこ刑部様、いつも大変お世話になっております。

新しくフリーページを作成して、教えていただいた通りコピペ後、望んでいた通りの動作が出来ておりました。
有難う御座います。

ですが、他のHTML文に差し替えると、その内容が正しく表示されませんでした。
差し替えたHTML文自体が長大なため、これから少しずつ調整をして、なんとか形にしたいと思います。

ご教示いただきまして、有難う御座いました。
また、ご指導お願いいたします。

Re タブメニューについて 投稿者:ヤマモト No.19573 URL

おちゃのこ刑部様、いつも大変お世話になっております。

閉じタグの数など含め、該当箇所をコピーしたテキストを見ながら何度か修正(貼り付けも)をしてみましたが
自身のHTML文に置き換えると、表示はされるのですが、タブ1の内容が一部含まれた状態で反映されるようになってしまいました。

タブ1の内容についても、同じレイアウトのものを複数行並べたものを表示させようとするとレイアウト崩れが発生します。
(フリーページ タブ・タブ2)

どの部分の記述がおかしいですか?教えて下さい。

<div class="item_tab_area">
<div class="item_tabs">
<ul class="flex_layout flex_wrap">
<li class="tab_on"><a href="#tab_1">タブ1</a></li>
<li class="tab_on"><a href="#tab_2">タブ2</a></li>
<li class="tab_on"><a href="#tab_3">タブ3</a></li>
</ul>
</div>

<div class="tab_content">
<div class="catecardww">
<div class="catecardwd">

<!-- ↓tab1↓ -->
<div id="tab_1" class="tab_box">
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2>ゼンディカーの夜明け<span>Zendikar Rising</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2020 Autumn</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1164";>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1165";>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1166";>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1167";>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2> <span> </span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2021 Winter</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1176";>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1177";>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1178";>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1179";>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="catecardwd">
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2> <span> </span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2021 Spring</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1183";>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1184";>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1185";>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1186";>限定アート版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png"; alt="" />
<h2> <span> </span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2021 Summer</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1187";>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1188";>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1189";>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1194";>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- ↑tab1↑ -->
<!-- ↓tab2↓ -->
<div id="tab_2" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
</div>
<!-- ↑tab2↑ --> <!-- ↓tab3↓ -->
<div id="tab_3" class="tab_box">
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
<div class="scard2">
<div class="scard2navi">
<p>文字が入ります</p>
<ul>
<li><span style="color: #0000ff;">丸</span></li>
<li><span style="color: #0000ff;">四角</span></li>
<li><span style="color: #0000ff;">三角</span></li>
<li><span style="color: #0000ff;">黒</span></li>
<li><span style="color: #0000ff;">白</span></li>
</ul>
</div>
</div>
</div>
<!-- ↑tab3↑ --></div>
</div>
</div>
</div>
</div>

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

ヤマモトさん、こんにちは。

ご質問についてです。
下記の2か所の<div class="scard">ブロックの下部に</div>が一つ多いためです。
←削除と記載している</div>を削除して再度ご確認ください。

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

<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png";; alt="" />
<h2>ゼンディカーの夜明け<span>Zendikar Rising</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2020 Autumn</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1164";;>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1165";;>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1166";;>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1167";;>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div> ←削除
<div class="scard">
<div class="BB"><img src="https://www.played-mtg.com/data/played/image/MX_Pride_logo.png";; alt="" />
<h2> <span> </span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>2021 Winter</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1176";;>レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1177";;>アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1178";;>コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1179";;>絵違い版</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>←削除

Re タブメニューについて 投稿者:ヤマモト No.19578 URL

おちゃのこ刑部様、いつも大変お世話になっております。

修正箇所をご指摘いただきまして、有難う御座います。
ですが、2つのdivを削除したものをプレビューで見ると、正常に表示されずレイアウト崩れもおきていました。
 ttps://www.played-mtg.com/page/57

Atomを使用して、閉じタグの位置や数を見直して、レイアウト崩れが無い状態になったものもありますが
それもタブメニューとしては機能しておらず、原因がわかりません。
 ttps://www.played-mtg.com/page/60

リスト自体が長文すぎで、こちらのコメント欄に全文を記載できず、一部のみ抜き出した状態のものから
見落としなどをご指摘いただこうとしましたら、そこでもレイアウト崩れがおき、手に負えません。

なんとかリストから不備をご指摘いただくことは出来ませんでしょうか?
宜しくお願いいたします。

Re タブメニューについて 投稿者:おちゃのこ刑部 No.19579 URL

ヤマモトさん、こんにちは。

タブメニューについてです。
ttps://www.played-mtg.com/page/60

コメントが長くなりますので、上記ページの方を調整してデモサイトにフリーページで登録しています。
ページを開いていただき、ソースを表示からご確認ください。

変更点
・<div class="tab_content">でタブ1〜タブ3の内容を全て囲む。
・<div id="tab_1" class="tab_box">、tab_boxのclass名をつける。

<!-- ↓ここから -->〜<!-- ↑ここまで -->の間を確認してください。
https://cafe-responsive.ocnk.net/page/4

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

Re タブメニューについて 投稿者:ヤマモト No.19588 URL

おちゃのこ刑部様、いつも本当にお世話になっております。

ご教示いただきました内容を確認させていただき、早速実行してみました。
こちらが思っていた通りの動作をしていて、感激しました。
本当にお手数をおかけいたしました。有難う御座います。

今後、反映がうまく行かなかったものと差異を確認しつつ、少しでも使い勝手の良いサイトになれるよう
努力してまいります。

本当に有難う御座いました。

記事を閉じる カートステップ改良について 投稿者:クマサキ洋ラン農園 No.19580 URL

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

カートステップの改良大変助かります。

カートステップの改良に際して、できれば下記の3つの入力項目は残していただけると嬉しいです。

①ご注文者様住所

②送り主様住所

③お届け先様住所


当方、法人様用の贈答品を扱っておりますので、

①ご注文者様住所=総務等の担当者(代理注文)

②送り主様住所=送り主社長様

③お届け先様住所=先様

というように各項目に別々の情報が必須です。

法人様相手のショップ様、贈答用商品の専門ショップ様も他に多数おられると思いますので、幅広く使いやすいカートステップの改良をご考慮いただけると幸いです。

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

Re カートステップ改良について 投稿者:おちゃのこ有本 No.19581 URL

クマサキ洋ラン農園さん、こんにちは。

送り主・お届け先についてですが、仕様変更の予定はございませんので、
現状どおりご利用いただけます。

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

記事を閉じる エラー 投稿者:癒し商店 No.19574 URL
添付画像

いつもお世話になっております。
カートSTEP1で発送方法を選択せずにSTEP2へ進もうとすると、「1件目のお届け先はお届けできません。」というエラーが出ます。これまでに何度かお客様から「不明なエラーが出て前に進めない」というお問合せをいただきました。どのように改善すれば良いのか、ご対応していただけると助かります。よろしくお願いします。

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

癒し商店さん、こんにちは。

エラーについてです。
該当ショップですが、下記でお間違いないでしょうか?
https://alohaseri.ocnk.net/
また、どちらの商品をカートに入れて進んだ際にエラーが表示されたのかを教えていただいてよろしいでしょうか。

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

記事を閉じる ショッピングカート内のステップ短縮 第1弾をリリースしました 投稿者:おちゃのこ刑部 No.19575 URL

以前より、おちゃのこネットのショッピングカート内のステップを短縮してほしいというご要望を多くいただき、ただ今システムの改修を行っています。

その第1弾といたしまして、[STEP1:お客様情報] 画面のスキップに対応いたしました。
既に会員登録されている方が、ログインして購入される場合にのみスキップ可能です。

ただし、下記のいずれかに該当する場合はスキップされません。
・管理画面【運用設定】【カートフォーム設定】の \"生年月日での年齢認証\" を利用している
・管理画面【運用設定】【カートフォーム設定】の \"「利用規約の同意」チェックボックス\" を利用している
・管理画面【運用設定】【登録者フォーム設定】の \"ご利用に際して\" を利用していて \"ログイン後、カート内の会員情報ページに表示する\" が選択されている

今回の改良に伴う変更点につきましては下記URLにてご確認ください。
https://www.ocnk.net/news/index.php?note=20200622

カートステップ短縮につきましては、引き続きシステムの改修を進めてまいります。
改修後は、現在の5ステップから4ステップとなる予定です。
詳細につきましては、システムの改修が整い次第、改めてお知らせいたします。

記事を閉じる garittoの商品画像について 投稿者:epaul No.19568 URL

お世話になります。
過去記事を拝見して直近ではなかったと思うので質問させていただきます。

昨晩、おちゃのこネット上で、サイトをオープンし、それまでに、商品画像などもすべて正しい状態にして、公開をしているのですが、garittoに掲載されている写真が、サイト公開前の途中版の画像のままになっています。
1日に1回更新がかかるという記載はあったのですが、公開前写真の状態でリリースされており、大変困っています。何時ごろ更新がかかるかご存じの方いらっしゃったら教えていただけないでしょうか。また、公開前の写真であっても反映されるのは仕様だったのでしょうか。

Re garittoの商品画像について 投稿者:おちゃのこ有本 No.19570 URL

epaulさん、こんにちは

申し訳ございません。弊社画像サーバの負荷が高い状況が発生しており、
garittoへ登録画像が正しく反映されない状況が発生しておりました。

現在、解消されているかと思いますので、ご確認いただけますでしょうか。

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

記事を閉じる マイページの購入履歴 投稿者:株式会社アヴァンサ No.19564 URL

いつもお世話になっております。
何度も当店をご利用してくださっているお客様から「マイページの購入履歴に受注番号が表示されるようにできませんか」というご要望をいただきました。もし可能であれば、そのようにしていただけますと助かります。
ご検討のほど、よろしくお願いいたします。

Re 受注番号について 投稿者:おちゃのこ刑部 No.19565 URL

株式会社アヴァンサさん、こんにちは。

マイページについてです。
購入履歴詳細ページの上部日付の横に表示しております。

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

Re Re:受注番号について 投稿者:株式会社アヴァンサ No.19566 URL

早速お返事いただきありがとうございます。
お客様からのご要望は、購入履歴詳細ページではなく、購入履歴一覧ページに表示して欲しいというものでした。説明が不足しており申し訳ありませんでした。
もし可能であれば、一覧ページも表示していただけますと幸いです。
ご検討のほど、よろしくお願いいたします。

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

株式会社アヴァンサさん、こんにちは。

購入履歴の受注番号については検討させていただきます。
よろしくお願い致します。

記事を閉じる 郵便番号 投稿者:イケダ No.19562 URL

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

過去に数度同じ要望がでているようですが、一向に改善がみられないので、改めて要望を出させて頂きます。

配送先の住所を登録する際に郵便局留め希望という方が多々いらっしゃいますが、郵便局固有の郵便番号を入力すると、エラーがでて、配送先住所として指定できません。

これは明らかに欠陥かと思います。郵便局固有の郵便番号ではなく、郵便局の住所の番地より前の部分の住所と一致する郵便番号を入力するようにと注意書きをしても、注意書きを読まない人が多いので、あまり意味がありません。郵便番号を何度入れてもエラーになるということで注文をやめてしまうケースもあるかと思います。

早急に改善をお願い致します。

Re 局留めの郵便番号について 投稿者:おちゃのこ有本 No.19563 URL

イケダさん、こんにちは

郵便局留めの郵便番号チェックについてですが、
検討課題とさせていただいております。
お待たせしておりまして、申し訳ありませんが、お待ちいただけますでしょうか。

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

記事を閉じる グループ設定ページの機能について 投稿者:株式会社アヴァンサ No.19560 URL

いつもお世話になっております。
おちゃのこ管理画面>商品管理>グループページ設定のページに、絞り込み機能を追加していただくことは可能でしょうか。フリーページ設定のページと同じような感じにしていただけると助かります。
ご検討のほど、よろしくお願いいたします。

Re グループの絞り込みについて 投稿者:おちゃのこ刑部 No.19561 URL

株式会社アヴァンサさん、こんにちは。

グループの絞り込みについてです。
検討課題とさせていただきます。

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

記事を閉じる 送料とクール便代を分けて表示いただけませんでしょうか? 投稿者:トントンハウス井藤 No.19556 URL
添付画像

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

現状の仕様では、送料+クール便代=送料となっており、「送料無料、クール便代のみご負担いただきます」という商品の場合、「送料無料と謳っているの送料がかかっている」と問い合わせが多く入ります。

クール便代を代金引換手数料のように独立させていただけませんでしょうか?ご検討のほど、よろしくお願いいたします。

Re 送料について 投稿者:おちゃのこ刑部 No.19557 URL

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

送料についてです。
今後検討させていただきますが、現状の対応策として、該当の送料部分の下部に注意書きの文言を追加する方法がございます。

スタイルシートの編集から下記の指定をコピーして貼り付けてください。
文言はご自身で変更ください。

.cart_footer .charge_total .standard_total{
position: relative;
display: block;
padding-bottom: 15px;
}

.cart_footer .charge_total .standard_total::after {
content: "*送料無料でもクール便送料が必要な場合があります";
position: absolute;
top: 17px;
right: 0px;
font-size: 11px;
color: #990000;
}

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

Re 送料について 投稿者:株式会社トントンハウス No.19559 URL

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

わざわざスタイルシートを起こしていただき、ありがとうございます。
当面はこちらで対応したいと思います。

ただ、メールには対応ないため、送料無料のつもりでご購入いただいたお客様がメールを見て、送料無料になっていないとご連絡いただくこともありますので、勘違いが起こらないような文言に変更いただくご検討をよろしくお願いいたします。

記事を閉じる おちゃのこAPIで、取得できる項目が追加されました 投稿者:おちゃのこ刑部 No.19558 URL

おちゃのこAPIの受注情報において、
下記項目が取得できるようになりました。

・代金引換手数料
・決済手数料/請求書発行手数料
・オプション
・オプション備考欄
・オプション代
・用途
・オーダーメイド情報
・備考欄

詳しくは、下記ページをご確認ください。
https://www.ocnk.net/spec/index.php?screen=api

記事を閉じる 配置について 投稿者:原田 No.19550 URL
添付画像

お世話になります。

左メニューにログインと一般新規登録の下と、ヘッダーに会員グループの新規登録用URLを表示させたいのですが
(画像1と2に表示)どのように設定すればよいでしょうか?

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

原田さん、こんにちは。

ご質問についてです。
基本的には追加できませんので、HTMLが記載可能なエリアにHTMLを追加し、スタイルシートで強制的に位置を調整します。

下記の手順で作業を行ってください。

------------------------------------------------------------------
STEP1 配置/画像/コメント設定にHTMLを追加
------------------------------------------------------------------
ヘッダー→バナー画像に下記のHTMLを追加

<div class="whosale_btn"><a href="https://www.vaniqa.shop/register/wholesale ">* 卸 新規会員申請登録</a></div>

メインエリア→サイドに自由記入欄を利用して下記のHTMLを追加。
※この際自由記入欄は、ログインの直下に配置してください。

<div class="whosale_btn"><a href="https://www.vaniqa.shop/register/wholesale ">* 卸 新規会員申請登録</a></div>

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

卸用のボタンは、ログインされた時点で非表示にしています。

.header_banner {
position: absolute;
top: auto;
right: 150px;
bottom: -25px;
left: auto;
}

.header_banner .whosale_btn A {
display: inline;
border-left: 1px solid #999;
padding-left: 5px;
font-size: 85%;
}

#header_bottom .signin_box {
padding-right: 150px;
}

.membership .header_banner,
.whosale_btn A {
display: none;
}

.membership #header_bottom .signin_box {
padding-right: 0px;
}

.side_signin .signin_box {
padding-bottom: 0px;
}

.side_signin {
margin-bottom: 0px;
}

.side_box .whosale_btn {
padding-left: 15px;
margin-bottom: 30px;
}

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

Re うまくいきません 投稿者:原田 No.19553 URL
添付画像

ありがとうございます。

やってみましたが上の部分がどうしても右下のログインや新規登録の横に並べることができません。
方法はないのでしょうか?
左上の方に表示されてしまいます

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

原田さん、こんにちは。

ご質問についてです。
既存のスタイルシート下記の箇所を修正ください。
} の記載が漏れていますので、追加ください。
そのため、高解像度端末でのみこの部分下部のスタイルシートが適用されています。

/* 高解像度ディスプレイ対応 */
/*-----------------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 144dpi) {
/*-----------------------------------------------------------*/
.close_btn {
background-image: url(img/btn_winclose_x2.png);
background-size: 20px 20px;
}

.close_btn:hover {
background-image: url(img/btn_winclose_o_x2.png);
background-size: 20px 20px;
}

/*-----------------------------------------------------------*/
} ←ここに追加

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

Re ありがとうございました 投稿者:原田 No.19555 URL

色々ご丁寧にありがとうございました。

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

記事を閉じる おちゃのこ決済スピード開店キャンペーンスタート 投稿者:おちゃのこ刑部 No.19551 URL

本日(6/1)より、おちゃのこ決済スピード開店キャンペーンを開始しました。
キャンペーン期間中に、おちゃのこ決済へ新規申込のかたを対象に、
クレジットカードの月額最低手数料(法人3,500円/個人1,800円)が永久無料になります。

早期入金サービスにお申込の方は、月額固定費が最大3ヶ月無料になります。
お申込期限は、2020年8月31日(月)までです。

この機会に、便利なおちゃのこ決済にお申込ください。
https://www.epsilon.jp/agency/ocnk/lp_light_plan.html

記事を閉じる ゴールデンウィーク期間中の対応について 投稿者:おちゃのこ刑部 No.19549 URL

平素は格別のご高配を賜り厚く御礼申し上げます。
弊社のゴールデンウィーク期間中の営業につきまして、下記の通りご案内申し上げます。

休業期間:2020年5月2日(土)~2020年5月6日(水)

2020年5月7日(木) 午前9時より平常通り営業いたします。
上記の期間、お問い合わせメール・LINE@には対応できません。
メールの受信は行っておりますが、お返事は5月7日以降となります。ご迷惑をおかけいたしますが、何卒ご了承下さいませ。

なお、おちゃのこネットのサーバーは弊社休業期間中も平常どおり稼動しております。
サーバーの監視は常時行っておりますのでご安心ください。

記事を閉じる PayPayオンライン決済に対応しました 投稿者:おちゃのこ刑部 No.19548 URL

本日より、PayPayオンライン決済が利用可能となりました。
PayPayは、2,000万人以上がユーザー登録をおこない、オフラインショップを中心に170万店舗以上でご利用いただける、決済サービスです。

ご利用可能なショップは、お支払い方法設定画面より設定してください。
運用については、下記FAQをご確認ください。
https://www.ocnk.net/faq/index.php?action=artikel&cat=281591&id=1250&artlang=ja

PayPayオンラインの利用には、申込が必要となります。
詳細は下記ページをご確認ください。
https://www.ocnk.net/paypay/

記事を閉じる 商品ページの表記 投稿者:さらーみー No.19546 URL
添付画像

添付は商品ページです。
「梱包料代が必要になります」の文言を変更したいのですが、どこからいけばいいのかわからなくなってしまいました。

Re 送料オプションについて 投稿者:おちゃのこ刑部 No.19547 URL

さらーみーさん、こんにちは。

商品詳細ページについてです。
送料オプションを設定されているため、文言は表示されます。
非表示にするには、スタイルシートにて非表示にしていただく方法となります。

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

.charge_option {
display: none;
}

なお、梱包料の文言は、運用設定→送料設定から変更可能です。
よろしくお願い致します。

記事を閉じる ショッピングカートの有効期限を72時間(3日間)に延長しました 投稿者:おちゃのこ刑部 No.19545 URL

商品をショッピングカートに入れてから、削除されるまでの期限を72時間(3日間)に延長しました。
マイページ等のログインについても、72時間ログイン状態が保持されます。

ショッピングカートならびに、マイページ等の個人情報が表示されるページへ、
ログインから24時間経過後にアクセスされる際は、再度パスワードの入力が求められます。

ショップ管理画面へのログインについては、4時間に延長しました。

新規登録

*必須項目

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

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