Update Sales Motivator Bar Without Re-Loading The Page
Introduction:
Step 1. Go to the Shopify dashboard.
Step 2. Select Online store > Actions > Edit code.
Step 3. You need to Insert this aaa_announce_ajax_cart class into your store theme.
Step 4. Find product-template.liquid file then finds AddToCart in the code.
Step 5. Navigate slider to the end and Insert copied code over there, Save update.
Step.6 Follow the same process and Insert the copied class in product-card-grid.liquid file. Skip this step if you are using the “Venture” theme in your store.
After having these changes at your store, you will find the sales motivator bar works very smoothly and show remaining value which needs to be added in the cart to avail the discount offer.
Preview – For getting free shipping, a customer has to buy a product more than $100
Add this product to the cart and the bar will show you the changes without redirecting to the cart page.
Step 1. Go to the Shopify dashboard.
Step 2. Select Online store > Actions > Edit code.
Step 3. You need to Insert this aaa_announce_ajax_cart class into your store theme.
Step 4. Find product-template.liquid file then finds AddToCart in the code.
Step 5. Navigate slider to the end and Insert copied code over there, Save update.
Step.6 Follow the same process and Insert the copied class in product-card-grid.liquid file. Skip this step if you are using the “Venture” theme in your store.
After having these changes at your store, you will find the sales motivator bar works very smoothly and show remaining value which needs to be added in the cart to avail the discount offer.
Preview – For getting free shipping, a customer has to buy a product more than $100
Add this product to the cart and the bar will show you the changes without redirecting to the cart page.
Related Articles
Setup A Sales Motivator Bar
Introduction: A sales motivator bar motivates your customers to buy more from the store and increases your store's profitability without burning extra money. Watch a quick 5-minute video on the setup of the Sales motivator bar Follow the steps given ...Shopify Store Optimization: How to Improve Loading Speed and Boost Sales
Introduction: The Importance of Swift Loading Times: A Real-Life Example Demonstrating Elevated Sales and Customer Satisfaction Slow loading speeds can significantly impact Shopify stores, affecting both sales figures and customer satisfaction. ...Create a loyalty page
Introduction Discover the step-by-step process for crafting a Loyalty page template tailored to your brand's needs and customer engagement goals. Note: There are 6 Loyalty templates. To learn how to set up the template, please check the article ...Re-assign points and cancel the discount
Introduction This article details the process of reversing a point redemption in cases where a customer accidentally redeems it or changes their mind. If such an event occurs, you can simply remove the discount code, credit the appropriate points ...Enable Disable Announcement Bar
Introduction: Learn how to turn on and off announcement bars on your website with ease. This article explains why it's important to control your messaging and shows you how to do it, helping you keep your audience engaged and boost sales. Here are ...