FROM CACHE - jp_header
解決済

2行のヘッダーを作成。

mwhr126
Shopify Partner
17 0 1

こちらの投稿をご覧いただき、ありがとうございます。

 

大変ご迷惑をおかけしております、以下の見本をご覧くださいますように

・「2行のヘッダー」

・「フッターとその下の要素へ背景画像を反映」

 

を再現したいのですが、LiquidとJSONのコードをどのように入れれば出来るのか分からず、行き詰まっております。

 

スクリーンショット 2022-11-30 21.48.04.png

 

【現在の状況】

使用テーマ:Dawn。
保有スキル:HTML、CSSのマスター、管理画面の基本操作。

作業済み:自作のstyle.cssファイルを作成し、各ページへ反映済み。

Liquid、JSONの理解度:Udemyの講座を1週間学習し、少し読める程度の理解。

 

という現状となっております。

 

初歩的な質問で大変恐縮ですが、ご回答いただけますと大変助かります。

 

ご親切な方がみえましたら、何卒よろしくお願い致します。

1 件の受理された解決策

株式会社フルバランス
Shopify Partner
1475 522 652

成功

Mwhr126さま

 

はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。

 

いただいております2点ですが、liquidのコードを使用するというよりは、HTML・CSSで調整する必要があるかと存じます。

 

headerの修正は、header.liquidファイルより可能です。

 

ヘッダ背景の透過等は以下サイトなどを参考に実装いただけますと幸いです。

https://9cubed.info/article/html_css_js/0006

 


ご参考までに。
 
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
 
分からない点があれば、またいつでもご連絡ください。
 
フルバランス 園畑

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

元の投稿で解決策を見る

1件の返信1

株式会社フルバランス
Shopify Partner
1475 522 652

成功

Mwhr126さま

 

はじめまして、フルバランスの園畑です。
ご質問を確認いたしました。

 

いただいております2点ですが、liquidのコードを使用するというよりは、HTML・CSSで調整する必要があるかと存じます。

 

headerの修正は、header.liquidファイルより可能です。

 

ヘッダ背景の透過等は以下サイトなどを参考に実装いただけますと幸いです。

https://9cubed.info/article/html_css_js/0006

 


ご参考までに。
 
私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。
 
分からない点があれば、またいつでもご連絡ください。
 
フルバランス 園畑

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