おちゃのこ広場

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

おちゃのこ広場(会員版)おちゃのこネットアカウントIDと
パスワードが必要です。
開く
ご利用に際して
おちゃのこ広場では、以下のような書き込みを禁止します。
また、おちゃのこネットが不適当であると判断した場合、予告なく書き込みを削除する場合があります。
  • 誹謗中傷、他人を不愉快にさせるような書き込み。
  • 個人情報（住所、電話番号など）の書き込み。
  • 宣伝目的の書き込み。
おちゃのこネットは、おちゃのこ広場の使用に関連して発生したいかなる損害に対しても、一切の責任を負いません。
新規投稿
記事を閉じて表示
記事を閉じる 画面表示サイズの切り替え 投稿者:コムコム No.19357 URL

お世話になります。

この度、[HTML5テンプレート] レスポンシブデザインに変更をしたのですが、
サンプルサイトにはページ最上部にipad、iphone8、PCなどワンクリックで、
ユーザーが表示サイズを変更できるようになっておりました。

当方のサイトにも適用したいのですが、
どこに設定があるのか見当たりません。

お手数ですがご教授下さい。
宜しくお願い致します。

Re 画像表示サイズについて 投稿者:おちゃのこ刑部 No.19358 URL

コムコムさん、こんにちは。

パソコンでのスマホ、タブレット確認用に入れてる機能となります。
実際にお客様がアクセスされる際には、それぞれの端末に最適化されて表示されますので、切り替えは必要ありません。

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

記事を閉じる 商品説明分の文字化けについて 投稿者:みずえ No.19352 URL

先日気付いたのですが、商品説明欄の文字が文字化けしているので、驚いております。
記号を入れたところが、『？』になっております。
何か、変わりましたでしょうか？

Re 例です。 投稿者:みずえ No.19353 URL

例えば、https://www.titan-shop.com/product/1451
の様になっております。
記号が、「？」になっております。
よろしくお願い致します。

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

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

商品一括登録・変更画面より、CSVファイルで商品情報を更新されましたでしょうか。
その場合、機種依存文字などをご利用されますと、文字コードが正常に変換できず、「?」になる場合がございます。
どのような記号を入力されたかわかりませんが、機種依存文字はご利用されないようにして、様子をみていただけますでしょうか。

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

Re 分かりました。 投稿者:みずえ No.19356 URL

有り難うございました。
お手数をおかけしました。

記事を閉じる SAGAWA後払い ver.2の出荷情報のAPI連携 投稿者:伊藤 No.19349 URL

送り状CSVをアップロードしても、出荷情報がSAGAWA後払い ver.2に自動的に登録されません。
以前のSAGAWA後払いでは、自動的に登録されていました。

おちゃのこネットの管理画面から手動で登録した宅配便伝票番号は、自動でSAGAWA後払い ver.2に登録されていました。

送り状CSVアップロードを行った場合だけ、API連携で宅配便伝票番号がSAGAWA後払い ver.2に送られていないようです。

お手数ですが、ご確認をお願いします。

Re SAGAWA後払い ver.2の出荷情報のAPI連携について 投稿者:おちゃのこ有本 No.19350 URL

井藤さん、こんにちは

申し訳ありません。
送り状CSVアップロード時のシステム側を調整いたしましたので、
再度ご確認いただけますでしょうか。

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

Re 無題 投稿者:匿名 No.19355 URL

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

記事を閉じる 旧プラン統合のお知らせ 投稿者:おちゃのこ刑部 No.19351 URL

平素よりおちゃのこネットをご利用いただきましてありがとうございます。

この度、レスポンシブ対応の利便性向上を目的に、パソコンとスマートフォンのプランを統合させていただくこととなりました。
2019年7月より、昨年新設しました「ライトプラン」「ベーシックプラン」「アドバンスドプラン」
の3つのプランとは別に、新プランリリース以前よりご利用のお客様を対象にした
「共用ドメインプラン(パソコン+スマートフォン)」を追加した4プランで運用させていただく予定でございます。

対象のお客様には、ご案内メールをお送りしておりますので、内容ご確認ください。

記事を閉じる メガドロップダウンメニューについて 投稿者:かわ No.19346 URL

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

当店で採用しているメガドロップダウンメニューに関してです。

