スマホページについてお尋ねいたします

Question

いつもお世話になっております。
今回もスマホページについてお尋ねいたします。

カラーミーのMODEテンプレートを利用しておりますが、
添付したスマホページ画像の赤丸の所に、
「送料無料」などの見やすいバナーを表示させることは
可能でしょうか？

また、同じくスマホページのメニューに
送料について等の項目を追加して送料の記載ページに
案内したいのですが、こちらも可能でしょうか？

ご指導のほどよろしくお願いいたします。###HR######IMG08d3bd51bba7e0c8d0638534f6fa5fce1.pngIMG0###

Answer

ECマスターズの田中です。

> 添付したスマホページ画像の赤丸の所に、
> 「送料無料」などの見やすいバナーを表示させることは
> 可能でしょうか？
> また、同じくスマホページのメニューに
> 送料について等の項目を追加して送料の記載ページに
> 案内したいのですが、こちらも可能でしょうか？

いずれも、テンプレートのHTMLを編集することで可能となります。
https://shop-pro.jp/manual/s_design_tmpl_lst

HTMLのどの部分に追記すればいいのかわからない場合ですが、
独自タグとの関連で、私から見えるHTMLで場所を指定すると
誤ったご案内になってしまう可能性がございますので、
「HTML編集」に表示されているHTMLを、
「投稿内容について報告する」リンクよりお送りいただきますようお願いします。
追記するHTMLタグ自体がわからない場合は、その旨ご返信ください。

Answer

ECマスターズの田中です。

ご報告いただき、ありがとうございました。
いただいたソースを見たところ、
実際の商品ページのソースと構造が異っておりました。

どうやら、レスポンシブデザインであるテンプレートの関係で
スマホでもPC用のページを表示していることが原因のようですので、

お手数をおかけしますが、
https://shop-pro.jp/manual/design_tmpl_lst_sub2
上記「デザイン設定（上級）」より、
共通 および 商品詳細 の「HTML編集」の内容を
お送りいただきますようお願いします。

Answer

ECマスターズの田中です。

内容をお送りいただき、ありがとうございました。

> 添付したスマホページ画像の赤丸の所に、
> 「送料無料」などの見やすいバナーを表示させることは
> 可能でしょうか？

はい、可能です。
共通に記載された「ショップリード文 - 差替箇所」のすぐ下にある
からの間に（たとえばの直前に）、

このようなタグでご設置ください。

なお、直下にある「ソーシャルアイコン - 設置箇所」に設定された
Twitter、facebookなどのアイコンには
リンクが張られていないようです。
不要な場合は、同箇所にある説明にしたがって、
 で囲んで非表示にしていただきますようお願いします。

> スマホページのメニューに
> 送料について等の項目を追加して送料の記載ページに
> 案内したいのですが、こちらも可能でしょうか？

はい、可能です。
共通に記載された  のすぐ下にある
 から  までがメニュー全体の内容になり、
〜もしくは〜がメニュー１個分の内容となりますので、
この から  までの間に、たとえば

送料について 

のような形式で追記することで、メニューを追加することができます。

Answer

田中様
ご指導有難うございました。

後ほど手を加えてみます。
うまくできない場合は再度ご質問させて頂きますので
その際はよろしくお願いいたします。