おちゃのこ広場

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

開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報(住所、電話番号など)の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
記事を閉じて表示
記事を閉じる 入力エリアのカスタム他、計3点 投稿者:books-mikke No.19880 URL

1、ログイン時のメールアドレスとパスワード入力のエリアの色を変えたいです。
他のテキストエリアは上手くいきましたが、ここだけ変わりません。
https://books-mikke.ocnk.net/member-login/member

2、[pick up]や[new]のラベルをつけない選択にしていますが、商品詳細のページでは
ついてしまいます。当店は古本なので、あまり活発にやっている雰囲気の演出は嬉しくないのです。
https://books-mikke.ocnk.net/product/1089

3、ヘッダー?のスライド部分や、サイド部分の<や>のボタンをはずしたいのですが。
https://books-mikke.ocnk.net/

よろしくおねがいいたします。

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

books-mikkeさん、こんにちは。

ご質問についてです。
・1について
#b8c1a1に変更されておりますが、その色以外にされたいということでしょうか。

・2について
管理画面→デザイン管理→商品詳細ページ設定で右上の「+全て開く」をクリックしてください。
アイコンという設定欄が出てきますので、非表示に設定してください。

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

#photo .swiper-button-prev,
#photo .swiper-button-next {
display: none;
}

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

Re たびたびお手数おかけします。 投稿者:books-mikke No.19882 URL
添付画像

1.について
ログイン前の入力エリアは白いままなんです。(画像添付しました)
先程スマホで確認したところ、スマホでは、反映されているのですが、
PCですと、一瞬#b8c1a1が現れ白くなってしまいます。
履歴は削除して何度か確かめているのですが、、、

3.について
サイドメニュー部分の>のボタンも外したいのでご教授よろしくお願い致します。

Re 解決しました。 投稿者:books-mikke No.19883 URL

お手数お掛けしました。
記憶されていたメールアドレス、パスワードを消したら、
反映されました。

記事を閉じる css 投稿者:いっすー No.19878 URL

ランディングページを作って、フリーページにて公開したいと思っています。
がっつりcss(別ファイル)も作って出来上がったのですが、いざUPしようと思ったらスタイルシートのところでつまづいてしまいました!

スタイルシート内に、ランディングページのフリーページだけのcssを書き込めるのでしょうか。
ここではhtml内に書き込んだ方が無難ですか?
前任より引き継いでおり、かなり知識が浅いので詳しい方よろしくお願い致します。

Re 無題 投稿者:いっすー No.19879 URL

自分で解決できました!

記事を閉じる おちゃのこネットデザイン作成プランに作成事例を追加 投稿者:おちゃのこ刑部 No.19877 URL

皆さん、こんにちは。
大変ご好評をいただいているおちゃのこネットデザイン作成プランに、ご利用いただいたショップさまの作成事例を追加しました。
ご利用いただいたショップさまにも大変満足いただいております。
ショップテンプレートを作成したデザイナーがカスタマイズしますので、高度なHTMLやCSSの技術が必要な独自デザインのショップ作成が可能です。
是非この機会にデザインプランをご検討ください!

デザインプランの詳細、事例は下記ページよりご覧ください。
https://www.ocnk.net/design/#usershowcase

よろしくお願いします。

記事を閉じる おちゃのこサジェスト料金体系改定について 投稿者:おちゃのこ刑部 No.19876 URL

2021年9月より、おちゃのこサジェストの料金体系を改定させていただきます。
現状は、商品点数ならびに検索回数に応じて、月額料金を決定していますが、
改訂後は、商品点数に応じて月額料金を決定いたします。

詳細については、下記ページをご確認ください。
https://www.ocnk.net/tieup/index.php?screen=suggest

記事を閉じる [本日の改良点のご報告]カート離脱フォロー機能がご利用いただけるようになりました 投稿者:おちゃのこ刑部 No.19875 URL

○カート離脱とは
ネットショップではショッピングカートに入れた商品が決済されずに放置されることがよくあります。
その要因は様々ですが、約51%の商品が購入されないまま、カートのあるページから離脱してしまい、売上の機会損失が起きていると言われています。

おちゃのこネットのカート離脱フォロー機能は、自動メール配信とショッピングカート内に離脱した商品を表示して、購入を促すことができます。

自動メール配信では、AIが最適な時間帯を探し、もっとも効果が高いと思われる時間帯に、メール配信をおこないます。
それ以外にも、時間帯を指定しての配信も可能です。

https://www.ocnk.net/spec/index.php?screen=cartabandonment

カート離脱フォローは、月額1,100円(税込)の有料オプションです。
15日間無料でお試しいただけます 「マーケティング > カート離脱フォロー > 無料お試し」 からお申込みください。
ぜひカート離脱フォローの効果をお試しください。

※アドバンスドプラン、専用サーバプランをご利用の場合はプランに含まれておりますので、追加料金なしでご利用いただけます。

記事を閉じる 佐川急便の送り状発行サービス「e飛伝III」に対応しました 投稿者:おちゃのこ刑部 No.19874 URL

