おちゃのこユーザー様同士の情報交換BBS!活発な意見交換の場としてご利用下さい。
いつもお世話になっております。 お客様から「お届け日を選ぶことができたから、そのまま注文した」ということをよく言われます。 営業時間内にご注文いただければ、翌日配送可能なのですが、営業時間が過ぎてからネット注文を頂いた際には、業務が終了しているため当然翌日配送ができません。 しかしながら、お客様というのはお店の営業時間が何時までかということをいちいち把握していないまま注文してくるので、このようなことを言われます。 そこで、例えば夕方6時を過ぎた場合、カートの設定で翌日を選択できないようにすることはできないでしょうか? また、地域別とかで設定できると助かります。 ある地域は翌日配送可能だけど、別の地域では翌々日配送になってしまう。しかしながら、カート上ではどこに送ろうと翌日配送の日にちを選択できるため、お客様が翌日配送ができると思ってそのまま注文してくるのを防止したいのです。 どうぞよろしくお願い致します。
くまさきさん、こんにちは。 配送についてです。 ご要望の例、6時を過ぎた時点で翌日が選択できない設定については課題となっています。 地域別については現状予定にございませんでしたが、配送設定については他にも多数要望をいただいておりますので、順次対応して参ります。 よろしくお願い致します。
ご返信ありがとうございます。 どうぞよろしくお願い致します。
お世話になっております。 本日もお客様から注文が入ったのですが、納期が間に合わないのでその旨をお電話で伝えたところ、それなら必要ないとキャンセルされました。 お客様の言い分は「日にち指定ができたから」その日に届くと思ってそのまま安心して注文したとのことです。 納期が間に合わない注文が入った場合、 1、こちらから納期が間に合わないことをどうにかお客様と連絡を取って伝える。 2、お客様は納期が間に合うようにまた一から他の所から商品を調達しなければならない。 3、お客様は注文から納期までの時間のロスが発生する。 4、せっかく入力した注文フォームやクレジット手続きもすべて無駄になってしまう。 5、注文のキャンセル手続きやクレジット等の支払いキャンセル手続きも発生する。 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時を過ぎた時点で翌日が選択できない設定については課題となっています。 地域別については現状予定にございませんでしたが、配送設定については他にも多数要望をいただいておりますので、順次対応して参ります。 よろしくお願い致します。 ーーーーーーーーーーーーーーーーーーーーーーーー お忙しいとは思いますが、順次対応して参りますという言葉を信じて待っておりますので、 どうぞよろしくお願い致します。
くまさきさん、こんにちは。 ご要望の件についてです。 大変遅くなり申し訳ございませんが課題には含まれております。 課題については、多数あり順次対応しております。 よろしくお願い致します。
お世話になっております。 セール品、値引き品などに新商品やおすすめ商品のようなアイコン(SALE!!のような)を付けたいのですが、現状何か方法ありますでしょうか。 よろしくお願いいたします。
いしはらさん、こんにちは。 アイコンの追加についてです。 商品一覧ページについては、グループの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; } よろしくお願い致します。
おちゃのこ刑部様 ご回答ありがとうございました。今後ともよろしくお願いいたします!
お世話になっております。 当店ではバリエーションのない商品も、(表記上必要な商品があるので)バリエーションを1種類にして商品登録しておりますが、csvで一括登録すると、「2種類以上のバリエーションを登録してください」といったエラーがでてアップロードできません。 ショップ管理画面からは1種類でもエラーなく登録できるので、とりあえずcsvでは架空のバリエーションを登録して、後からショップ管理画面上で一品一品不要なバリエーションを削除しておりますが、とても手間がかかってしまいます。csvでバリエーションが1種類だけでもエラーなく登録できる仕様に変更していただくことは可能でしょうか? よろしくお願いいたします。
いしはらさん、こんにちは。 商品一括登録のバリエーションについてです。 この部分は仕様変更が難しいため改良を行うことができません。 ご了承くださいませ。 よろしくお願い致します。
おちゃのこ刑部様 お忙しいところご回答ありがとうございます。 残念ですが了解しました。今後の仕様変更に期待しております!
HTML5スマートフォンサイトトップページでの新着商品のスライド表示の場合において、 タップしてスライドできるように、丸印が画像の下に複数個表示されますが、 仕様が変更されたのか表示件数1つにつき1つ丸が表示される状態になっていました。 今までは最小表示列数を3列に設定してあると、丸印は3商品につき1つ、30商品では10つでした。 添付した画像のように、表示件数を50件にしてあると、今までは丸印が17つ(50商品分)であったものが、 現在では丸印が50つ(50商品分)表示されてデザイン的に不格好なものとなってしまっております。 以前の仕様のように、デザインと利便性を考え、丸印一つに付き最小表示列数ごと(最小表示列数3の場合は3つにつきスライド用の丸印1つ)のスライドに変更できないでしょうか? 以上、よろしくお願いいたします。
かわさん、こんにちは。 スライド表示についてです。 ご指摘の通り不具合がございました。 大変申し訳ございません。 先ほど、修正してアップロードさせていただきましたので、お手数ではございますがご確認をお願い致します。 よろしくお願い致します。
おちゃのこ刑部様 以前のように表示されていることを確認いたしました。 お忙しい中早速の修正ありがとうございました。 今後とも宜しくお願いいたします。
お世話になっております。 ショッピングカート内、お届け先「追加/変更」の中に「購入者以外の場合」とありますが、この項目を変更することはできますでしょうか? 例えば「勤務先」のように ご指導いただければ幸いです。
ほりかわさん、こんにちは。 スタイルシートで変更可能です。 デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .recipient_page_body .add_recipient_data .title_text { visibility: hidden; } .recipient_page_body .add_recipient_data .section_title h4 { padding-bottom: 0px; } .recipient_page_body .add_recipient_data .title_head_space::after { content: "勤務先"; display: block; } よろしくお願い致します。
おちゃのこ刑部様 早速、連絡頂きありがとうございます。 スタイルシートに張り付け、変更できました。 とても助かりました、ありがとうございます。 これからもよろしくお願いします。
皆さん、こんにちは。 大変ご好評をいただいているおちゃのこネットデザイン作成プランに、新たにご利用いただいたショップさまの作成事例を追加しました。 ショップテンプレートを作成したデザイナーがカスタマイズしますので、高度なHTMLやCSSの技術が必要な独自デザインのショップ作成が可能です。 まだご検討中の方も、是非この機会にデザインプランをご利用ください! デザインプランの詳細、事例は下記ページよりご覧ください。 https://www.ocnk.net/design/#usershowcase 追加事例ページ https://www.ocnk.net/design/?id=4 よろしくお願いします。
皆さん、こんにちは。 これまでトップ画像は画面内に1枚表示でしたが、画像切り替え設定で[横にスライド]選択時に限り複数枚表示が可能になりました。 対応テンプレート:レスポンシブテンプレート/スマートフォン版HTML5テンプレート 設定の詳細については、下記をご確認ください。 ●トップ画像を1画面内に複数表示したい(レスポンシブデザインテンプレート) https://www.ocnk.net/faq/index.php?action=artikel&cat=281621&id=1426&artlang=ja ●トップ画像を1画面内に複数表示したい(スマートフォン版HTML5テンプレート) https://www.ocnk.net/faq/index.php?action=artikel&cat=281598&id=1428&artlang=ja よろしくお願い致します。
いつもお世話になります。 表題の再入荷お知らせメール設定についてです。 こちらの機能に関しては、コロナの影響もあり入荷待ちの商品が多い為、大変重宝しております。 但し、現状ではお客様からの設定が基本だと思います。特に実際に商品が入荷し、再入荷のお知らせメールをお送りする際に、メール内の宛て名の個所にお客様のお名前が入ったメールをお送りするには、当店会員のお客様がログインをした状態で再入荷お知らせメールの設定をする必要があると思います。 この仕様ですと、当店会員のお客様より、お電話やお問い合わせフォーム、メール等で「再入荷の際にメールをお願いします。」とご依頼があった際、「ログイン後に該当商品の商品ページより再入荷のメール設定ボタンをお押しください。」とお願いする事になってしまっております。もしくは、ログインをしていない状態で、当店スタッフによって、当方のPCよりお客様のメールアドレスを使用して再入荷お知らせメールの設定を行う事となります。但し、この際は再入荷のお知らせメールをお送りする際に、メール内の宛て名の個所がメールアドレスになってしまい、当店会員(常連様)に対しては失礼になるのではと躊躇してしまっております。 長くなりましたが、当店会員のお客様より、お電話やお問い合わせフォーム、メール等で「再入荷の際にメールをお願いします。」とご依頼があった際に、管理画面より個別のお客様に対して、再入荷お知らせメール設定が出来るようになったり、ログインをしていない状態でもお名前とメールアドレスの両方を記入をすれば、再入荷のお知らせメールをお送りする際に、メール内の宛て名の個所がメールアドレスでは無く、お客様のお名前が表示されるようになるなどの改善を期待したいです。 宜しくお願い致します。
堀さん、こんにちは。 再入荷についてです。 現状ではおっしゃるような仕様となっております。 便利な機能ですので、今後改良を検討させていただきます。 よろしくお願い致します。
おちゃのこ刑部 お世話になります。 改良をご検討いただけるようで嬉しく思います。 宜しくお願い致します。 ありがとうございました。
おちゃのこ刑部様 先の書き込みで敬称が抜けておりました。 大変申し訳ございません。
いつもお世話になっております。 商品の画像を削除した際、本来画像が表示されるところに「写真が見つかりません」と 斜めの文字が表示されますが、この文言を変更することは可能でしょうか? ご返答宜しくお願い致します。
*mieze*さん、こんにちは。 ご質問についてです。 画像の文言を変更するはできませんご了承ください。 該当商品の商品登録画面より文言を変更した別の画像を設定いただく方法となります。 よろしくお願い致します。
こんにちは。 お忙しい中ご返答ありがとうございました。 今後とも宜しくお願い致します。
皆さん、こんにちは。 大変ご好評をいただいているおちゃのこネットデザイン作成プランに、ご利用いただいたショップさまの作成事例を追加しました。 ご利用いただいたショップさまにも大変満足いただいております。 ショップテンプレートを作成したデザイナーがカスタマイズしますので、高度なHTMLやCSSの技術が必要な独自デザインのショップ作成が可能です。 是非この機会にデザインプランをご検討ください! デザインプランの詳細、事例は下記ページよりご覧ください。 https://www.ocnk.net/design/#usershowcase よろしくお願いします。
PayPayオンライン(SBペイメントサービス利用時)の決済状況が未確認の場合、受注明細ページに「決済状況を確認する」ボタンが表示されます。 ボタンをクリックし、決済完了が確認できた場合は、(SBペイメント未確認)が非表示となります。 ※受注完了メールは送信されませんので、メールマネージメントより送信してください。 ボタンを表示するには、運用設定 > お支払い方法設定 > PayPayオンライン のページにて、「受注明細ページにてSBペイメント未確認の受注の決済状況をAPIで取得する」のチェックをいれて、3DESとBasic認証の設定を行ってください。 ※PayPayオンライン(個人事業主向け)の場合は、上記機能をご利用いただけません。
いつもお世話になっております。とても助かっています。 受信の返信メールなのですが、 ①送信時間の指定 ➁下書き機能 があれば、夜中にメールをできたり、お客様にお送りする時間を調整できるので助かります。 また、途中まで書いて下書きに保存し、翌日などに、送信前に最終確認などもできて、とてもありがたいです。 ご検討いただければ幸いです。
さかさん、こんにちは。 返信メールについてです。 現状改良の予定はございませんが、今後他のユーザーさまのご要望もお聞きした上で検討させていただきます。 よろしくお願い致します。
おちゃのこのページで、どこかをクリックすると 勝手に下までページ(カーソル)が飛びます。 なにもいじって無いのですが、急に数か月前より。 修正はどうすれば。
ヒロピさん、こんにちは。 ご質問についてですが、拝見する限り特に問題ないようです。 該当ページ、利用ブラウザ等、もう少し詳細を教えていただけますでしょうか。 よろしくお願い致します。
いつもお世話になっております。 PayPayオンライン決済に関する質問です。 本日、注文完了メールが来ない、マイページの購入履歴に表示されない、 PayPayには支払い履歴があるというお客様からお問い合わせがありました。 該当の注文について「受注一覧と明細」画面を確認しましたところ、 合計金額の項目に「(PayPay未確認)」と表示されていましたが、 PayPayの管理画面の取引ステータスは「取引完了」となっておりました。 正常に決済が完了した場合には、加盟店決済IDと紐づいた決済番号が発行されるかと思いますが、 失敗した場合、またはPayPay未確認でも決済出来ている場合には加盟店決済IDのみとなっております。 このような現象が発生した場合、どのような原因が考えられるでしょうか? また、PayPay未確認となっている場合、お客様側のマイページの購入履歴には表示されないのでしょうか? 宜しくお願い致します。
リョウさん、こんにちは PayPayオンライン決済について、 PayPay側の管理画面では決済が正常に完了しており、おちゃのこ側で「PayPay未確認」となっている状態は、 購入者が支払い手続き完了後、何らかの理由でショップに戻られなかった場合となります。 ※PayPay決済後、戻られる前にアプリを閉じられた可能性などもございます。 該当の受注の『「未確認」を外す』をクリックして未確認を外していただけますと、 マイページの購入履歴に表示されます。 よろしくお願いします。
おちゃのこ有本 様 お世話になっております。 「PayPay未確認」となっている状態の原因と、購入履歴への反映について承知致しました。 ご回答いただき、ありがとうございました!
いつも大変お世話になっております。 以前大変なお手間をおかけしてサイト用のタブメニュー構築にご助力を賜りましたこと お礼申し上げます。 今回も、タブメニューに関してご相談したいことがございます。 現在のタブメニュー1の項目に、新しい列を追加し、フリーページにて表示の確認をしたところ タブメニュー1の項目については、正常に表示がされるのですが タブ2、3の内容が表示されない状態になってしまいました。 今後も各タブメニューに新規追加を行いたいので、改良点を教えていただければ幸いです。 ご無理ばかりおかけして大変恐縮ですが、何卒宜しくお願い致します。
ヤマモトさん、こんにちは。 フリーページについてです。 行を追加いただく際に、下記の<div>タグも追加いただいているため、タグ構造がずれています。 下記のような構造になっています。 <div class="tab_content"> <div id="tab_1" class="tab_box"> <div class="catecardww">~</div> <div class="catecardww">~</div> <div class="tab_content"> <div id="tab_1" class="tab_box"> 一つ目の下記↓tab1枠を削除いただき、 <div class="tab_content"> <div id="tab_1" class="tab_box"> 内部の下記↓ <div class="catecardww">~</div><div class="catecardww">~</div> を二つ目の下記↓本来のtab1枠内に移動させてください。 <div class="tab_content"> <div id="tab_1" class="tab_box"> その上で、フリーページ全体の最下部に記載されている</div>を二つ削除してください。 よろしくお願い致します。
おちゃのこ刑部様、いつも有難うございます。 教えていただいた通りに修正し、正常に表示されていることが確認できました。 いつも本当に、有難う御座います。 今後もご迷惑をおかけするとは思いますが、何卒宜しくお願いいたします。
スマートフォンのXHTMLテンプレートをお使いの場合にご利用いただけておりました、 商品一覧ページの追加読み込み機能(さらに◯件読み込む)を廃止しました。 今後は、HTML5テンプレートと同様、ページ送りが可能な選択画面移動タイプに固定化されます。 HTML5テンプレートをご利用の方への影響はございません。
いつもお世話になっております。 4月1日から税込み価格表記としましたが、カートの中の小計の一つずつに(税込み)と表記することは可能でしょうか?よろしくお願い申し上げます。
hiroさん、こんにちは。 税込表示についてです。 仕様上、合計のみの表示となります。 スタイルシートで追加可能です。 スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は最下部にお願い致します。 #shoppingcart_page_step0 .inner_cart_data .cart_price .price::after, #shoppingcart_page_step0 .inner_cart_data .cart_sub_total_price .sub_total_price::after { content: "(税込み)"; font-size: 12px; } よろしくお願い致します。
出来ました。有難う御座いました!
受注明細ページを印刷時に、ヘッダー、メニュー、一部項目が非表示になり、見やすく印刷できるようになりました。 それにともない、受注明細ページの下記が1行で表示されるように変更しております。 ・住所 ・お名前とフリガナ ・会社名と部署名
名前 〇〇〇〇 フリガナ 〇〇〇〇〇〇〇〇 郵便番号 000-0000 住所 〇〇県 〇〇〇〇〇〇〇〇〇〇〇〇 それが、下記のような、変な表示に改変されました。 名前 〇〇〇〇 (〇〇〇〇〇〇〇〇) 住所 〒000-0000 〇〇県 〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇〇 項目が分かれていなく、 1行表示表示されて、必要な項目を認識するために、余計に頭を使うことになり、作業効率が下がりました。 見やすく印刷するために、改変したとのことですが、 ペーパーレス化の時代に、ペーパーレスの利用者の作業効率を下げる改悪をする、意味が分かりません。 受注明細を毎件、印刷をして、内容を確認している利用者は、数%もいないでしょう。 表示項目を減らし、認識しにくくして、作業効率が下げることは、 大多数のペーパーレスの利用者のために、してはいけない改変です。
添付画像のように、 そもそも、受注明細の管理の入力フォームは、 当然ですが、名前、フリガナなど、各項目に分かれています。 わかりやすいように、入力しやすいように、入力が混在しないように、認識しやすいように、 フォームは、各項目に分かれています。 なので、受注明細での表示も、 入力フォームと同じように、各項目を表示してください。 それが、最も、わかりやすい、認識しやすいです。
画像添付
管理者さん、こんにちは。 受注明細についてです。 他のユーザーさまからもご指摘いただきましたので、改行を入れる対応をさせていただいております。 お待たせして申し訳ございませんが、来週早々に改善してアップロードさせていただきます。 よろしくお願い致します。
項目表示など、改変前の仕様に戻していただければ幸いです。
改行を入れる対応 とのことですが、 前の表示形式に戻してください。
匿名さん、こんにちは。 受注明細についてです。 明細上の表示は元に戻すように修正させていただきます。 修正にはしばらくお時間がかかります。ご了承くださいませ。 よろしくお願い致します。
匿名さん、こんにちは。 受注明細についてです。 本日、元の仕様に戻させていただきました。 よろしくお願い致します。
3月24日に受注明細ページの表示を変更いたしましたが、お客様より不便になったとのご意見を複数いただきましたので元の仕様に戻させていただきました。 印刷時のレイアウトについては変更はございません。 ご不便をおかけし、申し訳ございませんでした。
いつも大変お世話になっております。 以前教えていただきましたタブメニュー内の内容に手を加えたいのですが イメージ通りの動きにならないので、改めてお尋ね致します。 タブメニュー2・3の各項目ごとにグループ化している部分で、そのグループ内で 次または前の項目へ移動するリンクを作りたいのですが、どうしたらいいでしょうか? <div class="sinnen"><h2>平地<span>Plains</span></h2><p>基本土地・タイプの一種</p><a href="https://www.played-mtg.com/product-group/256"> <span class="blue2">島/Island</span> </a> <a href="https://www.played-mtg.com/#tab_2"> <span class="blue2">「カードタイプから選ぶ」</span> </a> <a href="https://www.played-mtg.com/#tab_1"> <span class="blue2">「セットから選ぶ」</span> </a> <a href="https://www.played-mtg.com/#tab_3"> <span class="blue2">「コスト・能力から選ぶ」</span> </a></div> この「島」の部分を平地のすぐ後ろ、作りたいイメージとしては 平 地 → 島 説明文 各タブへの移動 (全て中央揃えとなるように) のような感じになり、次の「島」の時は 平地 ← 島 → 沼 説明文 各タブへの移動 (全て中央揃え) と、いう感じで前に戻れる/先にすすめるように改良したいです。 改良方法を教えて下さい。 宜しくお願い致します。
ヤマモトさん、こんにちは。 グループ説明欄についてです。 HTML構造変更とCSS追加が必要です。 ●HTML 現状の<div class="sinnen">直後に<div class="flex_layout flex_j_center flex_a_center">~</div>を作成し、その中にタイトル/前ボタン/次ボタンを配置します。 それぞれのボタンを<div class="previousgroup"><div class="nextgroup">で囲んでください。 リンク先、ボタン名は各ページで変更ください。 ※前へのボタンや次へのボタンがない場合は、<div class="previousgroup">や<div class="nextgroup">のdivタグは残し、内側の<a>タグを削除してください。 <div class="sinnen"> <div class="flex_layout flex_j_center flex_a_center"> <h2>平地<span>Plains</span></h2> <div class="previousgroup"><a href="https://www.played-mtg.com/product-group/256 "><span class="blue2">前/Previous</span></a></div> <div class="nextgroup"><a href="https://www.played-mtg.com/product-group/256 "><span class="blue2">次/Next</span></a></div></div> <p>基本土地・タイプの一種</p> <a href="https://www.played-mtg.com/#tab_2 "> <span class="blue2">「カードタイプから選ぶ」</span> </a> <a href="https://www.played-mtg.com/#tab_1 "> <span class="blue2">「セットから選ぶ」</span> </a> <a href="https://www.played-mtg.com/#tab_3 "> <span class="blue2">「コスト・能力から選ぶ」</span> </a> </div> ●CSS その上で、スタイルシートの編集から下記の指定をコピーして貼り付けてください。 ※貼り付け位置は、最下部にお願い致します。 .sinnen { text-align: center; } .main_desc .sinnen .flex_layout h2 { order: 2; } .main_desc .sinnen .flex_layout .previousgroup, .main_desc .sinnen .flex_layout .nextgroup { min-width: 100px; } .main_desc .sinnen .flex_layout .previousgroup { order: 1; } .main_desc .sinnen .flex_layout .nextgroup { order: 3; } よろしくお願いします。
おちゃのこ刑部様、いつも大変お世話になっております。 教えていただきました方法で、希望通りの動きをしてくれました。 丁寧なご対応をいただきまして、誠に有り難うございました。
*必須項目