Follow the steps below to integrate the Wallet Balance icon into your store header using the Webplanex Loyalty Wallet App:
1. Open the Webplanex Loyalty Wallet App.
2. Go to the Theme Element section.
3. Under Header Elements, locate the Wallet Icon Integration option.
4. Click on the Install button.
![]()
After clicking Install, you will be redirected to your Shopify Theme Customization page.
In Shopify Theme Editor
1. Open the Home Page template.
2. Go to the Header section.
3. Click on Add Block under the Apps section.
4.Select Webplanex Wallet Balance from the available app blocks.
5.Save the changes.
![]()
Once saved, refresh your storefront page, and the Wallet Balance icon will appear in your store header.
Balance Icon and My wallet Icon in Menu
Steps:
-
Theme File Access:
- Log in to your Shopify admin panel.
- Navigate to Online Store>Themes.
- Select your current theme and click ; Edit Theme.
-
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 block
- Go to App Section then select th "Webplanex Wallet Balance "
- Save the changes
for Adding "Wallet Balance Icon" in Menu in theme 2.O you need to use Snippet code
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.
-