通常のマウスオーバー時には特に動作表示に問題はないのですが、
ショップ名のロゴを何回か連打クリックした後、「国別ビザ代行メニュー」にカーソルを合わせると、
何もドロップダウンされず、左横の「ホーム」にカーソル合わせで、
本来「国別ビザ代行メニュー」でドロップダウンされるメニューが表示されます。
また、そのまま右側にカーソルをスライドして行くと「国別ビザ代行メニュー」では何も表示されず、
「ご利用案内」や「お手続きの流れ」「各種お問い合わせ」「よくあるご質問」では、
「国別ビザ代行メニュー」の表示内容の上に該当メニューが表示されます。
「特定商取引法」はもともとドロップダウンされるメニューが無いので、
「国別ビザ代行メニュー」が表示されたままの状態になります。

あくまで、私の環境ではショップ名ロゴを連打した場合にのみ発生する症状なのですが、
下層ページから「国別ビザ代行メニュー」をマウスオーバーした際にも、
何も表示されない事もあったとの報告もありました。

お忙しい中大変恐縮ではありますが、
原因、対処法等、分かればお教えいただけますと大変助かります。

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

Re ドロップダウンメニューについて 投稿者:おちゃのこ刑部 No.19347 URL

かわさん、こんにちは。

メガドロップダウンメニューについてです。
外部のJavaScriptとCSSで作成いただいておりますので、詳細は分かりかねます。
edgeにて確認は致しましたが、ロゴを何度もクリックした際の処理が間に合っていない可能性があります。
再現時のメガメニュー「国別ビザ代行メニュー」のdisplayがblockでopacityが1のままとなっておりましたがレアケースかと思います。

申し訳ございませんが、こちらで解決策は分かりかねます。
ご了承くださいませ。

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

Re メガドロップダウンメニューについて 投稿者:かわ No.19348 URL

刑部さん、こんにちは。

外部案件に関しても、ご丁寧にご回答いただきありがとうございました。
もう少し調べてみて、別案も検討してみます。

記事を閉じる カテゴリのproduct-listの数字について 投稿者:サトウ No.19343 URL

お世話になります、
カテゴリを登録したり削除したりした時に
リンクのproduct-listの後の数字がどんどん増えていってしまうのですが
また数字を１からに戻すことは出来ないでしょうか？

Re カテゴリについて 投稿者:おちゃのこ刑部 No.19344 URL

サトウさん、こんにちは。

カテゴリについてです。
申し訳ございませんが、仕様上できません。
ご了承くださいませ。

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

Re 無題 投稿者:サトウ No.19345 URL

早速のご返信をいただきまして誠にありがとうございます。
仕様にて承知しました、ありがとうございます。

記事を閉じる 【大阪開催】おちゃのこネットセミナーレポート 投稿者:おちゃのこ刑部 No.19342 URL

皆さん、こんにちは。
お陰様で、予定通り5/22(水)に大阪にて弊社主催セミナーを開催する事が出来ました。お越し頂いた皆さんに御礼を申し上げます。

今回は大阪にてワークショップ形式のセミナーを開催いたしました。

グループワークを通じて、自社サービスの強みを再発見し、ビジネスモデルに落とし込む作業を行いました。新しい試みでしたが、ユーザーさまも積極的にご参加いただき満足いただけたのではないでしょうか。
ワークショップ形式のセミナーについては、今後も各地で開催を予定しております。

ユーザー様同士が情報交換できる機会を提供して参りますので、今回ご参加いただけなかった方も是非次回は、お越しください！

当日の様子は、セミナーレポートページでご覧ください。
https://www.ocnk.net/seminar/index.php?report=20190522

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

記事を閉じる アイコンの活用について 投稿者:みう No.19335 URL

いつもお世話になっております。
弊社のような商品の販売業者はみんな同じことを考えていますが、
大きく分けて必ず3種類存在します。テキスト文字では分かりにくいので
画像を考えています。
商品画像に文字を入れていけばいいのですが、最終的な数が多いことや
更新変更が多いため管理が大変になってしまいます。
そこで、アイコンを活用したいのですが可能でしょうか。
ためしに一つ作りました。　

https://eco064.ocnk.net/product-list/121
https://eco064.ocnk.net/product/334

位置は理想の場所ではありませんが、見た目は可能なようです。

おすすめ商品と新着情報、人気ランキングをうまく使って実現できないでしょうか。
商品は最終的に各1000個ぐらいあります。

別契約のアカウントでも同じことを考えています。
よろしくお願いいたします。

