Cart drawer doesn't open with PageFly Add to Cart button – Dawn 15.3.0

[oguzhan357]

Hello,

I'm using the "Add to Cart" button created with PageFly on my product page. My theme is Dawn 15.3.0.

Here's the issue I'm experiencing:

When I refresh the page and immediately click the Add to Cart button, the cart drawer does not open.
If I manually open the cart drawer, it appears empty.
However, if I refresh the page again, I can see that the product was actually added to the cart.

If I wait 3-5 seconds after the page loads and then click the Add to Cart button, everything works as expected - the cart drawer opens, and the product is successfully added.

This delay is significantly affecting the user experience, as customers may leave the site thinking the button didn’t work.

When I use GemPages, I don’t encounter this issue at all - the Add to Cart and drawer behavior works instantly.

Website: https://purelampz.com/

[AnneLuo]

Hi, @oguzhan357 

There is an error in your website after click the add button. It needs to check the code to figure out the error. If you need my help, please let me know.

[oguzhan357]

Yes, I need help

[AnneLuo]

Can you please send me your collaborator code? I will check it for you.

[oguzhan357]

8099

[AnneLuo]

I have applied the access. Please accept.

[oguzhan357]

Okay, I’ve accepted. Let me know if there’s any update or if the issue has been resolved.

[AnneLuo · Accepted solution]

Hi, @oguzhan357 

I have already reviewed the theme on my side.
I recommend reaching out to PageFly Support, as these JavaScript files are not directly editable on my side.

Your best approach would be to: 

Work with their support team to adjust the necessary settings, Or request that they provide a fix or workaround for this issue.

Hope this helps!

[MandasaTech]

Hello @oguzhan357 

Based on your description, it seems like the PageFly "Add to Cart" button is being triggered before Shopify's cart functionality (specifically the cart drawer JavaScript) is fully initialized on page load. That’s why waiting 3–5 seconds works — it gives time for the theme scripts to load.

Here are a few suggestions to resolve this:

1. Defer the button's functionality until Shopify's cart scripts are ready.
   If you're comfortable with code, you can wrap the button action in a small JavaScript delay or listener that waits for the DOM and Shopify's cart JS to be fully initialized.
   
   

2. Use Dawn’s native "Add to Cart" behavior as much as possible.
   PageFly’s custom buttons may not fully integrate with Dawn’s cart drawer. Instead, consider using Shopify’s native data-shopify-button attributes or let Dawn handle the cart updates.
   
   

3. Ensure all relevant scripts are loaded before the button executes.
   You might need to wait for window.Shopify or Shopify.theme to finish initializing before executing the add-to-cart logic.

If you’d like, I can take a closer look at your current PageFly button code and adjust it for full compatibility with Dawn 15.3.0.

Let me know if you have any questions!

[oguzhan357]

My problem still hasn't been resolved. This is the only issue on my website, and I would really appreciate it if you could fix it.