We've improved the display behavior when interacting with the cart in RuffRuff Order Bonus. With this change, gifts are now reflected more accurately than before, making the purchase process smoother.
What changed
1. Improvements when a gift is distributed
Before
- A toast message was shown in the top-right corner of the screen
After
- A popup is shown in the center of the screen
- The page reloads via the "Update Cart" button
Improvements
- ✅ Reloading the page reflects the gift product visually and immediately
- ✅ Gifts are distributed more accurately than before
- ✅ Prevents gifts from failing to be reflected at checkout
2. Improvements when a gift is removed
Before
- A toast message was shown in the top-right corner of the screen
After
- A popup is shown in the center of the screen
- The page reloads via the "Update Cart" button
Improvements
- ✅ Reloading the page reflects gift removal visually and immediately
- ✅ Prevents a gift that should have been removed from being purchased by mistake
3. Improvements when a gift's quantity changes
Before
- A toast message was shown in the top-right corner of the screen
After
- A toast message is shown at the bottom center of the screen
Improvements
- ✅ The more prominent notification position makes changes harder to miss
4. Automated message settings
Before
- Messages for gift addition, removal, and quantity changes were configured individually within the embedded app
- Translation data had to be set manually for each message
After
- The app automatically displays an optimized message
- Automatically adapts to language switching, even on multilingual stores
Improvements
- ✅ Significantly reduces the effort of initial setup
- ✅ No translation work required
- ✅ Automatically provides a message optimized for each language
- ✅ No need to manage or update messages
Technical background
Some Shopify themes use storefront-side cart information rather than server-side cart data when navigating to checkout. Because of this, cart information wasn't correctly synced without a page reload, which sometimes caused gifts not to be reflected.
This improvement ensures consistent behavior across all themes, providing customers with a more reliable gift distribution experience.
