Customize the Text and Position of the Wishlist Notification Popup – API
How to customize the text and position of the Wishlist notification pop-up.
Intended Audience : Agency / Software Developers / Shopify Experts
1. Altering the position of the notification pop up.
a. Select the HTML element that corresponds to the Wishlist Notification box (ID : “swym-notification”).
b. Copy the corresponding CSS class from the Styles pane and add a new style rule by clicking on the (+) button marked in the image below.
c. Paste the CSS class copied earlier and add the attributes to change the position of the Wishlist Notification.
For example, add bottom: 200 px and left: 100 px as the new position attributes. Make sure you add “!important” after each attribute value. This overrides the default position attributes. The wishlist notification moves to the new position as shown below.
Need help with the right CSS properties? Feel free to reach out to us via email to firstname.lastname@example.org
2. Changing the text on the pop up
The text content is hosted on the backend. To change the text, please contact us via email.