Overview
In this article, you will learn about a PageFly page’s issue that the cart drawer (cart icon) does not automatically update when you add product(s) to your cart. It means that when customers click on the Add to Cart button, the cart drawer of your store’s theme stays static instead of automatically updating the products.
Basically, PageFly works well with Shopify themes. However, with some themes, especially the cart mechanism working makes conflict with PageFly, therefore there is the cart drawer not updating automatically.
How To Fix
To fix this problem, please follow these steps:
- Go to Shopify Admin > Online Store > Themes.
- In the Current theme > click Customize.
- On the left sidebar, click App embeds.
- Check the box next to PageFly Theme Helper.
- Click Save.
This will fix the issue for 60% of Shopify themes. If the issue persists, please check the solutions below for your specific theme. If you do not find your theme listed, please contact our support team.
For more details, you can check the video tutorial below:
How to Fix When The PageFly Theme Helper Doesn’t Work
First of all, you need to access the theme files of Shopify Admin
Go to your Shopify Admin > Online Store > Themes > Edit code
Narrative Theme
With the Narrative theme, you just need to add the required code inside the theme.liquid file
Venue Theme
With the Venue theme, you just need to add the required code inside the theme.liquid file
Turbo Theme
- Go to app.js.liquid file and search refreshCart
- Add window.refreshCart like this video
- Search add.js in app.js.liquid file and copy the code below that like this video
- Add the above copied code inside window.__pagefly_helper_store code in theme.liquid file to make add to cart work like this video
Dawn – Origin – Taste – Craft – Refresh – Sense With Theme Popup Notification
With Dawn Theme, please add this code to the theme.liquid file
Note: You have to change the “View my cart” text in the code accordingly to your store language.
Dawn – Origin – Taste – Craft – Refresh – Sense Theme New Version With Cart Drawer
With the Dawn – cart drawer, please add this code to theme.liquid file
Blockshop Theme
With the Blockshop theme, you just need to add the required code inside the theme.liquid file
Boundless Theme
- Go to javascript files of theme and find ajaxCart
- Add window.ajaxCart after ajaxCart like var ajaxCart = window.ajaxCart
- Add this code in theme.liquid
Porto Theme
With Porto theme, please check this link here for the solution
Cospora Theme
With Cospora theme, please check this link here for the solution
Flex Theme
With Flex theme, please check this link here for the solution
Grid Theme
With Grid theme, please check this link here for the solution
Galleria Theme
With Galleria theme, please check this link here for the solution
Debutify & Palo Alto Theme
With Debutify theme, please follow these steps
- Go to theme.js.liquid file and then search theme.ajaxCart, ajaxify, ajaxCart
- Check in live view with this keyword to see there is an load function or update function or not
Example: theme.ajaxCart.update() or ajaxCart.load()
If there is one of keywords above, add this code into theme.liquid file
Here is the tutorial link here
If you follow the guide above but it is not working and the cart drawer show blank
Please add this code
Avone Theme
With Avone theme, please check this link here for the solution
Showtime Theme
With Showtime Theme, please check this link here for the solution
Rebranding Theme
With Rebranding Theme, please add this code to the theme.liquid file
Envy Theme
With Envy Theme, please check this link here for the solution
Basel Theme
With Basel Theme, please check this link here for the solution
Ella Theme
With Ella Theme, please check this link here for the solution
Lusion Theme
With Lusion Theme, please check this link here for the solution
Atlantic Theme
With Atlantic Theme, please add this code to the theme.liquid file
Motion Theme
With Motion Theme, please add this code to the theme.liquid file
Maker Theme
With Maker Theme, please add this code to the theme.liquid file
Debut Theme
With Debut Theme, please add this code to the theme.liquid file
Note: When you added this code into theme and this does not work. You can open console.log() in live view and see there is any error for this. If you see this error “$ is not define…”
You should copy and paste this line into theme.liquid file
<script src=”https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js”></script>
Express Theme
With Express Theme, please add this code to the theme.liquid file
Impulse Theme
With Impulse Theme, please add this code to the theme.liquid file
If the code above not work, you can try add this code instead
Wokiee Theme
With Wokiee Theme, please add this code to the theme.liquid file
ABZ – Icon
With ABZ – Icon, please add this code to the theme.liquid file
Streamline Theme
With Streamline Theme, please add this code to the theme.liquid file
Bold-Movivatior
With Bold-Movivatior Theme, please add this code to the theme.liquid file
Brooklyn Theme
With Brooklyn theme, please check out this video for solution
If you follow the guide above but it is not working and the cart drawer show blank
Please add this code
Lorenza Theme
With Lorenza theme – you need to make sure that the theme shouldn’t be minified
Please check this video for solution
Kalles Theme
With Kalles theme please add this code to theme.liquid file
Prestige – Warehouse Theme
With Prestige or Warehouse theme, please add this code to the theme.liquid file
If the code above not work, please add this code instead
EcomSolid
With EcomSolid Theme, please add this code to the theme.liquid file
Focal
With Focal Theme, please add this code to the theme.liquid file
Focal 8.10
With Focal 8.10 Theme, please add this code to the theme.liquid file
Retina
- Step 1: Update code on retina.js
- Step 2: Use this code on theme.liquid
Slate Theme
Follow this video instruction for solution
Expanse Theme
Follow this video instruction for solution
Custom Theme (minimog)
Please add this code to the theme.liquid file.
MeroxIO Custom Theme
Please follow this video for solution.
Showcase Theme
With Showcase Theme, please add this code to the theme.liquid file
Lorenza Theme
Please follow this video for solution.
MODULAR Theme
With MODULAR Theme, please add this code to the theme.liquid file
Electro – Zeexo Theme
Step 1: search and open bc.script.js.liquid in theme code
Step 2: search AT_AddCart and move it to window like this video : link
Step 3: please add this code to the theme.liquid file
Boost Theme
With Boost Theme, please add this code to the theme.liquid file
Reach
With Reach Theme, please add this code to the theme.liquid file
District Theme
Please follow this video for solution.
Vela Theme
- Step 1: Move this function to window in ‘vela.js’ and added the code helper.
- Step 2: Add this code to the theme.liquid file
Pipeline, Testament Theme
- Step 1: Move cartUpdateCallback to window first.
- Step 2: Add this code to the theme.liquid file
Shella Theme
- Step 1: Please follow this video for solution.
- Step 2: Add this code to theme.liquid file
Shella Theme Version 5.0.1
With Shella Theme 5.0.1, please add this code to the theme.liquid file
Prestige Theme – Warehouse
With Prestige theme – Warehouse (for some version only), please add this code to the theme.liquid file
Lammer Theme 4.0.0
With Lammer theme 4.0.0, please add this code to the theme.liquid file
Warehouse 2.5.2 Theme
With Warehouse 2.5.2 theme, please add this code to the theme.liquid file
Turboant Theme
With Turboant theme, please add this code to the theme.liquid file
Broadcast Theme
With Broadcast theme, please add this code to the theme.liquid file
Be Yours 4.1.0 Theme
With Be Yours 4.1.0 theme, please add this code to the theme.liquid file
Solodrop-2.4.0 Theme
With Solodrop-2.4.0 theme, please add this code to the theme.liquid file
Pop version 3.0.4 Theme
With Pop version 3.0.4 theme, please add this code to the theme.liquid file
You can watch this video guide for more information.
Flow version 16.3.1 Theme
With Flow version 16.3.1 theme, please add this code to the theme.liquid file
You can watch this video guide for more information.
Tips And Best Practice
For all themes, it’s required to have this same code.
If your theme is not listed above, please ask your Theme Provider to have their own theme code so they can update their code in the red box as the demonstration below:
This code also needs to be added to the theme.liquid file.