Design Notification Center

You can design your Notification Center under the Template Style on the listing page. To reach there, 

1. Navigate through Message > Notification Center. Click on the Template Styles button.

2. You need to select the template you want to use. You can either position it to an element or display it as on-page. Then, you can start editing its style by setting the placement.

3. The main element is the first element that you can add animations to. You can click on each and see what it looks like.

The icon can be seen when the Notification Center is on or when it is minimized. You can set another background image. You can upload an image or select one from the Image Library to display when the center is minimized. You can change the shadow color, its position, and add a blur effect to it.

4. If you want to track the clicks by a different name, you can set a custom Google Analytics Join event name.

5. You can update the notification count's fill color and text color.

6. When it comes to the layout, you can update the fill color of the top bar and its background color and set the shadow following the same steps as the icon.

7. If you want to display the Notification Center in different languages, you can set the translations for each language. If you operate in different languages, you need to create separate notifications for each language. It is also crucial to add Translations to the following template elements:

• Notification Center Title (Discover the Deals)
• Unread Status Text (New message)

8. Text properties, including font family, text color, font size, font weight, text decoration, and alignment, can be updated.

9. You can update the look of the notification item as well; you can edit the fill color and shadow.

10. You can update the font family, text color, font size, font weight, text decoration, and alignment on the message title and description.

11. Lastly, you can add translations for the "New" badge along with the translations of the title.

12. You can edit the fill color and text properties to finish editing your design.

Now, you can create your Notifications.