Re アイコンについて 投稿者:おちゃのこ刑部 No.19336 URL

みうさん、こんにちは。

アイコンについてです。
新商品とおすすめ商品のアイコンについては設定可能ですが、ランキングについてはアイコンが5位までしか登録表示することができません。

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

Re 無題 投稿者:みう No.19337 URL

ありがとうございます。

新商品とおすすめ商品のアイコンについては、制限数なく設定可能ということでよろしいでしょうか。
ランキングの方は5位までとのことですが、新商品やおすすめ商品のような可能数に調整は出来ないでしょうか。
この方法でうまく出来れば、区別を画像を加工する方法の必要が少なくなり、格段に使い勝手が良くなります。

また、新商品とおすすめ商品などの機能を流用するのではなく、アイコン表示を一つ一つの商品に任意に表示
できるといいのですが。

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

Re アイコンについて 投稿者:おちゃのこ刑部 No.19338 URL

みうさん、こんにちは。

アイコンについてです。
おすすめ、新商品に制限はございません。
ランキングについては、現状変更の予定はございません。
アイコンの設定については、課題となっております。

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

Re 無題 投稿者:みう No.19340 URL

ご回答ありがとうございます。
ランキングは5位までとのことですが、スタイルシートの一部を修正して
1000位ぐらいには出来ないでしょうか？
5の数字を1000にするといった、簡単には出来ないということでしょうか。

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

Re ランキングについて 投稿者:おちゃのこ刑部 No.19341 URL

みうさん、こんにちは。

ランキングについてです。
アイコン画像の挿入は、スタイルシートではなくimgタグとなります。
申し訳ございませんが、スタイルシートで設定することは出来ません。

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

記事を閉じる 店長日記の表示サイズ 投稿者:クチュール No.19330 URL

こんにちは

店長日記を、商品ピックアップに使いたいです。
トップページに600pxくらい大きくタイトル画像を出すには、
どうしたらいいでしょうか？

現在は行一列に80pxの画像表示です。
教えていただけると助かります。よろしくお願いいたします。

Re 店長日記について 投稿者:おちゃのこ刑部 No.19333 URL

クチュールさん、こんにちは。

店長日記についてです。
一覧の画像は、80pxでの表示となります。
スタイルシートで強制的に大きくすることは可能ですが、サムネイル用に160pxで画像を生成しております。
そのため、それ以上のサイズでは画像が荒くなります。
また、スマホ等の高解像度端末では2倍サイズの画像が必要となりますので、160pxに強制的に大きくした場合でも画像が荒く表示されます。

代替案としては、自由記入欄をご利用いただき、画像を入れていただく方法となります。
この場合、ご自身で作成いただいたサイズにて画像を挿入できます。

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

Re Re: 投稿者:クチュール No.19339 URL

おちゃのこ刑部さん

素早いご回答をありがとうございます。

はい、わかりました(^▽^)/
それでやってみたのですが、自由記入欄に画像を貼り、
そこから店長日記にリンクさせるということですね。
まあまあイメージしているのに近くなりました。
（https://www.nut2deco.com/のようにしたかったのです。。）

教えていただけていつも助かります！

記事を閉じる 商品詳細ページについて 投稿者:ヤマモト No.19324 URL

いつも大変お世話になっております。
先日は、丁寧なご対応をいただきまして、有難う御座いました。

HTML５テンプレートからレスポンシブデザインに変更後、商品詳細ページが縦に間延びした感じなので
左に画像、右に商品詳細とカートに入れるボタンなどが表示されるようなデザインを変更したいのですが
どの部分を変更したらいいですか？
また、フォントが全体的に薄い（細い？）ところも変更したいです。

お手数をおかけいたしますが、何卒宜しくお願いいたします。

Re 商品詳細ページについて 投稿者:おちゃのこ刑部 No.19326 URL

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

デザイン管理→商品詳細ページ設定で「画像最大サイズ」で小を選択してください。
文字については、スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

body {
font-weight: 500;
}

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

Re ありがとうございました。 投稿者:ヤマモト No.19334 URL

おちゃのこ刑部様、いつも有難うございます。

教えていただきました通りにしましたら、出来ました。
ありがとうございました。

記事を閉じる 商品一覧の画像が汚くなる 投稿者:みう No.19328 URL

