How to modify the "add to cart pop-up" notification

[adamomink]

Hello there, 

I would like to customize my ATC pop-up notification to something like this 

 https://store.emergencemagazine.org/ 

At the moment it's like this:

And I would like to change it in something like this:

Can someone Help?

Thank you very much

[PageFly-Amelia]

Hi @adamomink 

This is Amelia from PageFly - Landing Page Builder App

You can change the type of your cart here:
https://monosnap.com/direct/uMVgPQHoA2dQIOSFis0QGc8yHguGBa

Hope that my solution works for you.

Best regards,

Amelia | PageFly

[DitalTek]

@adamomink 

Which theme you are using on your store?

First, you can check on cart setting of theme, find to change the settings and looking here has option change from show cart-drawer instead of show alert.

If theme not support, you can contact to theme's author to ask for help.

[adamomink]

Yes I can activate the cart drawer but I am happy with the "page" cart, I would like to modify just the ATC notification.
I'm sending a screenshot of the drawer option from my theme.

[DitalTek]

@adamomink 

Ah i see, what do you want here are change from you drawer-cart currently to look like this, right?

And instead of show all product on drawer-cart as currently, you want to user go to cart page to watch those thing they added.

If my analysis is true, that can be done by customize code.

[adamomink]

Yes, that is exactly right, instead of the full drawing cart I would like to have just a small one and then, if the customer wants to see the full cart can go to the cart page.
Do you know where I can find such CSS?

Thank you @DitalTek  for your understanding and help

[DitalTek]

@adamomink 

With CSS only, you will difficult to achieve your expected, 

To achieve, you find to file handling drawer-cart on current theme, and change code. 

Beside use CSS you need to use liquid too.