Help with WooCommerce Shop and Single Product Prices

  • Resolved completemobility

    (@completemobility)


    3 years, 8 months ago

    Hi all,

    I’ve tried plenty of custom CSS, and have almost had it, but I just can’t perfect it!

    As we offer VAT relief on healthcare products, I need to display both inc and ex VAT prices. I’m looking for the following:

    ? Shop Overview pages
    – Display ‘ex VAT’ after product price
    – Display ‘inc VAT’ after ‘Price Display Suffix’ (using {price_including_tax} within WooCommerce settings) but displayed BELOW the ‘ex VAT’ price

    I then need to replicate this on the ‘Single Product pages. It’s driving me nuts I just can’t figure it out!

    Thanks for your help.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @completemobility ,

    If I understand correctly, you want to show both prices (including & excluding VAT) and they should show in two separate lines. Is that right?

    I am considering that you are using the Price suffix already in the WooCommerce tax settings. We can add the additional text using custom CSS. Try these code –

    .amount bdi {
    position: relative;
}

.woocommerce-Price-amount.amount {
    display: block;
}

.woocommerce-Price-amount.amount bdi:after {
    content: "ex vat";
    margin-left: 5px;
    font-size: 14px;
}

.woocommerce-price-suffix {
    display: block;
}

.woocommerce-price-suffix .woocommerce-Price-amount.amount bdi:after {
    content: "inc. vat";
    margin-left: 5px;
    font-size: 14px;
}

    The output will be like this – https://prnt.sc/10uialv

    You need to add these code in your wp-admin > Appearance > Customize > Additional CSS field.

    Thank you ??

    Thread Starter completemobility

    (@completemobility)

    That worked perfectly! Thank you so much ??

    Awesome!

    I am glad that it was helpful. I am going to mark this thread as resolved. If you have any other queries, feel free to open a new thread.

    Thank you ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Help with WooCommerce Shop and Single Product Prices’ is closed to new replies.