Sale price not showing on shop page using Preview Slider display mode

[ecrotty]

I can see that the HTML is being generated to show both the regular and sale price but something is preventing it from being shown on the browser.

I’m sure it is something simple, but I’m not seeing it after checking the CSS.

Thanks for the help!

[ecrotty]

I noticed :

.preview-slider-item-wrapper .product-details span.price ins

had an opacity of 0.

I changed it to 1 in my custom CSS. Please let me know if that was the best solution.

That seems to have done the trick there. I now see the sale price on the archive shop page.

Now I am trying to discover why the strikethrough isn’t showing.

If I find it first, I’ll be sure to post but if you have the solution, please feel free to tell me.

Thanks!

[Kyle – SUPPORT]

Hi

Glad you managed to solve it. I’d check the strikethrough but I don’t see the asset anywhere on your site

– Kyle

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    text-decoration: line-through !important;
}

Thanks
Mohammad

[ecrotty]

Thanks, guys!

Mohammad’s CSS did the trick!

[Kyle – SUPPORT]

No problem

[katana9]

Hello,

I have the same issue,
i try to used the css

.woocommerce div.product p.price del, .woocommerce div.product span.price del {
text-decoration: line-through !important;
}

but the strikethrough isn’t showing in preview slider mode…

Any solution please ?

thanks

[Mohammad – SUPPORT]

Hi,

@katana9 – Just provide me specific page url with issue to check and resolve the issue.
Thanks
Mohammad

[lilmiss]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.product-display-preview-slider .badge-wrap > span.onsale {
    display: block !important;
}

Thanks
Mohammad

[wanderjr]

Not work for me, I’ve opened a support request for this issue. Promotional price still does not appear in preview slider mode