Dawn theme - Add-To-Cart button blinks on hover

Store Design
1

Today, I downloaded a few different Apps… looking to add “Save Cart” functions.

Now, when hovering over the Add-To-Cart button (on product pages), the button-outline blinks 20+ times… before finally turning solid.

It wasn’t doing that before today.

I’ve tried loading a backup copy of my Dawn theme… and loading a completely different theme… but the behavior persists.

It’s extremely annoying. Is there a means of getting it back to just being a solid outline (no blinking)?

I’m otherwise close to having my store ready to launch.

Help! :wink:

Here’s a link to see the behavior:

https://purrrfect-audio.myshopify.com/products/consultation

(Hover over the Add-To-Cart button… and it’ll blink 20+ times before staying solid).

Thanks in advance for any help!!

2

@JimRoseberry

The app you’re using is re-rendering the “add to cart” button multiple times. Although the perceived bug is simply visual -blinking, in this case - this could easily yield much more problems.

The app developers should diagnose and fix the problem, please contact them for a resolution.

Kind regards,
Diego

3

Hi Diego,

I’m trying to figure out which one is causing the issue.

I just uninstalled Dynamic Product Options… and the issue is gone.

I really need the features that app. It was days of work entering all the options. :slightly_smiling_face:

4

@JimRoseberry

Unfortunately we can not (and should not) diagnose the problem since all code is being rendered by the app. As aforementioned, this can and very likely will yield much more problems in the future. I have seen time and time again broken ATCs from apps costing thousands of sales for merchants.

Reaching out to their support is the only way to get this properly solved if you need to keep using their product. This may be a bug they are unaware of and they’ll have the opportunity to fix it and help other users as well.

Kind regards,
Diego

5

I’ve narrowed the issue down to the “Global Extra JavaScript” section (for Dynamic Product Options app).

With that section set to Use Default Value (no JavaScript), the Add-To-Cart button behaves normal.

6

Narrowing the issue down further…

The problem lies somewhere in these lines of JavaScript.

With them removed, the Add-To-Cart button behaves normal.

jQuery(‘.cart-item__media > .cart-item__link’).remove();
jQuery(‘.product-option:contains(“Title”), variant-radios > fieldset:contains(“Title”), variant-selects:contains(“Title”)’).hide();
window.dpo_before_initialize = function(){
//jQuery(‘.product-form__quantity, .product-form__buttons’).first().before(jQuery(‘.dpo-container’));
jQuery(‘.product-form form’).first().prepend(jQuery(‘.product-form__quantity’)).prepend(jQuery(‘.dpo-container’));
for(var i=1; i<30; i++) setTimeout(function(){var b=jQuery(‘[dpo_add2cart]’).removeClass(‘mw-apo-add-to-cart-hide’)[0]; if (b){b.outerHTML+=‘’; dpoOptions.addToCartButton=$$e(‘[dpo_add2cart]’)[0];}}, i*500);
dpoOptions.customValidation = function(){
var p = dpoOptions.updatePrice();
dpoOptions.skipVariantCreation = p.current_prices.price == p.initial_prices.price;
return true;
}
}