Price overlaps on product page in instagram browser – mobile

Hi,

I noticed that if I open the site from the instagram ads or open the site from the instagram link (on mobile only) the reduced price overlaps with the full price both on the product category and on the single product.
https://www.instagram.com/naruaskincare

How can we solve the situation? Attached picture

Attachments:

You must be logged in to view attached files.

Hi,

This issue is caused by the “Hide ‘to’ price” option. It will be fixed in the next update. To resolve it now, please disable the “Hide ‘to’ price” option (screenshot https://monosnap.com/file/z158im7he6OTPTyyNahiMxhegJ33tB) and add the following custom code to the Global Custom CSS Area in Theme Settings:

body .price:has(.amount + .amount) {
    visibility: hidden;
    letter-spacing: -1em !important;
}
body .price:has(.amount + .amount) .amount + .amount {
    display: none;
}
body .price:has(.amount + .amount) > span,
body .price:has(.amount + .amount) > div,
body .price:has(.amount + .amount) > small {
    visibility: visible;
    letter-spacing: initial;
}
body .price:has(.amount + .amount) > small {
    margin-inline-start: .2em;
}

Kind Regards

Hello,

The code is fine for Instagram, can you help me with another code for tiktok and there is the same problem with the price overlap, and the code received there did not fix the problem.

Thank you

The updated code does not affect discounted prices. After disabling the Hide higher price option, the discounted price should display the same across all browsers, since the code only applies to prices with a range (lower and higher price). On your site, there is only one product with such a price range – “Voucher CADOU”.

This solution should work equally well in both the Instagram and TikTok apps, as on iOS they use the same browser engine (WebKit). Most likely, this issue is caused by cache on your site or in the app. Clear the cache on both your site and the app to ensure it does not interfere with the price display.

If you have cleared the cache and still see the issue, please provide us with updated access credentials for your site and instructions on how to open your site through the TikTok app. We attempted to access the profile you mentioned on your site, but the link does not work and only displays the message “Couldn’t find this account.”

Kind Regards

[Author]

Posts