スマホ商品ページ　共通パーツ設定　文字数オーバー対策

Question

お世話になります。

現在、表題の共通パーツ設定において文字数オーバーとなり新しく入力することができません。

下記部分が多く使用しているのですが、たとえばこれをGOLDに保存し、そこからリンクさせて商品ページ　共通パーツ設定に貼ることはできますでしょうか？

その場合、どのようにしたら良いでしょうか？

ご教授お願いいたします。



■アイテム別カテゴリー■

Answer

ECマスターズの伊藤です。

> 下記部分が多く使用しているのですが、たとえばこれをGOLDに保存し、そこからリンクさせて商品ページ　共通パーツ設定に貼ることはできますでしょうか？

はい、ご対応可能となっております。
以下に手順をご案内いたしますので
設置時に、ご不明な点がございましたら、ご連絡くださいませ。

(1)下記HTMLを、メモ帳などに貼り付け

==== 以下を貼り付け ====





(以下に頂いたtableタグを記入)

    【略】

(以上に頂いたtableタグを記入)


==== 以上を貼り付け ====

(2)お好きな名称半角英字.html(例：sample.html)として保存
※sample.html.txt　のように、最後に.txtがつかないよう、ご注意ください。

(3)(2)をGOLDにアップロード

(4)表示したい箇所に下記を記入

※heightは高さとなりますので、
表示される内容に合わせて、修正をしてください。

Answer

お世話になります。

うまくいかなかったので再度 コメントしたつもりでしたが届いていなかったようなので改めて質問させていただきます。

ご指示とおりにおこなったのですが下記もエラーがでます。

・文字化けしている
・少し右へ寄っている

上記の症状がでておりHTMLから直接「プログラムから開く」て確認するとグーグルでは正常で、IEではiPhoneと同じ見え方でした。

お手数ですがご教授お願いいたします。###HR######IMG0e85acb784ec6ab8af8d7cc52dfc18789.pngIMG0######BR###

Answer

HTMLも添付いたします。

Answer

ECマスターズの伊藤です。

> ご指示とおりにおこなったのですが下記もエラーがでます。

> ・文字化けしている

大変失礼いたしました。

文字化けの件ですが、下記の通り編集をお願いします。



↓↓↓




編集して頂いたものを、名前をつけて保存を選択いただき
文字コードで EUC-JP を指定してください。

なお、メモ帳ではEUC-JPが選択できませんので

サクラエディタ
https://sakura-editor.github.io/download.html

TeraPad
https://forest.watch.impress.co.jp/library/software/terapad/

などの、テキストエディタをご利用頂ますよう
お願いいたします。


> ・少し右へ寄っている

こちらの件ですが、申し訳ございませんが、
フォーラムにHTMLを添付する機能がございません。
また、HTMLでは判断することができない場合がございますので、
実際のページのURLを頂戴できますでしょうか。

Answer

ご返信ありがとうございます。

申し訳ございません。

下記であってますでしょうか？




■アイテム別カテゴリー■



























　




これでサクラエディットでEUC-JP保存しようとしたんですがEUCという項目でしか保存できませんでした。
合ってますでしょうか？

一応、それで保存しGOLDへ入れ先日教えていただいた


の（３）へGOLDのURLを入れると画像は出ず上記の編集した文言だけが表示される状態でした。

たびたびで申し訳ございませんがご教授お願いいたします。

Answer

ECマスターズの伊藤です。

> の（３）へGOLDのURLを入れると画像は出ず上記の編集した文言だけが表示される状態でした。

説明が足りず、お手数おかけして申し訳ございません。

をの下部に追加いただいていると
思いますが、下記の箇所にお願いいたします。

現在追加頂いている箇所は
削除頂ますよう、お願いいたします。








　(tableタグを記入)

Answer

お世話になります。
たびたび申し訳ございません。

下記をサクラエディタで文字コードセットをEUCにして保存しました。
添付がその保存したデータです。
たたデータは.txtでしか保存できず、Ribraryに保存しプラウザでプレビューしたら画像にはならずhtmlの文字がでてきてしまます。







　

■アイテム別カテゴリー■




中略

　



お手数をおかけして申し訳ございませんが再度お教え願います。

Answer

追伸
URLの店名消し忘れてました。

.txtファイルも添付不可なんですね。

Answer

たびたびすみません。
ファイル できたみたいです。

Ribrayに保存し、ファイルからプラウザで確認したら問題ありませんでした。

今度は下記にしてスマホのトップページ設定に貼り付けたところ、楽天アプリで開くと画像のように再度文字化けしてしました。



スマホのアプリではないサファリで開くと右側の画像になります。

どうしたもんでしょうか？###HR######IMG012b4a420caec0a88900faf1ff326061b.pngIMG0######BR###

Answer

ECマスターズの伊藤です。

保存をした際のファイル名の拡張子（ドット以降）が
.euc-jp
となっていることが原因だと思われます。

先にご案内しております通り、保存の際のファイル名は
htmlで保存をお願いいたします。
＝＝＝＝＝
(2)お好きな名称半角英字.html(例：sample.html)として保存
※sample.html.txt　のように、最後に.txtがつかないよう、ご注意ください。
＝＝＝＝＝

spcategory.euc-jp
を改めてサクラエディタで開いていただき
名前をつけて保存を選択肢
spcategory.html
で保存してください。

保存の際、文字コードが戻ってしまっていないか
（EUCになっているか）
ご確認をお願いいたします。

Answer

お世話になります。

なんとか文字化けせずにできました。
ありがとうございます。

１点気になるのですがスマホ画面で画像のように若干 右へ寄っております。

調整方法はありますでしょうか？

https://www.rakuten.co.jp/screamer/###HR######IMG0780b52b88d072d8de1338f95bba676f8.pngIMG0######BR###

Answer

ECマスターズの村井です。

担当より確認して回答させていただきますので、
休み明けの回答となりますが、少々お待ちいただければと思います。

Answer

ECマスターズの伊藤です。

> なんとか文字化けせずにできました。
> ありがとうございます。

文字化け修正できたようで、良かったです。


> １点気になるのですがスマホ画面で画像のように若干 右へ寄っております。
>
> 調整方法はありますでしょうか？

ブラウザの初期設定で適用されるCSSが影響しているようです。

sp_brabd_category_19.09.08.html の
の上に、下記を追加して、ご確認いただけますでしょうか。


body{margin:0}

Answer

ありがとうございます。
調整できました！
長い間、ご丁寧に対応していただきありがとうございました！

スマホ 商品ページ 共通パーツ設定 文字数オーバー対策

スマホ商品ページ　共通パーツ設定　文字数オーバー対策