Home › Forums › WoodMart support forum › Price and sale price error when brower by webview.

Price and sale price error when brower by webview.

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 19, 2022 at 10:00 am #377054

    manhten
    Participant

    Hi,
    I have problem with sale product have sale price and regular price, they overlap.
    When i access product page or product catalogue by webview (it mean access website direct in facebook messenger, FB app, tiktok app)
    I try with my site and your demo site. It same problem.
    Pls check and fix.

    Attachments:
    You must be logged in to view attached files.
    May 19, 2022 at 1:48 pm #377169

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

    span.woocommerce-Price-amount.amount bdi {
    margin-left: 15px;
    }

    Best Regards

    May 19, 2022 at 2:00 pm #377171

    manhten
    Participant

    It move both of them to right. I want only slip them, move only sale price, Keep old price.

    Attachments:
    You must be logged in to view attached files.
    May 19, 2022 at 3:40 pm #377236

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS with the following then check back.

    body .price ins .amount {
    margin-left: 15px;
}

    Best Regards

    June 27, 2022 at 12:34 pm #386497

    manhten
    Participant

    Hi.
    After add CSS, It show good for webview on messenger or any app.
    But it have so long space when i brower direct from Chrome.
    Test on IOS.
    Lock at attachment file.

    Attachments:
    You must be logged in to view attached files.
    June 27, 2022 at 12:36 pm #386500

    manhten
    Participant

    On catalogue same.

    Attachments:
    You must be logged in to view attached files.
    June 27, 2022 at 2:52 pm #386560

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Please replace the previous Custom CSS in the Custom CSS for Mobile area under Theme Settings >> Custom CSS.

    @supports not (-webkit-touch-callout: none) {
   body .price ins .amount {
    margin-left: 15px;
}
}

    Best Regards

    June 27, 2022 at 3:14 pm #386572

    manhten
    Participant

    I did it but still not work for webview on messenger and same.
    Most people visit products from FB app, Tiktok app, messenger by ads, share…
    So pls fix it.

    Attachments:
    You must be logged in to view attached files.
    June 27, 2022 at 4:17 pm #386599

    Bogdan Donovan
    Keymaster

    Hello,

    Please, provide us with your admin access, so we can log in and check this on your side.

    Thank you in advance.

    June 27, 2022 at 4:26 pm #386602

    manhten
    Participant

    Yes. Pls check. It only your demo content.

    June 28, 2022 at 9:21 am #386755

    Bogdan Donovan
    Keymaster

    Hi,

    Try to remove all previously provided code and add the following custom CSS code to the Global Custom CSS area in Theme Settings.

    @supports (-webkit-touch-callout: none) {

	body.hide-larger-price .price {
			white-space: nowrap !important;
	}
	
	body.hide-larger-price .price>ins,
	body.hide-larger-price .price>small {
			margin-left: calc(1em + 4px) !important;
	}
	
	body.hide-larger-price .wd-sticky-btn-cart .price {
			white-space: nowrap !important;
	}
}

    Kind Regards

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)