FROM CACHE - jp_header
このコミュニティはピアツーピアサポートに移行しました。Shopify サポートは今後、このコミュニティへのサービスを提供いたしません。これからもぜひ、他のマーチャントやパートナーとつながり、サポートし合い、経験を共有してください。 当社の行動規範に違反する行動や削除を希望するコンテンツがありましたら、引き続きご報告ください

Refreshのテーマで、“カート追加”のボタンを変更したい。

解決済

Refreshのテーマで、“カート追加”のボタンを変更したい。

Eisaku
観光客
9 0 1

Refreshのテーマに、コレクションで“カートに追加”ボタンを実装する事ができます。

スマホ版にしますと、画像に様に2段になってしまいます。これを防ぐために以下のいずれかの方法、もしくは組み合わせで対処したいと考えているのですが、どなたかお分かりの方いらっしゃるでしょうか?

1.テキストの文字を小さくする

2.“カートに” と “追加” の間にブレイクを挿入

3.ボタンの幅を大きくする

4.テキストの文言を変更する

よろしくお願いいたします。

MicrosoftTeams-image (66).png

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1623 576 750

成功

Eisaku様

 

ご質問を確認しました。

 

いただいた方法ですと、1か4が簡単に対応可能かと存じます。

 

1.テキストの文字を小さくする

下記cssをcssファイルに追記する

 

.quick-add__submit span {
  font-size: 13px;
}

 

 

4.テキストの文言を変更する

テーマの言語編集ページより可能です。(添付参照)

スクリーンショット 0005-02-03 17.49.02.png

スクリーンショット 0005-02-03 17.44.24.png 

ご参考になりましたら幸いです。

 

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 園畑

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2

株式会社フルバランス
Shopify Partner
1623 576 750

成功

Eisaku様

 

ご質問を確認しました。

 

いただいた方法ですと、1か4が簡単に対応可能かと存じます。

 

1.テキストの文字を小さくする

下記cssをcssファイルに追記する

 

.quick-add__submit span {
  font-size: 13px;
}

 

 

4.テキストの文言を変更する

テーマの言語編集ページより可能です。(添付参照)

スクリーンショット 0005-02-03 17.49.02.png

スクリーンショット 0005-02-03 17.44.24.png 

ご参考になりましたら幸いです。

 

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 園畑

株式会社フルバランス
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『つくる人、売る人の成長と成功を最大化する。』 株式会社フルバランス
Eisaku
観光客
9 0 1

教えて頂き有難うございます。
上手く調整ができました。