佐川急便e飛伝シリーズの最新版「e飛伝III」に対応しました。
「受注管理」→「送り状CSV設定」ページの「佐川e飛伝」より、e飛伝3を選択することで、ご利用いただけます。

e飛伝IIIのご利用には、移行手続きが必要になります。
詳細は下記ページをご確認ください。
https://www2.sagawa-exp.co.jp/whatsnew/detail/1725/

記事を閉じる ブラウザーの表示 投稿者:井ノ上達也 No.19872 URL

macOS big sur 11.5.2にOSをアップグレードしたらファイヤーフォックスで、おちゃのこの管理画面の表示が境界線とか見えづらく使いにくくなりました。
解決策とかあるのでしょうか?

Re 無題 投稿者:井ノ上達也 No.19873 URL

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

記事を閉じる クロネコWEBコレクト未決済 投稿者:井ノ上達也 No.19866 URL

今現在、クロネコWEBコレクトが、使えません。
このサイトはあなたの個人証明を求めますとメッセージが出ます。
この場合他の決済方法とか出来ないのでしょうか?
アドバイスお願いします。

Re 障害について 投稿者:おちゃのこ刑部 No.19868 URL

井ノ上さん、半谷さん。

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

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

Re クロネコwebコレクト不具合について 投稿者:おちゃのこ有本 No.19870 URL

井ノ上さん、半谷さん

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

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

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

Re クロネコwebコレクト不具合について 投稿者:井ノ上 達也 No.19871 URL

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

記事を閉じる トップページ両サイドのバーについて 投稿者:みずえ No.19853 URL

先年、ショップのトップページの両サイドのバーを設置する方法を教えていただき、表示できて喜んでおりましたが、
この度、文言を少し変更する必要が生じました。
つきましては、アップロードする方法を、もう一度教えていただけませんか?
よろしくお願い申し上げます。

Re ページサイドについて 投稿者:おちゃのこ刑部 No.19854 URL

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

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

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

Re トップページのサイドバー 投稿者:みずえ No.19855 URL

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

Re 画像について 投稿者:おちゃのこ刑部 No.19859 URL

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

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

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

Re まだ書き換えされていないようです。 投稿者:みずえ No.19863 URL

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

Re 画像について 投稿者:おちゃのこ刑部 No.19864 URL

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

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

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

Re 上書きされました。 投稿者:みずえ No.19865 URL

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

記事を閉じる 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への対応についてですが、現在対応を検討中です。
なにか進捗がありましたら、ご報告させていただきます。

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

Re 「CLS に関する問題: 0.25 超」の対応について 投稿者:トントンハウス井藤 No.19857 URL

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

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

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

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

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

Re 高さについて 投稿者:おちゃのこ刑部 No.19861 URL

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

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

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

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

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

記事を閉じる 表示について 投稿者:ホルダーマート No.19850 URL

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

レスポンシブテンプレートでトップページの自由記入欄の内容をPCには表示させず、
スマホのみに表示をさせることは可能でしょうか?

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

Re PCとスマートフォンの出しわけについて 投稿者:おちゃのこ刑部 No.19851 URL

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

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

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

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

Re 出しわけについて 投稿者:ホルダーマート No.19858 URL

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

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

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

Re 出しわけについて 投稿者:おちゃのこ刑部 No.19860 URL

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

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

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

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

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

記事を閉じる プライバシーマークを取得しました 投稿者:おちゃのこ刑部 No.19852 URL

おちゃのこネット株式会社は、一般財団法人日本情報経済社会推進協会(JIPDEC)より「プライバシーマーク」付与事業者に認定されました。

プライバシーマーク制度は、日本産業規格「JIS Q 15001個人情報保護マネジメントシステム-要求事項」に適合し、個人情報について適切な保護措置を講ずる体制を整備している事業者を評価し、その旨を示すプライバシーマークを付与し、事業活動に関してプライバシーマークの使用を認める制度です。

認定番号:第20002656号

当社は今後も、プライバシーマーク認定事業者として、引き続き個人情報の適切な取扱い体制を維持・強化してまいります。

記事を閉じる クーポンについて 投稿者:マルヤス No.19848 URL

お世話になります。
先ほども問い合わせさせていただき返答もいただきありがとうございました。
再度質問と検討依頼ですがクーポンコードを同じにしてカテゴリを別々に限定すれば
同時に両方対象商品があれば反映されますか?
カテゴリや商品を限定した場合同時に何種類かクーポン対象になる場合があると思います。
例えば一人のお客様でクーポン2%引き対象商品クーポン3%引き対象商品などあると思いますので
同時に使えるように検討はして頂けないでしょうか?
よろしくお願いします

Re クーポンについて 投稿者:おちゃのこ刑部 No.19849 URL

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

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

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

記事を閉じる DMMバーチャルオフィスサービスのご紹介を始めました 投稿者:おちゃのこ刑部 No.19847 URL

個人事業主として商売しているけど、特定商取引法表示で自宅住所を公開したくない
そんなショップさんにとって、とても便利なバーチャルオフィスサービスです。
特定商取引法表示に記載できるバーチャルオフィスを月2,530円~持つことができます。