お世話になっております。
サムネイル画像についての質問です。
画像はこちらです。　上の画像　jpegです
https://eco064.ocnk.net/product/335
緑色のなかにある、リサイクル品という文字です。
商品の詳細ページでは普通なのですが、商品一覧ページでみると、
ぼやけた、少し黒ずんだ画像になってしまいます。
https://eco064.ocnk.net/product-list/121
文字のくっきり感がありません。
ウェブアートデザイナーというソフトで写真に文字をいれています。
なんらかの設定で詳細ページのように普通にならないでしょうか。

また、pin画像にしてみたのですが、画像をアップしてもJpegで表示されてしまいます。
https://eco064.ocnk.net/product/334
Png画像のほうがきれいになると思うのですが、pngにはできないのでしょうか。

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

Re サムネイル画像について 投稿者:おちゃのこ刑部 No.19329 URL

みうさん、こんにちは。

サムネイル画像についてです。
サムネイルについては、ご登録いただいたメイン画像を自動縮小生成しております。
デザイン管理→商品一覧ページ設定より画質を選択できますが、現状「きれい」を選択いただいておりますので、高画質で表示されています。
システム上の仕様となりますので、この画像を変更いただくことはできません。
ご了承くださいませ。

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

Re 無題 投稿者:みう No.19331 URL

申し訳ございません。
アカウントを複数所有しているため、別のアカウントから別のホームページの
ことを質問していました。
>>現状「きれい」を選択いただいておりますので
とありますが、レスポンシブデザインのほうも、html5の方も両方ともそのような
設定ができる項目が見当たりません。
デザイン管理→商品一覧ページ設定を見ています。
また、サムネイル画像はpngで上げても、GIFであげても強制的にjpegになってしま
うのでしょうか。
pngだと加工文字はもう少しきれいになると聞きました。


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

Re 設定について 投稿者:おちゃのこ刑部 No.19332 URL

みうさん、こんにちは。

設定についてです。
商品一覧ページ設定の設定欄右上あたりに「+全て開く」ボタンがあります。
これをクリックしていただくことで、細かい項目を表示できます。

png画像については、1ファイルの容量が大きくなるため、商品一覧で画像を並べた際の負荷を考慮しjpgとしております。
ご了承くださいませ。

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

記事を閉じる フリーページの表幅について 投稿者:みう No.19325 URL

何度もお世話になっております。

フリーページの右カラムに表をきれいに入れたいのですが、ＰＣ画面と
スマホ画面で幅がおかしくなります。
以下のご確認ください。
https://echizen-ud.ocnk.net/page/1
ＰＣ画面では幅900がよさそうなのですが、この状態でスマホ画面で見ると
表幅が右側に大幅に飛び出してしまいます。
ＰＣ画面とスマホ画面で表幅をきれいに合わせるにはどうしたらいいのでしょうか。
よろしくお願いいたします。

Re Tableについて 投稿者:おちゃのこ刑部 No.19327 URL

みうさん、こんにちは。

Tableタグについてです。
レスポンシブテンプレートでは、パソコンとスマートフォンのHTMLが共通となります。
そのため、横幅で1000px等を記載いただいた場合、横幅が狭くなると表示されません。
100%等の%表示をご利用ください。
現状style属性にて、1000pxを指定いただいているかと思います。

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

記事を閉じる 情報ページについて 投稿者:みう No.19320 URL

お世話になります。
別サービスのホームページから、おちゃのこに現在移行中です。
そこでお聞きしたいのですが、以下のページのように、商品ページとは別に情報ページを
http://www.echizen-ud.com/free_9_1.html
作りたい場合、はじめはフリーページを考えてのですが、日記とかWhat's Newのページを
使って簡単に作れないかを考えています。ですが、日記とかWhat's Newだと日付が自動で
入ってしまい使えません。日付を消すことはできないでしょうか。
また、どれかの機能で簡単に作る方法はないでしょうか

http://www.echizen-ud.com/free_9_1.html
現在は左メニューに写真を載せて、クリックすると右側に詳細ページが表示されます。
よろしくお願いいたします。

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

みうさん、こんにちは。

ご質問についてです。
ご要望のページを作成する場合は、フリーページが良いかと思います。
今後、定期的に更新されるのであれば、店長日記を利用するのも方法ですが日付は入ります。
スタイルシートで強制的に非表示にすることは可能ですが、推奨はしておりません。
左メニューについては、2カラムでご利用いただければ、サイドエリアにバナーを挿入いただければと思います。

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

Re 無題 投稿者:みう No.19322 URL

