Liquid、JavaScriptなどに関する質問
ブラウザからサイトを見た時、アカウントアイコンをヘッダー内に表示させることは可能でしょうか?
テーマ「Dawn」では、デフォルトでアカウントアイコンの表示位置が以下に設定されているかと思います。
PC : ヘッダー内
ブラウザ :ハンバーガーメニュー内
ブラウザから見た時、できればハンバーガーアイコン隣に配置したいです。
ご協力頂ける方がいましたら、よろしくお願いします!
アカウントアイコンの表示位置の件ですが、ご質問いただいている「ブラウザ」はスマートフォンでサイトを見た際の見た目という認識で回答させていただきます。
ハンバーガーメニューの中にあるアカウントアイコンは変更していませんので、そのまま表示されます。
リダイレクト手順
<style>
.sp_account {
position: absolute;
left: 50px;
top: 17px;
}
@media screen and (min-width: 750px) {
.sp_account {
display:none !important;
}
}
</style>
<a href="{%- if customer -%}{{ routes.account_url }}{%- else -%}{{ routes.account_login_url }}{%- endif -%}" class="sp_account header__icon header__icon--account focus-inset">
{% render 'icon-account' %}
<span class="visually-hidden">
{%- liquid
if customer
echo 'customer.account_fallback' | t
else
echo 'customer.log_in' | t
endif
-%}
</span>
</a>
ご参考まで。
(キュー小坂)
お忙しい中ご返信ありがとうございます!
変更出来ました!いつも助かってます、、
また何かありましたらよろしくお願いします。
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025