Accessing the Settings Tab
Open the Mage Loyalty app from your Shopify admin.
Click Account Sidebar in the left menu.
Click the Settings tab.
The Settings tab has two sections. General holds account links, sidebar position and custom font. Products controls which products can appear in the sidebar.
Note
Width, Z-Index, Floating sidebar and Animations are on the Design tab. See Account Sidebar - Design & Theming.
Replace Account Links
By default, customers open the sidebar from a link you add to your store that ends in #mage. Turn on Replace account links and your theme's own account and sign-in links open the Account Sidebar instead, with no menu changes.
In the Settings tab, stay on General.
Under Account Links, check Replace account links.
Click Save.
Once it is on:
Clicking your theme's account icon or sign-in link opens the Account Sidebar.
Links to account registration, password recovery and individual order pages still open Shopify's own pages.
If the Account Sidebar is turned off, the links go back to Shopify's account pages.
Sidebar Position
In the Settings tab, under General, find Sidebar Position.
In the Open sidebar from dropdown, select Right or Left depending on which side you want the sidebar to slide in from.
Click Save.
Tip
Right is the default and the most common placement. It lines up with where most themes put the cart and account icons. Left works well if your theme has important navigation on the right side that you do not want the sidebar to cover.
Custom Font
By default, the sidebar inherits the font from your Shopify theme. Enable Google Fonts to load a different typeface for the sidebar specifically.
In the Settings tab, under General, find the Custom Font section.
Check the Enable Google Fonts checkbox.
Enter the name of the Google Font you want to use.
Click Save.
Note
The font name must match exactly how it appears on Google Fonts. For example, "DM Sans" or "Inter". You can find the correct name at fonts.google.com.
Tip
If your theme already uses a Google Font that suits the sidebar, leave this setting off. Enabling a custom font loads an additional font file which adds a small amount of page weight. Only use it if the sidebar font needs to be different from your theme font.
Products
The Products section controls which products can appear in the Saved from Cart and Recently Viewed blocks.
Product Exclusions
Products you exclude never appear in those blocks. Use this for items customers did not choose themselves, such as a free gift or shipping protection that is added to every cart.
In the Settings tab, click Products.
Under Product Exclusions, click Select products and pick the products to exclude.
Click Save.
Hide sold-out products
When checked, products that are out of stock are hidden from those blocks instead of showing as sold out. It is off by default.
Settings Reference
Setting | What It Does | Default |
Replace account links | Opens the Account Sidebar when customers click your theme's account or sign-in links. | Off |
Open sidebar from | Controls which side of the screen the sidebar slides in from. Choose Right or Left. | Right |
Enable Google Fonts | Loads a custom font from Google Fonts instead of inheriting your theme's default font. | Off |
Google Font family | The exact name of the Google Font to load. Shown once Enable Google Fonts is checked. | Empty |
Product Exclusions | Products that never appear in the Saved from Cart and Recently Viewed blocks. | None |
Hide sold-out products | Hides out-of-stock products from the Saved from Cart and Recently Viewed blocks instead of showing them as sold out. | Off |
Common Mistakes to Avoid
Common Mistake
Entering an incorrect Google Font name: font names are case-sensitive and must match exactly. If the font is not loading, double-check the spelling at fonts.google.com.
Common Mistake
Expecting Product Exclusions to hide a product everywhere: Product Exclusions and Hide sold-out products apply to the Saved from Cart and Recently Viewed blocks. Other blocks, such as Featured Products, show what you set on that block.
Troubleshooting
My account icon still opens Shopify's account page
Confirm Replace account links is checked and that you clicked Save.
Confirm the Account Sidebar is enabled and the Mage Loyalty app embed is on for your live theme.
Registration, password recovery and order pages always open Shopify's own pages.
The Google Font is not loading
Confirm the font name is spelled exactly as it appears on fonts.google.com, including capitalisation and spaces.
Check that Enable Google Fonts is checked and that you clicked Save.
Test in an incognito window to rule out browser caching.
A product still appears in Saved from Cart or Recently Viewed
Confirm the product is listed under Product Exclusions and that you clicked Save.
To hide products that are out of stock, check Hide sold-out products.
Related Articles
đ¨ď¸ Still need help or canât find the answers youâre looking for? Reach out to the Mage Loyalty team through our live chat support.