FROM CACHE - jp_header

ユーザのメール登録画面をヘッダー画像の中に入れ込む方法

kiki12345
観光客
15 0 1

現在下記のような画面を作成しているのですが、上のダースベイダーの画面の中に下のサブスクライブボタンを組み込みたいと考えています。

既存のノーコードの機能でページやプロダクトページには飛ばせるのですが、サブスライブ機能はどうしても別枠としてしか置けません。

おそらくHTML、CSSでかく必要があるかと思うのですが、コードのどの部分をいじるべきか教えていただけますでしょうか。(progateレベルのコード初心者すぎる為、どこまでできるかわかりませんがよろしくお願いします。)

kiki12345_1-1623225390754.png

 

 

 

1件の返信1
Jizo_Inagaki
Shopify Partner
582 238 552

ご要望を把握しかねているのですが、サブスクライブボタンという箇所の背景に画像を設定したいということであれば、一番難度が低いのは開発者ツールなどを使って対象要素を特定する方法かなと思います。
セクションの構造上、該当のセクションを削除したりするとセレクタの書き直しになる可能性が高くあまり良い方法ではありませんが、CSSのみで対応可能ではと思います。

LIquidの知識必要になるますがもう少しスマートな方法としては、該当のセクションをカスマイズするか新規で類似のセクションを作るかして、ID入力欄を作成して出力できるようにすれば、CSSの指定も行いやすくなります。

さらに考えを進めると、ID入力欄ではなく「画像付きテキスト例(テーマにより名称が違うかもしれません)」のように背景画像自体を設定できるように作るもの良いかなと思います。

 

なお私はここでコードをお教えすることはできませんが、ご質問される場合は対象となるテーマやセクション名やコードなどの具体的な情報を書いていただいたほうが、他の方の返答を得やすいのではと思います。

Jizo_Inagaki | フリーランスのwebデザイナー
- テーマのカスタム承れます。
- 記載した回答で解決できましたらベストソリューションの承認をお願いします。
- DMや指名による対応はご依頼として有料でのみ承ります。