ありがとうございます。
なんとか、フリーページを使おうと思いますが、
現在パソコンのページではフリーページのアイコンは横に3つになっています。
これはこれでいいのですが、スマホでみると1列表示になっています。
このスマホの1列表示を2列表示にできないでしょうか。

Re スマートフォンでの表示について 投稿者:おちゃのこ刑部 No.19323 URL

みうさん、こんにちは。

スマートフォンでの表示についてです。
デザイン管理→スタイルシートの編集から下記の指定をコピーして貼り付けてください。
※貼り付け位置は、最下部にお願い致します。

.main_box .freepage_nav .wrapped_item {
width: 50%;
}

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

記事を閉じる 郵便局固有の郵便番号 投稿者:萩野 No.19313 URL

いつもお世話になっております。
2009年に他の方から同様の質問があったのを確認しておりますが、再度要望を挙げさせてください。
おちゃのこの場合、「xxx-8799」といった郵便局固有の郵便番号を「お客様」がお届け先で登録出来ない為、局留めを希望されるお客様からの問い合わせ対応や、ショップ側での住所変更が多くてうんざりしています。
Amazonでは、一度、警告メッセージを出してから「それでも正しいことを確認し住所を登録」といった動作でエラーチェックを回避して固有番号＆局留め住所の登録ができます。
同様の変更はできませんでしょうか。
※2009年に回答されている「地番にて発行されている郵便番号を入力」＆注意書き対応などは、あまり効果が無い上に、注意書きに気付かない、不便で仕方ない、とかなり評判が悪いです。

以上よろしくお願い申し上げます。

Re 郵便番号について 投稿者:おちゃのこ刑部 No.19315 URL

荻野さん、こんにちは。

郵便番号についてです。
改善を検討させていただきます。

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

Re 郵便番号について 投稿者:萩野 No.19319 URL

刑部さんこんにちは。
ご検討ありがとうございます。
今後ともよろしくお願い申し上げます。

記事を閉じる 【本日の改良点のご報告】メールマガジンオプションを追加 投稿者:おちゃのこ刑部 No.19318 URL

メールマガジンはこれまで月10万通(※ベーシックプラン)までしか配信できませんでしたが、オプションを追加しました。
メールマガジン配信数を最大50万通まで追加できます。
------------------------------------------------------------
●メールマガジンオプション料金
・上限20万通
1,000円(税抜)/月
・上限30万通
2,000円(税抜)/月
・上限40万通
3,000円(税抜)/月
・上限50万通
4,000円(税抜)/月
------------------------------------------------------------

詳細は、下記の料金ページをご確認ください。
https://www.ocnk.net/payment/

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

記事を閉じる 【本日の改良点のご報告】おちゃのこネット利用料金のお支払い方法にコンビニ後払いを追加 投稿者:おちゃのこ刑部 No.19317 URL

おちゃのこネットの利用料金のお支払いはこれまで、クレジットカードと銀行振込でしたが、コンビニ後払いを追加しました。

詳細は、下記の料金ページをご確認ください。
https://www.ocnk.net/payment/

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

記事を閉じる 沖縄県と離島地域の除外について 投稿者:ヒロ No.19314 URL

お世話になっております。
運送会社との契約の関係上、沖縄県と離島への配送は行わないことにしました。
この場合、まず沖縄県の入力や選択をできなくすることはできるのでしょうか？
また、除外設定はできるのでしょうか？
離島地域については、郵便番号や住所入力で制限をかけたり、エラー表示を出したりはできるのでしょうか。
また、離島であることを自動で判断し、送料に追加料金を設定したりできるのでしょうか？
よろしくお願いいたします。

Re 除外について 投稿者:おちゃのこ刑部 No.19316 URL

ヒロさん、こんにちは。

発送の除外についてです。
現状、沖縄や離島を除外することはできません。
地域別送料にて、各都道府県に送料を設定することは可能です。

郵便番号で住所を判別する仕様となっております。
離島郵便番号については、判別できないためエラーとなりますので、送料を設定することができません。
ご了承くださいませ。

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

記事を閉じる バリエーションについて 投稿者:Taka No.19311 URL

いつもお世話になっております。
バリエーションを一括で削除する方法はありませんか？
商品の在庫数管理を商品単位で管理に設定していても、バリエーションが表示されてしまいます。一括削除するか、他に対策はありませんでしょうか？

Re バリエーションについて 投稿者:おちゃのこ刑部 No.19312 URL

