If you're using Shopify Theme 2.0, you can easily show a "My Wallet Balance" link in your store’s header using the Wallet Reward App.
1: Open Your Theme Editor
- Go to your Shopify Admin.
- Click on Online Store > Themes.
- Find your Live Theme and click the “Customize” button.
Add the Wallet Balance to Your Header
5: Save and Test
This steps explains how to integrate customer balance label and "My Wallet" page link into your Shopify store theme.
Important Note:
- This method involves editing theme code. If you're unfamiliar with Shopify Liquid code, it's recommended to consult a developer to avoid unintended theme modifications.
Steps:
-
Theme File Access:
- Log in to your Shopify admin panel.
- Navigate to Online Store>Themes.
- Select your current theme and click "Actions">"Edit Code".
-
Locate Menu Template File:
-
Within the theme code editor, identify the file responsible for your main menu structure. This file name might vary depending on your theme, but common locations include:
- header.liquid
- navigation.liquid
- Theme-specific menu template files
-
-
Add Link Code Snippet:
- Once you've located the menu template file, find the appropriate section within the code where you want to insert the link.
- Paste the following code snippet
Code Snippet – Wallet balance label
<span class="wpcb_wallet_balance"></span>Code Snippet – My Wallet link
<a href="javascript:void(0)" id="wpcb_my_wallet_page_link"> My Wallet </a>
-
Save Changes:
Click Save to apply the code modifications to your theme.
