Docs

[spacebunyip]

Hi there,

I am wondering if it is possible to change the price on the shop catalogue page to only show the first variation in price ($25) rather than ($25-$285). If not can I hide the price on the shop catalogue page and only have it display on the single product page, as it does now – I have the top price hidden via css.

Catalogue Page: http://jenturner.com.au/rolf/wines/
Single Product Page: http://jenturner.com.au/rolf/product/chardonnay/

[Christian]

Hey there,

Please add the code below in your Appearance > Customize > Custom > Global CSS

.woocommerce-Price-amount:last-child {
    display: none;
}

.woocommerce .price {
    color: white;
    text-align: center;
}

Hope that helps. 🙂

[spacebunyip]

Hi

Thanks for that, not quite what I am after though.
That code hides the variations price on the single product page. So only the single product price shows at the top of the page.

I think the best option, if possible is to hide the price on the catagory page (and the top of the single product page ) and display only the variation price after the short description on the single product page. Can you let me know if this is possible please.

Thanks

[Paul R]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.archive.woocommerce .woocommerce-Price-amount.amount {
   display:none;
}

Then add this in Custom > Edit Global Javascript

jQuery(function($) {
    $('.single-product .summary .price').insertAfter('.single-product table.variations')
});

Hope that helps.

[spacebunyip]

Getting Closer…

I’ve hidden the price on the archive page, but now want to remove the price range at the top of the single product page and only display the variation price below.
Looks silly now that we have applied the white color to the dash, to hide on archive page as it is hidden on the single product page as well.

http://jenturner.com.au/rolf/product/chardonnay/

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

.product .type-product div.summary.entry-summary  div:nth-child(2) {
display:none;
}

Hope it helps

Joao

[spacebunyip]

Sorry that hasn’t removed anything.

http://jenturner.com.au/rolf/product/eden-valley-riesling/

[Christopher]

Hi there,

Please add this code :

.single-product p.price {
    display: none;
}

Hope it helps.

[Author]

Posts