Takaさん、こんにちは。

バリエーションについてです。
CSVにて一括で設定いただくことは可能です。

●バリエーション商品のCSVファイル一括登録について
https://www.ocnk.net/faq/index.php?action=artikel&cat=281576&id=406&artlang=ja

●商品の一括登録・変更の項目選択について
https://www.ocnk.net/faq/index.php?action=artikel&cat=281576&id=684&artlang=ja

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

記事を閉じる 購入履歴の削除のやり方 投稿者:くまきち No.19309 URL

お客様からのご依頼で、マイページの購入履歴から特定の商品を削除してほしいというご連絡をいただきました。

現在、登録情報の購入履歴から商品を「キャンセル」することはできても、削除することができません。

削除する方法を教えていただけますでしょうか？

プライベートな注文なのでそれが履歴にあると何かと良くないようです。
個人情報等の漏洩の問題にもかかわってくる可能性がありますので、どうぞよろしくお願い致します。

Re 購入履歴について 投稿者:おちゃのこ刑部 No.19310 URL

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

購入履歴についてです。
受注を削除する場合は、受注一覧より削除ください。
商品単位で削除する場合は、受注一覧より受注明細に進んでいただき、「受注商品と金額を変更する」から商品を削除ください。

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

記事を閉じる スマホ版の編集について 投稿者:ヤマモト No.19299 URL

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

スマホ版の編集について、いくつかお聞きいたします。

１）PCサイトのコンテンツをスマホ版に一括で移動させることは可能ですか？
　自由記入欄を利用して作成したものを、そのまま再利用したいです。
２）PCサイトで行ったスタイルシートの編集部分を、スマホ版で利用することは可能ですか？
　PCサイト用にスタイルシートの編集で文字装飾などを行ったページが、スマホ版では反映されていなかった為。（総合ご利用ガイド・利用規約のページ）

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

Re スマホ版の編集について 投稿者:おちゃのこ刑部 No.19300 URL

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

PCサイトのコンテンツを一括で移動することはできません。
スタイルシートについても別のスタイルシートとなりますので、パソコン版用のスタイル指定をスマートフォン管理のスタイルシートの編集にも追加していただく必要があります。

現状、パソコン、スマートフォンともにご契約いただいておりますので、レスポンシブテンプレートが利用可能です。レスポンシブテンプレートの場合、スタイルシートも共通で、フリーページのHTMLも共通で利用可能です。ご利用をご検討ください。

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

Re 表示が崩れます 投稿者:ヤマモト No.19301 URL

おちゃのこ刑部様、お世話になっております。

レスポンシブデザインテンプレートに変更して、表示を確認しましたら
デザインがずれている箇所が多く、修正したいのですがどこを変更したらいいですか？

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

Re レスポンシブテンプレートについて 投稿者:おちゃのこ刑部 No.19303 URL

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

レスポンシブテンプレートについてです。
新たにスタイルシートの編集が必要となります。
これまで利用されていたスタイルシートをコピーご利用いただくか、別途レスポンシブ用に記載が必要ですが、自由記入欄の内容については、こちらでは調整することはできません。

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

Re 修正箇所を教えてください。 投稿者:ヤマモト No.19304 URL

おちゃのこ刑部様、お世話になっております。

スタイルシートをコピーして反映させたのですが、トップページの表示ズレがあり
修正をしたいのですが、スタイルシートのどこを修正したらいいですか？

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

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

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

ご質問についてです。
自由記入欄の内容ですので、具体的にどのように表示されたいのか、どの部分がずれているのかが、こちらでは分かりません。
詳細を教えていただけますでしょうか。

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

Re 修正したい箇所は以下の部分です。 投稿者:ヤマモト No.19306 URL

おちゃのこ刑部様、お世話になっております。
表示ズレが出ている部分は、トップページで

