Return to previous page

Add To Cart Popup – customization question and mobile bug

This topic has 4 replies, 2 voices, and was last updated 2 years, 4 months ago ago by Awais Ahmed

anthonysceam

Participant

August 9, 2022 at 05:23

Hello,

I’m having some design issues with the add-to-cart popup for Desktop and Mobile.

On Mobile the add-to-cart popup background is transparent and looks quite confusing. See screenshot: https://gyazo.com/b2b8df17f55312ebbaab307ed4faf04d
Also, on mobile is it possible to change the arrows to white?

For Desktop the product names are getting cut off. I’d like to make the text smaller so the full product names show. See screenshot: https://i.gyazo.com/501a741334d4490d6012c979dbae9d9d.png

Also, is it possible to add additional text/customization to this popup?
I’d like to attempt to increase average order value by adding some text on the popup. Let me know how we can do that as it’s a very important piece of our website.

#331335 Copied Theme version: 8.2.4 WooCommerce version: 6.7.0

3 Answers
Awais Ahmed

Participant

August 9, 2022 at 06:39
Hello, @anthonysceam,

1. I have just tested your site on my personal mobile phone and it is working perfectly fine, here is the video for you: https://www.veed.io/view/adade14c-5a90-4135-8e0c-9883c99e6f2d?sharingWidget=true

It must be the cache issue at your end nothing else, please try to clear the browser cache and cookies and check back, otherwise please try to check the site on any other mobile phone, I am sure you will not face this issue anymore.

2. Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site after removing the browser cache.
```
.popup-added-to-cart .upsell-products .content-product .product-title {
    font-size: calc(var(--product-title-size-proportion) * 0.8rem) !important;
}
```
Screenshot: https://postimg.cc/wRQwcdcg

3. Unfortunately no, you can not Modify/Add the content to that popup as that is the default one, so it requires extra Customization.

Regards 8Themes Team.
#331342 Copied
anthonysceam

Participant

August 9, 2022 at 09:26

Okay no worries, must have been on my side then.

I added the code which did indeed make the title text smaller, but it’s still cutting off the names.

Also, would it be possible to pay you to implement customization on our theme? Adding that text on that popup box is pretty important.

#331351 Copied
Awais Ahmed

Participant

August 9, 2022 at 09:31
Hello, @anthonysceam,

1. Great!

2. If it’s still cutting off then try to change the value of the Font in the given code like:
```
.popup-added-to-cart .upsell-products .content-product .product-title {
    font-size: calc(var(--product-title-size-proportion) * 0.6rem) !important;
}
```
3. If you want paid Customization services submit a customization request to WPKraken team.

Regards 8Themes Team.
#331352 Copied
Tagged: add to cart, customization, mobile, popup, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)