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

dawnテーマで画像バナーでテキストやボタンの位置を画像の下にしたいです。

解決済

dawnテーマで画像バナーでテキストやボタンの位置を画像の下にしたいです。

Kuroda96
Shopify Partner
14 0 0

dawnテーマを使っています。画像バナーのセクションで「モバイル上にコンテナを表示」にチェックした時のように、画像の下にテキストやボタンが表示されるのを、常に表示されるようにしたいです。

ご教授お願いします。

1 件の受理された解決策

Qcoltd
Shopify Partner
1120 453 448

成功

画像バナーセクションを使用して、画像の下にテキストやボタンを常に表示したい、というご質問なのか、

画像バナーセクションにこだわらず、画像の下にテキストやボタンを常に表示したい、というご質問なのかによって回答が変わります。

 

画像バナーセクションを使用して、画像の下にテキストやボタンを常に表示したい場合

DOMレベルでカスタマイズされたい場合は、

画像バナーセクションのコードは、

Dawn5.0では、sections/image_banner.liquid にありますので、こちらをカスタマイズいただくのが良いかと思います。

https://github.com/Shopify/dawn/blob/main/sections/image-banner.liquid


DOMレベルでのカスタマイズが不要であれば、

CSSのカスタマイズだけでも調整可能かと思います。

 

 

画像バナーセクションにこだわらず、画像の下にテキストやボタンを常に表示したい場合

新たにセクションを作成いただくか、

画像バナーセクションには画像だけを設定し、

そのすぐ下に、リッチテキストセクションを配置する、

というやり方でも、

実現できそうです。

 

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/

元の投稿で解決策を見る

2件の返信2

Qcoltd
Shopify Partner
1120 453 448

成功

画像バナーセクションを使用して、画像の下にテキストやボタンを常に表示したい、というご質問なのか、

画像バナーセクションにこだわらず、画像の下にテキストやボタンを常に表示したい、というご質問なのかによって回答が変わります。

 

画像バナーセクションを使用して、画像の下にテキストやボタンを常に表示したい場合

DOMレベルでカスタマイズされたい場合は、

画像バナーセクションのコードは、

Dawn5.0では、sections/image_banner.liquid にありますので、こちらをカスタマイズいただくのが良いかと思います。

https://github.com/Shopify/dawn/blob/main/sections/image-banner.liquid


DOMレベルでのカスタマイズが不要であれば、

CSSのカスタマイズだけでも調整可能かと思います。

 

 

画像バナーセクションにこだわらず、画像の下にテキストやボタンを常に表示したい場合

新たにセクションを作成いただくか、

画像バナーセクションには画像だけを設定し、

そのすぐ下に、リッチテキストセクションを配置する、

というやり方でも、

実現できそうです。

 

 

ご参考まで。

(キュー田辺)

株式会社Q (キュー)
グラフィックデザイン、アパレル事業、Web制作など色々やっている渋谷区代々木の会社です。ShopifyでのECサイトの運営・開発も行なっています。
私たちについて: https://web.q-co.jp/ テックブログ: https://techlab.q-co.jp/
Kuroda96
Shopify Partner
14 0 0

ありがとうございます。画像バナーの下にリッチテキストを置くことで対応できました。