https://www.ocnk.net/tieup/index.php?screen=dmm_virtual

記事を閉じる スライド表示時の矢印について 投稿者:ターナー No.19841 URL

お世話になっております。
レスポンシブで運用しております。
新着商品などをスライド表示させたときに特定件数以上になると左右に矢印が表示されると思いますが、この矢印のデザインもしくは大きさ、表示位置を変更することはできませんでしょうか?
携帯で表示したときのようなデザイン(画像の下のページ数の○の左右に表示させるスタイル)などにできれば、より見栄えも良くなって良いのですが、どうでしょうか?
よろしくお願いいたします。

Re スライドについて 投稿者:おちゃのこ刑部 No.19844 URL

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

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

@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;
}
}

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

Re スライド表示時の矢印について 投稿者:ターナー No.19846 URL

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

記事を閉じる 注文個数制限 投稿者:おちゃ No.19842 URL

1商品、お一人様1点限りしか注文出来なくしたいのですが、出来ますか?出来るのであれば、やり方を教えて下さい。

Re 購入個数について 投稿者:おちゃのこ刑部 No.19845 URL

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

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

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

記事を閉じる 字体の変更について 投稿者:ホルダーマート No.19839 URL

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

先日、HTML5テンプレート(ホワイトライン)からレスポンシブテンプレート(ホワイトライン)へ変更しました。
以前のテンプレートの字体が気に入っていたので同じ字体を引き続き使いたいのですが可能でしょうか?

また、左上のショップ画像がカート内やお問い合わせページなどで下部分が詰まって表示されてしまうので、
余白を入れたいのですがどのようにすればよろしいでしょうか。

お忙しいところ恐れ入りますが、よろしくお願い致します。

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

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

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

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

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

.shop_name_box {
margin-bottom: 15px;
}

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

Re ありがとうございました 投稿者:ホルダーマート No.19843 URL

おちゃのこ 刑部様

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

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

記事を閉じる ショップへ新規登録時のメールアドレスチェックを強化しました 投稿者:おちゃのこ刑部 No.19803 URL

ショップへ新規登録時のメールアドレスチェック時に大文字・小文字区別していたのを
区別しないように変更しました。
メールアドレスは、全て、小文字に変換されて登録されます。

既に登録されている情報については、変更されず、そのままご利用いただけます。

Re 無題 投稿者:萩野 No.19835 URL

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

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

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

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

Re メールアドレスについて 投稿者:おちゃのこ刑部 No.19836 URL

萩野さん、こんにちは。

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

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

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

Re 仕様について 投稿者:おちゃのこ刑部 No.19837 URL

萩野さん、こんにちは。

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

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

Re 無題 投稿者:萩野 No.19838 URL

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

記事を閉じる [本日の改良点のご報告]レスポンシブ・スマートフォン版HTML5テンプレートの商品詳細ページでサイドメニュー非表示(1カラム)設定ができるようになりました。 投稿者:おちゃのこ刑部 No.19834 URL

皆さん、こんにちは。
これまで2カラムテンプレートでサイドメニュー利用に設定した場合、カートやマイページ関連以外は全てサイドメニューが表示されていました。
この改良で商品詳細ページで1カラム表示が設定できるようになりました。
商品詳細ページでは横幅を広く利用したい場合などにご利用ください。
対応テンプレート:レスポンシブテンプレート/スマートフォン版HTML5テンプレート

設定の詳細については、下記をご確認ください。
●商品詳細ページ設定(レスポンシブデザインテンプレート)
https://www.ocnk.net/faq/index.php?action=artikel&cat=281640&id=1141&artlang=ja

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

記事を閉じる カートの中身ページの買い回りについて 投稿者:トントンハウス井藤 No.19822 URL

ショッピングカートに入った後、他に商品がほしいときに「< 買い物を続ける」ボタンを押すと、全商品一覧ページにリンクされていますが、全商品一覧ページには一般公開していない商品が掲載されてしまうために困っています。(全商品一覧ページは使用していません)

「< 買い物を続ける」ボタンをなくして、レコメンドの位置にカテゴリページのバナーやグループページのバナーを貼りたいのですが、自由記入欄がありません。

レジに進むボタンの下またはレコメンドの下に自由記入欄を設置していただくか、タイトル下の自由記入端を下部に移動できるようにしていただけませんでしょうか?

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

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

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

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;
}

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

Re カートの中身ページの買い回りについて 投稿者:トントンハウス井藤 No.19826 URL

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

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

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

Re 説明追加について 投稿者:おちゃのこ刑部 No.19830 URL

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

下部フッターということでしたら、コンテンツの順番を変更することで可能です。
現状このページは、タイトル→自由記入欄→カートコンテンツの順番になっておりますが、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;を設定していただければ、既存の部分のみ上に移動できます。

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

Re カートの中身 (/cart)自由記入欄 投稿者:トントンハウス井藤 No.19833 URL

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

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

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

新規登録

*必須項目

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

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