[Resolved] Hide original price and show only sale price

[roadlink]

Hi,

I am using below css to hide original price for “composite products”. (Woodmart theme)
Same code doesn’t work with GP and Prime.

Any idea?

/* Composite product remove previous price */
.archive .product-type-composite .price .from {
    display: none!important;
}

.single-product .product-type-composite .price .from {
    display: none!important;
}

[Leo]

Hi there,

Try this CSS:

.woocommerce ul.products li.product .price del {
    display: none;
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
    display: none;
}

[roadlink]

Hi Leo,

Thank you.
I have changed your code a bit. This one works good in single product pages.
If it is composite product, It is hiding original price and if it is simple product original price is there.

.woocommerce .product-type-composite div.product p.price del, .woocommerce .product-type-composite div.product span.price del {
    display: none;
}

This one is also works good in shop pages.

.archive .product-type-composite ul.products li.product .price del {
    display: none;
}

But i couldn’t solve the issue for main page, which is using woocommerce shorcodes to show products.

[Elvin]

Hi,

This should work on the products on your homepage.

.woocommerce ul.products li.product .price del {
    display: none;
}

[roadlink]

Hi Elvin,

Yes it is working but delete for all products.
I want to delete only for composite products.
Thanks

[Elvin]

Your site seems to be in maintenance mode.

Can you open it up so we could take another look? Thanks.

[roadlink]

hi,
I added pass.

[David]

Hi there,

can you share the URL to one of your composite products?

[roadlink]

sure here it is.

[Leo]

So are all products on that page the composite products?

[roadlink]

I have managed to fix it with below code in category pages.
Just couldn’t hide from main page, which created with woocommerce shortcodes.

Thanks for help.

.archive .product-type-composite ul.products li.product .price del {
    display: none;
}
.woocommerce .product-type-composite div.product p.price del, .woocommerce .product-type-composite div.product span.price del {
    display: none;
}

[Leo]

Glad to hear 🙂

[Author]

Posts