Skip to product information
1 of 1
Published:2023.12.10Last updated:2025.03.23

Example of setting the Shopify theme "Dawn" to change the account icon before and after logging in

Example of setting the Shopify theme "Dawn" to change the account icon before and after logging in

Applications

  • Header management and editing

How to implement

  • LIQUID
View full details

When you enable "Customer Account" in Shopify, an account icon will be displayed in the header, but here's how to switch this account depending on whether or not you're logged in. You can implement this by using the code that determines whether or not you're logged in in the snippet file that displays the icon.


Example of how to change the account icon before and after logging in with the theme "Dawn"


[Setting method ①] Create a new SVG file for the login icon


[Setting Method 2] Replace the account icon display code in header.liquid


[How to set up Dawn version 14.0.0 or earlier] The login icon snippet file "icon-account.liquid" has been modified to switch between different SVG codes depending on whether the user is logged in or not.


After making a purchase (all items are ¥0), you will be able to view the sample code.

If you have already made a purchase, please login here.

Sample Codes

Test Theme :Dawn/Rise 15.2.0

ログインアイコンのSVGファイルを新規作成

Related Post