Teeinblue - Integration

Monster cart will work with Teeinblue product customizer after following these steps.

Step 1. In Teeinblue under Store Settings - open Product Page Settings
Scroll down to Action for "Add To Cart" button
>> Toggle on "Stay on the page and show success message"
>> Toggle on Notify Shopify.onitemAdded" when new item added to cart

(See steps in image)



Step 2. Navigate to Shopify theme customise.
Go to App Embeds >> Select Monster Cart
Scroll down to custom code >> post the following code.

<script>
Shopify.onItemAdded = () => {
const monster_active = !!document.querySelector('script[src*="/cart_renderer."]');
if(monster_active) window.monster_refresh();
}
</script>

(See steps in image)

Updated on: 16/11/2023