商品ページ作りで文字数オーバーにならない方法

Question

お世話になります。
商品ページ作りで質問です。

以下の商品ページは、スケッチページで作っております。
もっと情報を入れたいのですが、「文字数がオーバーしています」となり、削除しなければならない箇所もあり、もう、これ以上進めません。

https://item.rakuten.co.jp/okometeikibin/neck-pillow-01/

Goldの容量は足りていて、Ribraryもありますが、具体的な使い方が 分かりません。

1. 情報をもっと入れる方法
2.スマホで、項目選択肢在庫に画像を入れる方法

この2点、別々に質問をさせていただいた方が良いのかも知れませんが、教えて頂けますでしょうか？
宜しくお願いします。

Answer

ECマスターズの田中です。

> 1. 情報をもっと入れる方法

SketchPageは、HTMLタグを意識せずにページをデザインできる
便利なツールなのですが、
このような（HTMLタグを自動生成する）ツールは、
正確な見た目を実現するためのソースがどうしても多くなり、
文字数制限の中で内容を記載できる割合が少なくなってしまいます。

情報を追加したい場合、
楽天GOLDにページを作成してiframeで埋め込む、
SketchPageで作成されたソースから無駄なタグを削除する、
など、様々な方法がございますが、

基本的には、ご自身でHTMLタグを記載していただく方法が
一番シンプルで、わかりやすい方法であると思います。

まずは、下記RUxの動画をご覧いただき、

【コーディング】お店の表現力をアップ！ コーディングを学ぶ意義
https://daigaku.rms.rakuten.co.jp/rmsapp/watch/30252

それからHTML基礎へと進み、
HTMLの書き方を習得していただきますようお願いします。

HTMLが作成できるようになりましたら、
https://liveweave.com
の左上にHTMLを書くと、右下に結果がすぐ表示されますので、
編集の際にお役立ていただければ幸いです。

> 2.スマホで、項目選択肢在庫に画像を入れる方法

※RMSの、禁止タグを入力できるバグを利用する方法ですので、
　今後、RMSの改修により、使用できなくなる可能性があります。

「スタイルシート(CSS)」と呼ばれる仕組みを利用して入れることができますが、
楽天のスマートフォン用ページではスタイルシートが使えないため、
禁止タグを入力できるバグを利用する必要があります。

たとえば、
https://item.rakuten.co.jp/bunbunbee/m-trb-a01r/
上記商品ページでは、同様のバグを利用して
スマートフォン用商品説明文にタグを書いて
https://www.rakuten.ne.jp/gold/bunbunbee/css/thum_m-trb-a01r.css
上記、外部スタイルシートファイルを読み込み、
前半部分（.itemSelectPopUpから始まる規則）を利用して
項目選択肢在庫に画像を挿入しております。

Answer

田中さま、
ありがとうございます！
「楽天Goldにページを作り」が、全く分かりませんが、
「自分でHTMLタグを記載する」「1番シンプルな方法」なら、出来そうです。

2番目の質問に対するご回答は、ちょっと難しそうですが、とってもステキなページを紹介して下さり、ありがとうございました！

正に、私がやりたいことが、他にも沢山あるので、とても参考になります！！

Answer

未だ未だ作業は続きますが、一旦 解決 にさせていただきます。ありがとうございました。

商品ページ作りで 文字数オーバーにならない方法

商品ページ作りで文字数オーバーにならない方法