If you're using Shopify Theme 2.0, you can now easily display a "My Wallet" link and popup link directly in your store’s header using the Wallet Reward app. With full customization support, you can modify the text label and colors to match your store’s branding.
Follow the steps below to add, customize, or remove the Wallet link.
Step 1: Access App Theme Elements
- Go to your Shopify Admin.
- Open the Wallet Reward App.
- Navigate to App Theme Elements.
- Go to Header Elements.
- Select Rewards & Wallet in Menu.
Step 2: Add the Wallet Link to a Menu
- Click Add Menu.
- Choose the menu where you want to display the Wallet link:
- Main Menu
- Footer Menu
- Any other custom menu
- Click Save.
How to Remove the Wallet Link
- Go to Content → Menus in your Shopify Admin.
- Open the menu where the Wallet link is added (for example, Main Menu).
- Click the Delete (trash) icon next to the Wallet link.
- Save the menu.
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.