<div class="catecardww">
<div class="catecardwd">
<div class="scard">
<div class="GRN"><img src="https://www.played-mtg.com/data/played/image/GRN.png" alt="" />
<h2>ラヴニカのギルド<span>Guilds of Ravnica</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>日本語版</th></tr>
<tr>
<td><a href="https://www.played-mtg.com/product-list/1121">レア・神話</a></td>
</tr>
<tr>
<td><a href="https://www.played-mtg.com/product-list/1122">アンコモン</a></td>
</tr>
<tr>
<td><a href="https://www.played-mtg.com/product-list/1123">コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/753">FOIL</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="scard">
<div class="RNA"><img src="https://www.played-mtg.com/data/played/image/RNA.png" alt="" />
<h2>ラヴニカの献身<span>Ravnica Allegiance</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>日本語版</th></tr>
<td><a href="https://www.played-mtg.com/product-list/1124">レア・神話</a></td>
</tr>
<td><a href="https://www.played-mtg.com/product-list/1125">アンコモン</a></td>
</tr>
<td><a href="https://www.played-mtg.com/product-list/1126">コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/673">FOIL</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="catecardwd">
<div class="scard">
<div class="WAR"><img src="https://www.played-mtg.com/data/played/image/WARlogo.png" alt="" />
<h2>灯争大戦<span>War of the Spark</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>日本語版</th></tr>
<tr>
<td><a class="li-off" href="https://www.played-mtg.com/product-list/1129">レア・神話</a></td>
</tr>
<tr>
<td><a class="li-off" href="https://www.played-mtg.com/product-list/1130">アンコモン</a></td>
</tr>
<tr>
<td><a class="li-off" href="https://www.played-mtg.com/product-list/1131">コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/668">FOIL</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="scard">
<div class="kihon"><img src="https://www.played-mtg.com/data/played/image/logo.png" alt="" />
<h2>基本セット2020<span>Core　2020</span></h2>
<div class="scardnavi">
<table>
<tbody>
<tr><th>日本語版</th></tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1107">レア・神話</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1108">アンコモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/1109">コモン</a></td>
</tr>
<tr class="vis">
<td><a href="https://www.played-mtg.com/product-list/655">FOIL</a></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>

で設定した画像が下の部分が黒枠からはみ出している状態になっている点と
オレンジの帯部分が右にはみ出ている部分です。

また、総合ご利用ガイドと利用規約の文字サイズや行間がHTML5のときに比べ、小さく広くなっている所を
修正したいです。

.pshopnavi h1{
color: #FF4500 ;
position:relative;
padding:0 0 10px 0;
border-bottom:3px solid #f93;
font-size:22px;
text-shadow:-1px -1px white,1px -1px white,-1px 1px white,1px 1px white;
text-align:center;
}
.pshopnavi h1:after {
content: attr(title);
position: relative;
width: 100%;
height: 0;
color: #000;
display: table;
text-align: center;
font-size: 12px;
padding: 10px 0 0 0;
}
.pshopnavi h2{
color: #228B22;
position:relative;
padding:0 0 10px 0;
border-bottom:3px solid #006400;
font-size:22px;
text-shadow:-1px -1px white,1px -1px white,-1px 1px white,1px 1px white;
text-align:center;
}
.pshopnavi h2:after {
content: attr(title);
position: relative;
width: 100%;
height: 0;
color: #000;
display: table;
text-align: center;
font-size: 12px;
padding: 10px 0 0 0;
}
.pshopnavi h3 {
padding:5px 0 5px 15px;
border-left: #009900 8px solid;
border-bottom: #009900 1px solid;
font-size: 14px;
font-weight: bold;
color:#000000;
}
.pshopnavi h4 {
padding:5px 0 5px 15px;
border-left: #4169E1 8px solid;
border-bottom: #4169E1 1px solid;
font-weight: bold;
color:#000000;
}
.pshopnavi p {
font-size: 14px;
}
.pshopnavi li{
float: left;
margin: 0 0 5px 15px;
text-align: center;
list-style-type: none;
}
.pshopnavi a:hover {
color: #FF4500;
}

総合ご利用ガイドと利用規約部分はスタイルシートで文字装飾しています。

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

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

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

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

文字サイズは、ご自身でご希望のサイズに調整ください。

/* 黒枠調整 */
.scard {
height: 260px;
}

/* オレンジ帯調整 */
.scardnavi table {
width: 165px;
}

/* 総合ご利用ガイド調整 */
.pshopnavi h3 {
font-size: 16px;
}

.pshopnavi p {
margin: 0;
font-size: 16px;
}

/* 利用規約調整 */
.kiyaku p {
margin: 0;
font-size: 16px;
}

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

Re 有難うございました。 投稿者:ヤマモト No.19308 URL

おちゃのこ刑部様、お世話になっております。

丁寧に教えていただきまして、有難うございました。

今後とも、宜しくお願いいたします。

新規登録

*必須項目

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

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

処理: 記事No. パスワード: