Refreshのテーマに、コレクションで“カートに追加”ボタンを実装する事ができます。
スマホ版にしますと、画像に様に2段になってしまいます。これを防ぐために以下のいずれかの方法、もしくは組み合わせで対処したいと考えているのですが、どなたかお分かりの方いらっしゃるでしょうか？
１．テキストの文字を小さくする
２．“カートに” と “追加” の間にブレイクを挿入
３．ボタンの幅を大きくする
４．テキストの文言を変更する
よろしくお願いいたします。
Topic summary
Refreshテーマのコレクションページで「カートに追加」ボタンがスマホ表示時に2段になってしまう問題について質問が投稿されました。
提案された解決策:
- テキストの文字を小さくする
- 「カート」と「追加」の間に改行を挿入
- ボタンの幅を大きくする
- テキストの文言を変更する
回答内容:
- 方法1と4が簡単に対応可能
- 文字サイズ変更: CSSファイルに
.quick-add__submit span { font-size: 13px; }を追記 - 文言変更: テーマの言語編集ページから変更可能(スクリーンショット添付あり)
質問者は回答に感謝し、調整がうまくできたと報告。問題は解決済みと思われます。
Eisaku様
ご質問を確認しました。
いただいた方法ですと、1か4が簡単に対応可能かと存じます。
１．テキストの文字を小さくする
下記cssをcssファイルに追記する
.quick-add__submit span {
font-size: 13px;
}
４．テキストの文言を変更する
テーマの言語編集ページより可能です。(添付参照)
ご参考になりましたら幸いです。
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 園畑
1 Like
教えて頂き有難うございます。
上手く調整ができました。