[戻る]
No.4710

外部カートのスマホの文字の大きさについて

キャラアイコン YKさん 投稿日:2020/10/08(Thu) 21:29

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

外部カートをそのまま貼り付けると(HTMLバージョン、JSバージョンともに)スマホだと文字が小さくなって見づらくなります。

イージー内の商品のような大きさの文字のカートにしたいのですが、どうしたらいいでしょうか?

key
No.4711

Re: 外部カートのスマホの文字の大きさについて

キャラアイコン おたすけマイショップさん 投稿日:2020/10/09(Fri) 11:38

カートボタン自体のデザインや文字サイズの変更に関しては、JSカートの場合は拡張設定>デザイン設定の
テンプレートタブ内にあるお使いのテンプレートの「ボタン画像等」よりカートボタンの変更は可能です。
HTMLカートの場合はカート貼り付け先にてCSSを設定し、デザインを変更してください。

その他のカートボタンの項目に関しては恐れ入りますが、HTMLカート及びJSカートともに
文字サイズを変更する専用の機能はございませんため、カートボタン貼り付け先ページでの
CSSの指定による変更をお願いいたします。

もしくは商品管理>商品一覧の「カートボタン貼り付け用コード」押下後、「形式」項目の「JavaScript形式」の
[設定]からカートボタン生成時に表示させる項目を選択することが可能です。
こちらにて「「カートへ入れる」ボタン」以外を表示させない(すべての項目のチェックを外す)設定にすることで、
生成されるカートボタンは、数量設定項目とカートへ入れるボタンのみ表示するカートボタン用コードが生成されます。
※カート設定の「数量指定」で「商品詳細ページでの指定不可(1固定)」を選択した場合、数量は表示されません。

商品名や価格等はカートボタン貼り付け先のページでご希望のサイズで表示いただき、上記の数量設定項目と
カートへ入れるボタンのみ表示されるコードを貼り付けることで、文字サイズを変更した状態での
カートボタン表示が可能です。

また、JSカートであれば、カートボタン用コードを取得いただくときに、「<body>内設置コード」を「〇個別指定」で
選択いただければ、カートボタンの各項目の詳細が表示された コードの取得が可能です。
カートボタン貼り付け時に対応する<div class="ems_tag" data-contents="***">を削除することでその項目が
表示されなくなります。

以上をお試しいただき、希望される内容が解消されない場合は、カートボタンの貼り付け先URL及び
文字が小さく表示されている具体的な場所を含めてお手数ですが再度ご連絡いただきますようお願いいたします。

key
No.4714

Re: 外部カートのスマホの文字の大きさについて

キャラアイコン YKさん 投稿日:2020/10/09(Fri) 23:11

早速のお返事ありがとうございます。

試しにちょっとやってみたのですがうまくいきません。
(もしかしたら勘違いしているかもしれません・・)

http://risa.ciao.jp/easymyshop/cart-test1.html

PCだときれいに表示されるのですが、スマホだと小さくなってしまいます。
(イージーマイショップの商品ページのスマホのカートはきれいに表示されます。)

スタイルが多分間違ってるんだと思うのですが、
何かいい方法ありますでしょうか?
よろしくお願いいたします。

key
No.4716

Re: 外部カートのスマホの文字の大きさについて

キャラアイコン おたすけマイショップさん 投稿日:2020/10/12(Mon) 14:47 home


イージーマイショップのテンプレートはレスポンシブ対応となっておりますのでサイト表示の端末により並び替えが行われており、
イージーマイショップでは、貼り付け先のページを表示する画面の幅により並び替えが行われます。
(カートボタンにおいても、表示内容はレスポンシブ対応となっております)

外部サイトにカートボタンを貼り付けて利用される場合は貼り付け先のサイトの指定が反映されます。
※イージーマイショップのテンプレートは700pxを基準にパソコンとスマートフォンのスタイルシートを指定しております。

貼り付け先のサイトを拝見したところ、スマホでの表示領域を指定するタグなどがございませんでしたので、
パソコンにて表示する内容そのままが画面に表示されている(並び替えが行われない状態)となっているように見受けられます。

お持ちのサイト側となりますので、適切な案内はできませんが、metaタグにてviewportの指定を行うなどをご検討ください。

例) <meta name="viewport" content="width=device-width, maximum-scale=5,initial-scale=1">

key
No.4731

Re: 外部カートのスマホの文字の大きさについて

キャラアイコン YKさん 投稿日:2020/10/13(Tue) 19:59

ありがとうございます!できました。

他の質問も含めいつも迅速なご回答ありがとうございました。

key

返信
*おなまえ アイコン [sample]
*email (回答通知用。公開されません)
*タイトル
*内容
ショップURL
*key (修正の際に使用します)
*画像認証 投稿キー

無料で本格的なネットショップ開業できるのは『イージーマイショップ』

- YY-BOARD -